14.7K followers
Let's get a closer look at using @mixins in SCSS. You can look at mixins like the import we used before. But mixins place a certain set of codes on the element we are mixing in. Defining our Mixin We use the @mixin directive to define our mixin, so l...
Hello and Welcome What if I told you there is a way to write CSS & HTML 100x Faster ! trust me this is wizardry. Web-designers are constantly on the hunt for tools to help reduce the time . One of the most time-consuming aspects of writing clean w...
bhagesh.tech
This is, without a doubt, my favorite part of SCSS. Nesting is used to nest code inside each other; it's very versatile. Meaning, in the long term, it will make you think twice about naming because it's easier to sort. Basic SCSS Nesting In basic nes...
Now that we are getting into SCSS let's look into using variables and the power that comes with them. Variables are literally what you expect a definition of a value. These can contain a wide range in SCSS: Strings Colors Numbers Boolean Lists Decl...
To get cracking with SCSS, I think a good and maybe the most useful starting point is @import. SCSS uses a DRY (Don't Repeat Yourself) methodology. And one way to help with this is to separate code in specific files and folders. Some files you can sp...
Cover photo credit: Sandy Miller from Unsplash. I have always wanted to perform and or create stunning things with CSS, basically animation and transitions in CSS, after some time spent researching I decided to do something worthwhile with the result...
seven.hashnode.dev
Cover photo credit: Sandy Miller from Unsplash. Disclaimer: If you are new to animations in CSS Take a look at this guide Before reading this article. I have always wanted to perform and or create stunning things with CSS, basically animation and tra...
The CSS box-sizing property is used to adjust or control the size of any element that accepts a width or height by specifying how to calculate the total width and height of that element. In this article, I will explain how the CSS box-sizing property...
edidiongasikpo.com
Hey Guys, I realized I've been using SCSS in most of my Codepens. But we never really touched based on this topic. So let's dive into introducing SCSS to you all. BTW: I have a free Giveaway on Twitter! 🚨 Free Giveaway What Does SCSS Mean? It stan...
It's been quite long since I wrote on CSS. As my first CSS article in while now we'll take a look at the grids in CSS. We'll then head on to implement a 12-column grid and a small gallery of images in a mosaic layout with our knew knowledge. Please ...
blog.gyenabubakar.dev
