AboutComunic/less/mixins.less
2018-05-08 16:11:40 +02:00

71 lines
1.2 KiB
Plaintext
Executable File

// Mixins
.transition-all() {
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.background-cover() {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.button-variant(@color; @background; @border) {
color: @color;
background-color: @background;
border-color: @border;
.transition-all;
&:hover,
&:focus,
&.focus,
&:active,
&.active,
.open > .dropdown-toggle& {
color: @color;
background-color: darken(@background, 5%);
border-color: darken(@border, 7%);
}
&:active,
&.active,
.open > .dropdown-toggle& {
background-image: none;
}
&.disabled,
&[disabled],
fieldset[disabled] & {
&,
&:hover,
&:focus,
&.focus,
&:active,
&.active {
background-color: @background;
border-color: @border;
}
}
.badge {
color: @background;
background-color: @color;
}
}
.heading-font {
font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
font-weight: 200;
letter-spacing: 1px;
}
.body-font {
font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
}
.alt-font {
font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
text-transform: uppercase;
letter-spacing: 2px;
}