2015-09-25 14:33:05 -04:00
|
|
|
body {
|
|
|
|
text-rendering: geometricPrecision;
|
|
|
|
}
|
2015-09-03 07:44:54 -04:00
|
|
|
|
2015-10-05 15:18:21 -04:00
|
|
|
@mixin btn-default {
|
2015-09-25 14:33:05 -04:00
|
|
|
@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*/
|
|
|
|
|
2015-10-05 15:18:21 -04:00
|
|
|
@mixin btn-project {
|
2015-09-25 14:33:05 -04:00
|
|
|
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));
|
|
|
|
|
2015-10-05 15:18:21 -04:00
|
|
|
color: #313236 !important;
|
|
|
|
border-color: #c6cacf !important;
|
|
|
|
background-color: #e4e7ed !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin btn-light {
|
|
|
|
background-color: #fff;
|
|
|
|
border-color: #dce0e5;
|
|
|
|
color: #313236;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
border-color:#dce0e5;
|
|
|
|
background-color: #f0f2f5;
|
|
|
|
color: #313236;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
border-color: #dce0e5;
|
|
|
|
background-color: #f0f2f5;
|
|
|
|
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;
|
2015-09-25 14:33:05 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@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;
|
|
|
|
}
|
|
|
|
|
2015-10-05 15:18:21 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.btn-info {
|
|
|
|
@include btn-default;
|
|
|
|
@include btn-project;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-success {
|
|
|
|
@include btn-default;
|
|
|
|
@include btn-green;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn {
|
|
|
|
@include btn-default;
|
|
|
|
|
|
|
|
&.btn-new {
|
|
|
|
@extend .btn-success;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-create {
|
|
|
|
@extend .btn-success;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-save {
|
|
|
|
@extend .btn-success;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-remove {
|
|
|
|
@extend .btn-danger;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-cancel {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-close {
|
|
|
|
color: $gl-danger;
|
|
|
|
border-color: $gl-danger;
|
|
|
|
&:hover {
|
|
|
|
color: #B94A48;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-reopen {
|
|
|
|
color: $gl-success;
|
|
|
|
border-color: $gl-success;
|
|
|
|
&:hover {
|
|
|
|
color: #468847;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-grouped {
|
|
|
|
margin-right: 7px;
|
|
|
|
float: left;
|
|
|
|
&:last-child {
|
|
|
|
margin-right: 0px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-save {
|
|
|
|
@extend .btn-primary;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-new, &.btn-create {
|
|
|
|
@extend .btn-success;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-block {
|
|
|
|
width: 100%;
|
|
|
|
margin: 0;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
&.btn {
|
|
|
|
padding: 6px 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-group {
|
|
|
|
&.btn-grouped {
|
|
|
|
margin-right: 7px;
|
|
|
|
float: left;
|
|
|
|
&:last-child {
|
|
|
|
margin-right: 0px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.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
|
|
|
}
|