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.
70 lines
1.3 KiB
70 lines
1.3 KiB
// Mixins |
|
|
|
// Bootstrap Button Variant |
|
|
|
.button-variant(@color; @background; @border) { |
|
color: @color; |
|
background-color: @background; |
|
border-color: @border; |
|
|
|
&:hover, |
|
&:focus, |
|
&:active, |
|
&.active, |
|
&:active:focus, |
|
.open .dropdown-toggle& { |
|
color: @color; |
|
background-color: darken(@background, 10%); |
|
border-color: darken(@border, 12%); |
|
} |
|
&:active, |
|
&.active, |
|
.open .dropdown-toggle& { |
|
background-image: none; |
|
} |
|
&.disabled, |
|
&[disabled], |
|
fieldset[disabled] & { |
|
&, |
|
&:hover, |
|
&:focus, |
|
&:active, |
|
&.active { |
|
background-color: @background; |
|
border-color: @border; |
|
} |
|
} |
|
|
|
.badge { |
|
color: @background; |
|
background-color: @color; |
|
} |
|
} |
|
|
|
// Background Cover Mixin |
|
|
|
.background-cover() { |
|
-webkit-background-size: cover; |
|
-moz-background-size: cover; |
|
background-size: cover; |
|
-o-background-size: cover; |
|
} |
|
|
|
// Font Mixins |
|
|
|
.serif-font() { |
|
font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
} |
|
|
|
.script-font() { |
|
font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive; |
|
} |
|
|
|
.body-font() { |
|
font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
} |
|
|
|
.heading-font() { |
|
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
text-transform: uppercase; |
|
} |