116 lines
1.7 KiB
SCSS
116 lines
1.7 KiB
SCSS
.btn {
|
|
@include linear-gradient(#f1f1f1, #e1e1e1);
|
|
text-shadow: 0 1px 1px #FFF;
|
|
border-color: #BBB;
|
|
|
|
&:hover {
|
|
background: #f1f1f1;
|
|
@include linear-gradient(#fAfAfA, #f1f1f1);
|
|
border-color: #AAA;
|
|
color: #333;
|
|
}
|
|
|
|
&.btn-primary {
|
|
background: #2a79A3;
|
|
@include linear-gradient(#47A7b7, #2585b5);
|
|
border-color: #2A79A3;
|
|
color: #fff;
|
|
text-shadow: 0 1px 1px #268;
|
|
&:hover {
|
|
background: $primary_color;
|
|
color: #fff;
|
|
}
|
|
|
|
&.disabled {
|
|
color: #fff;
|
|
background: #29B;
|
|
}
|
|
}
|
|
|
|
&.btn-info {
|
|
background: #5aB9C3;
|
|
border-color: $primary_color;
|
|
color: #fff;
|
|
text-shadow: 0 1px 1px #268;
|
|
&:hover {
|
|
background: $primary_color;
|
|
color: #fff;
|
|
}
|
|
|
|
&.disabled {
|
|
color: #fff;
|
|
background: #29B;
|
|
}
|
|
}
|
|
|
|
&.success {
|
|
@extend .btn-success;
|
|
|
|
&:hover {
|
|
@extend .btn-success;
|
|
background: #51a351;
|
|
}
|
|
|
|
&.disabled {
|
|
color: #fff;
|
|
background: #2b2;
|
|
}
|
|
}
|
|
|
|
&.btn-create {
|
|
@extend .wide;
|
|
@extend .success;
|
|
}
|
|
|
|
&.btn-save {
|
|
@extend .wide;
|
|
@extend .btn-primary;
|
|
}
|
|
|
|
&.btn-close,
|
|
&.btn-remove {
|
|
@extend .btn-danger;
|
|
border-color: #BD362F;
|
|
|
|
&:hover {
|
|
color: #fff;
|
|
background: #EE4E49;
|
|
}
|
|
}
|
|
|
|
&.btn-cancel {
|
|
float: right;
|
|
}
|
|
|
|
&.wide {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
&.small {
|
|
@extend .btn-small;
|
|
}
|
|
|
|
&.active {
|
|
border-color: #aaa;
|
|
background-color: #ccc;
|
|
}
|
|
|
|
&.btn-tiny {
|
|
font-size: 11px;
|
|
padding: 2px 6px;
|
|
line-height: 16px;
|
|
margin: 2px;
|
|
}
|
|
|
|
&.grouped {
|
|
margin-right: 7px;
|
|
float: left;
|
|
}
|
|
|
|
&.padded {
|
|
margin-right: 3px;
|
|
padding: 4px 10px 4px;
|
|
}
|
|
}
|