106 lines
1.9 KiB
SCSS
106 lines
1.9 KiB
SCSS
.btn {
|
|
background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.076, #f7f7f7), to(#d5d5d5));
|
|
background-image: -webkit-linear-gradient(#f7f7f7 7.6%, #d5d5d5);
|
|
background-image: -moz-linear-gradient(#f7f7f7 7.6%, #d5d5d5);
|
|
background-image: -o-linear-gradient(#f7f7f7 7.6%, #d5d5d5);
|
|
border-color:#aaa;
|
|
&:hover {
|
|
@include bg-gray-gradient;
|
|
border-color:#bbb;
|
|
color:#333;
|
|
}
|
|
|
|
&.primary {
|
|
background:#2a79A3;
|
|
border-color: #2A79A3;
|
|
background-image: -webkit-linear-gradient(#47A7b7 7.6%, #2585b5);
|
|
background-image: -moz-linear-gradient(#47A7b7 7.6%, #2585b5);
|
|
background-image: -o-linear-gradient(#47A7b7 7.6%, #2585b5);
|
|
color:#fff;
|
|
text-shadow: 0 1px 1px #268;
|
|
&:hover {
|
|
background:$blue_link;
|
|
color:#fff;
|
|
}
|
|
|
|
&.disabled {
|
|
color:#fff;
|
|
background:#29B;
|
|
}
|
|
}
|
|
|
|
&.success {
|
|
border-color: #4A4;
|
|
background-image: -webkit-linear-gradient(#82D482 7.6%, #22B442);
|
|
background-image: -moz-linear-gradient(#82D482 7.6%, #22B442);
|
|
background-image: -o-linear-gradient(#82D482 7.6%, #22B442);
|
|
color: #fff;
|
|
text-shadow: 0 1px 1px #141;
|
|
|
|
&:hover {
|
|
background: #6C6;
|
|
color: #fff;
|
|
}
|
|
|
|
&.disabled {
|
|
color:#fff;
|
|
background:#2b2;
|
|
}
|
|
}
|
|
|
|
&.save-btn {
|
|
@extend .wide;
|
|
@extend .primary;
|
|
}
|
|
|
|
&.cancel-btn {
|
|
float:right;
|
|
}
|
|
|
|
&.wide {
|
|
padding-left:30px;
|
|
padding-right:30px;
|
|
}
|
|
|
|
&.danger,
|
|
&.btn-danger {
|
|
color:#fff;
|
|
background: #DA4E49;
|
|
border-color: #BD362F;
|
|
|
|
&:hover {
|
|
color:#fff;
|
|
background: #EE4E49;
|
|
}
|
|
}
|
|
|
|
&.danger {
|
|
@extend .btn-danger;
|
|
}
|
|
|
|
&.small {
|
|
@extend .btn-small;
|
|
}
|
|
|
|
&.active {
|
|
border-color:#aaa;
|
|
background-color:#ccc;
|
|
}
|
|
|
|
&.very_small {
|
|
font-size:11px;
|
|
padding:2px 6px;
|
|
margin:2px;
|
|
}
|
|
|
|
&.grouped {
|
|
margin-right:7px;
|
|
float:left;
|
|
}
|
|
|
|
&.padded {
|
|
margin-right:3px;
|
|
padding:4px 10px 4px;
|
|
}
|
|
}
|