93 lines
1.9 KiB
SCSS
Vendored
93 lines
1.9 KiB
SCSS
Vendored
@mixin pretty-buttons($color, $background, $text-shadow: none) {
|
|
color: $color;
|
|
background: $background;
|
|
border: solid 1px darken($background, 10%);
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:active,
|
|
&.active {
|
|
background: darken($background, 5%);
|
|
border-color: darken($background, 10%);
|
|
color: $color;
|
|
outline: none;
|
|
outline-offset: 0;
|
|
}
|
|
|
|
&.disabled,
|
|
&[disabled],
|
|
fieldset[disabled] & {
|
|
&,
|
|
&:hover,
|
|
&:focus,
|
|
&:active,
|
|
&.active {
|
|
background-color: lighten($background, 5%);
|
|
border-color: darken($background, 10%);
|
|
}
|
|
}
|
|
}
|
|
|
|
.btn {
|
|
&.btn-default {
|
|
@include pretty-buttons($btn-default-color, $btn-default-bg);
|
|
}
|
|
&.btn-primary {
|
|
@include pretty-buttons($btn-primary-color, $btn-primary-bg);
|
|
}
|
|
&.btn-success {
|
|
@include pretty-buttons($btn-success-color, $btn-success-bg);
|
|
}
|
|
&.btn-info {
|
|
@include pretty-buttons($btn-info-color, $btn-info-bg);
|
|
}
|
|
&.btn-warning {
|
|
@include pretty-buttons($btn-warning-color, $btn-warning-bg);
|
|
}
|
|
&.btn-danger {
|
|
@include pretty-buttons($btn-danger-color, $btn-danger-bg);
|
|
}
|
|
&.btn-inverse {
|
|
@include pretty-buttons(white, #474949);
|
|
}
|
|
}
|
|
|
|
.btn-outline {
|
|
background-color: transparent;
|
|
background-image: none !important;
|
|
color: inherit;
|
|
transition: all .5s;
|
|
}
|
|
|
|
.btn-default.btn-outline {
|
|
color: #999;
|
|
}
|
|
|
|
.btn-primary.btn-outline {
|
|
color: #428bca;
|
|
}
|
|
|
|
.btn-success.btn-outline {
|
|
color: #5cb85c;
|
|
}
|
|
|
|
.btn-info.btn-outline {
|
|
color: #5bc0de;
|
|
}
|
|
|
|
.btn-warning.btn-outline {
|
|
color: #f0ad4e;
|
|
}
|
|
|
|
.btn-danger.btn-outline {
|
|
color: #d9534f;
|
|
}
|
|
|
|
.btn-primary.btn-outline:hover,
|
|
.btn-success.btn-outline:hover,
|
|
.btn-info.btn-outline:hover,
|
|
.btn-warning.btn-outline:hover,
|
|
.btn-danger.btn-outline:hover {
|
|
color: #fff;
|
|
}
|