github.com/atsaki/terraform@v0.4.3-0.20150919165407-25bba5967654/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  }