Created
August 1, 2019 14:23
-
-
Save fabioluzm/1d3ce4213626eb7efcf47b8f819410be to your computer and use it in GitHub Desktop.
SASS Mixins
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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