github.com/mssola/todo@v0.0.0-20181029153210-d25348dc3f48/public/stylesheets/include/mixins.scss (about)

     1  
     2  /*
     3   * Cross-browser font-smoothing. Only works on Gecko and Webkit based browsers.
     4   */
     5  @mixin font-smoothing($str: subpixel-antialiased) {
     6    -webkit-font-smoothing: $str !important;
     7    -moz-font-smoothing: $str !important;
     8  }
     9  
    10  @mixin background-linear-gradient($one, $another) {
    11      background-color: $one;
    12      background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(30%,$another),color-stop(95%,$one));
    13      background-image: -webkit-linear-gradient($another 30%,$one 95%);
    14      background-image: -moz-linear-gradient($another 30%,$one 95%);
    15      background-image: -o-linear-gradient($another 30%,$one 95%);
    16      background-image: linear-gradient($another 30%,$one 95%);
    17      background-repeat: repeat-x;
    18  }
    19  
    20  @mixin linear-gradient-simple($one, $another) {
    21      background-color: $one;
    22      background-image: -moz-linear-gradient($another, $one);
    23      background-image: -webkit-linear-gradient($another, $one);
    24      background-image: linear-gradient($another, $one);
    25      background-repeat: repeat-x;
    26  }
    27  
    28  @mixin box-sizing {
    29      box-sizing: border-box;
    30      -moz-box-sizing: border-box;
    31  }
    32  
    33  @mixin border-radius($value) {
    34      -webkit-border-radius: $value;
    35      -moz-border-radius: $value;
    36      -ms-border-radius: $value;
    37      -o-border-radius: $value;
    38      border-radius: $value;
    39  }
    40