Search for a command to run...
Articles tagged with #scss
A while ago, I wrote about the [Tailwind typography plugin]. I was pretty blown away by how easy, and readable big text elements become. After researching their applied styles, I've noted the prose class actually goes off on the ch unit. .prose { ...
I've never really learned the clip-path concept, and this article is a change in that habit. I'll go through the learning process of the CSS clip-path property to make some fantastic shapes with CSS. To give you some more background: back in my day, ...
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...
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...
