github.com/hobbeswalsh/terraform@v0.3.7-0.20150619183303-ad17cf55a0fa/website/source/assets/stylesheets/_utilities.scss (about) 1 // 2 // Utility classes 3 // -------------------------------------------------- 4 5 6 // 7 // ------------------------- 8 9 @mixin anti-alias() { 10 text-rendering: optimizeLegibility; 11 -webkit-font-smoothing: antialiased; 12 } 13 14 @mixin consul-gradient-bg() { 15 background: #694a9c; /* Old browsers */ 16 background: -moz-linear-gradient(left, #694a9c 0%, #cd2028 100%); /* FF3.6+ */ 17 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#694a9c), color-stop(100%,#cd2028)); /* Chrome,Safari4+ */ 18 background: -webkit-linear-gradient(left, #694a9c 0%,#cd2028 100%); /* Chrome10+,Safari5.1+ */ 19 background: -o-linear-gradient(left, #694a9c 0%,#cd2028 100%); /* Opera 11.10+ */ 20 background: -ms-linear-gradient(left, #694a9c 0%,#cd2028 100%); /* IE10+ */ 21 background: linear-gradient(to right, #694a9c 0%,#cd2028 100%); /* W3C */ 22 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#694a9c', endColorstr='#cd2028',GradientType=1 ); /* IE6-9 */ 23 24 } 25 26 @mixin lato-light() { 27 font-family: $font-family-lato; 28 font-weight: 300; 29 } 30 31 @mixin skewY($skew) { 32 -webkit-transform: skewY($skew); 33 -moz-transform: skewY($skew); 34 -ms-transform: skewY($skew); 35 -o-transform: skewY($skew); 36 transform: skewY($skew); 37 }