mixins.less (1252B)
1 // Mixins 2 3 .transition-all() { 4 -webkit-transition: all 0.35s; 5 -moz-transition: all 0.35s; 6 transition: all 0.35s; 7 } 8 9 .background-cover() { 10 -webkit-background-size: cover; 11 -moz-background-size: cover; 12 background-size: cover; 13 -o-background-size: cover; 14 } 15 16 .button-variant(@color; @background; @border) { 17 color: @color; 18 background-color: @background; 19 border-color: @border; 20 .transition-all; 21 22 &:hover, 23 &:focus, 24 &.focus, 25 &:active, 26 &.active, 27 .open > .dropdown-toggle& { 28 color: @color; 29 background-color: darken(@background, 5%); 30 border-color: darken(@border, 7%); 31 } 32 &:active, 33 &.active, 34 .open > .dropdown-toggle& { 35 background-image: none; 36 } 37 &.disabled, 38 &[disabled], 39 fieldset[disabled] & { 40 &, 41 &:hover, 42 &:focus, 43 &.focus, 44 &:active, 45 &.active { 46 background-color: @background; 47 border-color: @border; 48 } 49 } 50 51 .badge { 52 color: @background; 53 background-color: @color; 54 } 55 } 56 57 .heading-font { 58 font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif'; 59 font-weight: 200; 60 letter-spacing: 1px; 61 } 62 63 .body-font { 64 font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif'; 65 } 66 67 .alt-font { 68 font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif'; 69 text-transform: uppercase; 70 letter-spacing: 2px; 71 }