AtoZ CSS

AtoZ Sass Episode 8: Handy Sass Mixins


Listen Later

Sass mixins enables block of code to be reused with slight variations. They take the form @mixin uppercase-letter-spacing { letter-spacing: 2px; text-transform: uppercase; } And then are used by calling @include within the body of a style rule. Mixins can have parameters (arguments) passed to them which is what makes them very flexible. It’s also possible to call a mixin and pass a whole block of CSS via the @content directive. Check out the video for a recap on how mixins work and then a round up of some particularly useful examples.
...more
View all episodesView all episodes
Download on the App Store

AtoZ CSSBy Guy Routledge: front-end developer, teacher and screencaster