Skip to content

Instantly share code, notes, and snippets.

@josecaos
Created May 10, 2018 20:25
Show Gist options
  • Select an option

  • Save josecaos/57de094591a9fb52eec0579dc3e7ebd8 to your computer and use it in GitHub Desktop.

Select an option

Save josecaos/57de094591a9fb52eec0579dc3e7ebd8 to your computer and use it in GitHub Desktop.
sass tips
@mixin prefix($name, $argument) {
-webkit-#{$name}: #{$argument};
-ms-#{$name}: #{$argument};
-moz-#{$name}: #{$argument};
-o-#{$name}: #{$argument};
#{$name}: #{$argument};
}
@mixin linear-gradient($fromColor, $toColor) {
background-color: $toColor; /* Fallback Color */
background-image: -webkit-gradient(linear, left top, left bottom, from($fromColor), to($toColor)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, $fromColor, $toColor); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, $fromColor, $toColor); /* FF3.6 */
background-image: -ms-linear-gradient(top, $fromColor, $toColor); /* IE10 */
background-image: -o-linear-gradient(top, $fromColor, $toColor); /* Opera 11.10+ */
background-image: linear-gradient(top, $fromColor, $toColor);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment