You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
1.9 KiB
95 lines
1.9 KiB
// Button mixins start
|
|
@mixin buttons($back-color,$border-color,$color:#fff,$cursor:pointer,$transition:all ease-in 0.3s){
|
|
background-color: $back-color;
|
|
border-color:$border-color;
|
|
color:$color;
|
|
cursor:$cursor;
|
|
transition: $transition;
|
|
}
|
|
|
|
@mixin buttons-hover($back-color,$border-color,$color:#fff){
|
|
background-color: $back-color;
|
|
border-color:$border-color;
|
|
}
|
|
|
|
@mixin animations-frame($name){
|
|
@-webkit-keyframes #{$name}{
|
|
@content;
|
|
}
|
|
@keyframes #{$name}{
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin buttons-active($back-color,$border-color,$color:#fff,$box-shadow:none){
|
|
background-color: $back-color !important;
|
|
border-color:$border-color;
|
|
box-shadow:$box-shadow;
|
|
color:$color;
|
|
}
|
|
|
|
@mixin labels-active($back-color,$border-color,$color:#fff,$box-shadow:none){
|
|
background-color: $back-color !important;
|
|
border-color:$border-color;
|
|
box-shadow:$box-shadow;
|
|
color:$color;
|
|
}
|
|
|
|
@mixin button-trans($back-color,$border-color){
|
|
background-color:$back-color;
|
|
border-color:$border-color;
|
|
}
|
|
|
|
@mixin buttons-focus($back-color,$color:#fff,$box-shadow:none){
|
|
box-shadow:$box-shadow;
|
|
color:$color;
|
|
background-color:$back-color;
|
|
}
|
|
|
|
@mixin buttons-borders($color,$back-color:#fff){
|
|
color:$color;
|
|
background-color:$back-color;
|
|
}
|
|
|
|
@mixin dropdown-hover($back-color,$color:#fff){
|
|
background-color:$back-color;
|
|
color:$color;
|
|
}
|
|
// Button mixins end
|
|
|
|
// Label mixin start
|
|
@mixin labels-inverse($border-color,$color){
|
|
border-color: $border-color;
|
|
color:$color !important;
|
|
}
|
|
|
|
@mixin labels-badge($back-color:#34495e,$color:#fff){
|
|
background-color: $back-color;
|
|
color:$color;
|
|
}
|
|
@mixin labels-badge-inverse($color,$back-color:#fff){
|
|
color:$color;
|
|
background-color: $back-color;
|
|
}
|
|
// Label mixin end
|
|
|
|
|
|
@mixin width($width){
|
|
width:$width;
|
|
}
|
|
|
|
|
|
@mixin shadow($shadow...){
|
|
box-shadow:$shadow;
|
|
|
|
}
|
|
|
|
|
|
@mixin theme-keyframes($name) {
|
|
@-webkit-keyframes #{$name} {
|
|
@content;
|
|
}
|
|
@keyframes #{$name} {
|
|
@content;
|
|
}
|
|
}
|