2015-09-25 14:33:05 -04:00
|
|
|
body {
|
|
|
|
text-rendering: geometricPrecision;
|
|
|
|
}
|
2012-08-29 14:23:43 -04:00
|
|
|
.btn {
|
2015-03-06 05:18:53 -05:00
|
|
|
@extend .btn-default;
|
2014-05-31 07:21:13 -04:00
|
|
|
|
2013-08-01 15:35:04 -04:00
|
|
|
&.btn-new {
|
|
|
|
@extend .btn-success;
|
|
|
|
}
|
|
|
|
|
2013-01-29 15:18:19 -05:00
|
|
|
&.btn-create {
|
2013-07-13 02:47:06 -04:00
|
|
|
@extend .btn-success;
|
2012-08-29 14:23:43 -04:00
|
|
|
}
|
|
|
|
|
2013-01-29 15:18:19 -05:00
|
|
|
&.btn-save {
|
2015-09-09 17:29:19 -04:00
|
|
|
@extend .btn-success;
|
2012-08-29 14:23:43 -04:00
|
|
|
}
|
|
|
|
|
2013-01-29 15:18:19 -05:00
|
|
|
&.btn-remove {
|
2012-09-05 01:56:59 -04:00
|
|
|
@extend .btn-danger;
|
2012-08-29 14:23:43 -04:00
|
|
|
}
|
|
|
|
|
2013-01-29 15:18:19 -05:00
|
|
|
&.btn-cancel {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
2014-02-18 13:09:31 -05:00
|
|
|
&.btn-close {
|
2015-03-06 22:02:12 -05:00
|
|
|
color: $gl-danger;
|
|
|
|
border-color: $gl-danger;
|
2014-02-18 13:09:31 -05:00
|
|
|
&:hover {
|
|
|
|
color: #B94A48;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-reopen {
|
2015-03-06 22:02:12 -05:00
|
|
|
color: $gl-success;
|
|
|
|
border-color: $gl-success;
|
2014-02-18 13:09:31 -05:00
|
|
|
&:hover {
|
|
|
|
color: #468847;
|
|
|
|
}
|
|
|
|
}
|
2014-02-20 06:05:33 -05:00
|
|
|
|
|
|
|
&.btn-grouped {
|
|
|
|
margin-right: 7px;
|
|
|
|
float: left;
|
|
|
|
&:last-child {
|
|
|
|
margin-right: 0px;
|
|
|
|
}
|
|
|
|
}
|
2015-01-26 16:37:18 -05:00
|
|
|
|
2015-03-06 05:18:53 -05:00
|
|
|
&.btn-save {
|
|
|
|
@extend .btn-primary;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-new, &.btn-create {
|
|
|
|
@extend .btn-success;
|
2015-01-26 16:37:18 -05:00
|
|
|
}
|
2014-01-02 11:31:25 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-block {
|
|
|
|
width: 100%;
|
|
|
|
margin: 0;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
&.btn {
|
|
|
|
padding: 6px 0;
|
|
|
|
}
|
|
|
|
}
|
2012-08-29 15:29:50 -04:00
|
|
|
|
2014-02-24 10:44:25 -05:00
|
|
|
.btn-group {
|
|
|
|
&.btn-grouped {
|
|
|
|
margin-right: 7px;
|
|
|
|
float: left;
|
|
|
|
&:last-child {
|
|
|
|
margin-right: 0px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2015-09-03 07:44:54 -04:00
|
|
|
|
|
|
|
.btn-group-next {
|
|
|
|
.btn {
|
|
|
|
padding: 9px 0px;
|
|
|
|
font-size: 15px;
|
|
|
|
color: #7f8fa4;
|
|
|
|
border-color: #e7e9ed;
|
|
|
|
width: 140px;
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
border-color: $gl-info;
|
|
|
|
background: $gl-info;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2015-09-25 14:33:05 -04:00
|
|
|
|
|
|
|
@mixin btn-info {
|
|
|
|
@include border-radius(2px);
|
|
|
|
|
|
|
|
border-width: 1px;
|
|
|
|
border-style: solid;
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-size: 13px;
|
|
|
|
font-weight: 600;
|
|
|
|
line-height: 18px;
|
|
|
|
padding: 11px 16px;
|
|
|
|
letter-spacing: .4px;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
border-width: 1px;
|
|
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
border-width: 1px;
|
|
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
@include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
|
|
|
|
border-width: 1px;
|
|
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin btn-middle {
|
|
|
|
@include border-radius(2px);
|
|
|
|
|
|
|
|
border-width: 1px;
|
|
|
|
border-style: solid;
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-size: 13px;
|
|
|
|
font-weight: 600;
|
|
|
|
line-height: 18px;
|
|
|
|
padding: 11px 24px;
|
|
|
|
letter-spacing: .4px;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
border-width: 1px;
|
|
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
border-width: 1px;
|
|
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
@include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
|
|
|
|
border-width: 1px;
|
|
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@mixin btn-green {
|
|
|
|
background-color: #28b061;
|
|
|
|
border: 1px solid #26a65c;
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: #26ab5d;
|
|
|
|
border: 1px solid #229954;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
background-color: #26ab5d;
|
|
|
|
border: 1px solid #229954;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
@include box-shadow (inset 0 0 4px rgba(0, 0, 0, 0.12));
|
|
|
|
|
|
|
|
background-color: #23a158 !important;
|
|
|
|
border: 1px solid #229954 !important;
|
|
|
|
color: #fff !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*Butons*/
|
|
|
|
|
|
|
|
@mixin bnt-project {
|
|
|
|
background-color: #f0f2f5;
|
|
|
|
border-color: #dce0e5;
|
|
|
|
color: #313236;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
border-color:#dce0e5;
|
|
|
|
background-color: #ebeef2;
|
|
|
|
color: #313236;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
border-color: #dce0e5;
|
|
|
|
background-color: #ebeef2;
|
|
|
|
color: #313236;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
@include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
|
|
|
|
|
|
|
|
color: #313236 !important;
|
|
|
|
border-color: #c6cacf !important;
|
|
|
|
background-color: #e4e7ed !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin btn-remove {
|
|
|
|
background-color: #f72e60;
|
|
|
|
border-color: #ee295a;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background-color: #e82757;
|
|
|
|
border-color: #e32555;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
background-color: #e82757;
|
|
|
|
border-color: #e32555;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
@include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
|
|
|
|
background-color: #d42450 !important;
|
|
|
|
border-color: #e12554 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|