Each loops with SCSS - how to loop through lists and maps

From the creator

Anyone who is familiar with JavaScript will know about loops, and one of the cool things with Sass is that it brings in things like loops and if/else statements to CSS. In this video, I explore a couple of simple examples of using @each with SCSS to take a quick look at how it works. Code from this video: https://codepen.io/kevinpowell/pen/fb780a5bfd4a6e392619764aa75f3628 Some more complex examples: https://modernweb.com/doing-more-with-sass-each-control-directive/ https://www.sitepoint.com/sass-basics-control-directives-expressions/ (also has other directives) My Sass Course: https://www.kevinpowell.co/sass-course --- Come and hangout, ask questions, suggest ideas, and meet some awesome people over in The Community: https://discord.gg/nTYCvrK I have a newsletter! https://www.kevinpowell.co/newsletter --- My Code Editor: VS Code - https://code.visualstudio.com/ How my browser refreshes when I save: https://youtu.be/h24noHYsuGc --- Support me on Patreon: https://www.patreon.com/kevinpowell I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell

Published 2019-02-06 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.