scss Mixins.scss

Posted 2021-05-17

@mixin size($a,$b: $a) {
   width: $a;
   height: $b;
}

@mixin placeholder {
   ::-webkit-input-placeholder {@content}
   :-moz-placeholder           {@content}
   ::-moz-placeholder          {@content}
   :-ms-input-placeholder      {@content}
}

@mixin font-face($font-family, $url, $font-weight, $font-style: normal) {
   @font-face {
      font-family: '#{$font-family}';
      src: url('#{$url}.eot');
      src: url('#{$url}.eot?#iefix') format('embedded-opentype'),
      url('#{$url}.woff') format('woff'),
      url('#{$url}.ttf') format('truetype'),
      url('#{$url}.svg') format('svg');
      font-weight: $font-weight;
      font-style: $font-style;
   }
}