Skip to content

Instantly share code, notes, and snippets.

@fabioluzm
Created August 1, 2019 14:23
Show Gist options
  • Save fabioluzm/1d3ce4213626eb7efcf47b8f819410be to your computer and use it in GitHub Desktop.
Save fabioluzm/1d3ce4213626eb7efcf47b8f819410be to your computer and use it in GitHub Desktop.
SASS Mixins
// In this file you will find the mixins to use in this project.
// If you change this file you will need to recompile
// the main style structure file again!
// to do that just run in a terminal box the following:
// sass {path/to/file.sass}:{path/to/file.css}
// RESET VALUES MIXIN
=reset
html,
body,
ul,
ol
margin: 0
padding: 0
// TRANSFORM MIXIN
=transform($property)
-webkit-transform: $property
-ms-transform: $property
transform: $property
// MEDIAQUERIE MIXIN
=mq($type,$value)
@media(#{$type}-width: #{$value}px)
@content
// WEBFONT/FONTFACE MIXIN
=ff($family,$path,$format)
@font-face
font-family: '#{$family}'
src: url('#{$path}') format('#{$format}')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment