If you’ve been using Sass for a while, but find yourself writing seemingly basic code that doesn’t look very different from vanilla CSS, then this article is for you. We’ll explore ten ways to put Sass to use, taking advantage of some...
Read More Sass Tips to Take Your Skills to the Next LevelSearch Results for: Sass
Didn't find what you were looking for? Try another search!
Get Loopy with Sass
Whether you use Sass/SCSS, Less, or Stylus to compile your CSS, one thing’s for certain; it just makes life much easier. These preprocessors give us access to variables, necessary calculations, and powerful mixins that allow us to take our front-end workflow to...
Read More Get Loopy with SassUsing Sass Mixins to Power Your Projects
If you’ve followed along the WDS blog/Github/Twitter etc, you’ll know pretty well by now we’re a team that uses Sass as a part of our daily workflow for front-end styling. Sass is a powerful CSS preprocessor tool and it’s awesome. If you’re late...
Read More Using Sass Mixins to Power Your ProjectsGetting Sass-y with Color Functions
I love me some Sass. I also love the color purple, as you’ll discover below. I think part of the reason I dig SCSS is because you can dip your toes in gradually, which is less overwhelming. As time goes on, you...
Read More Getting Sass-y with Color FunctionsUsing Sass to Manage Layers with z-index
On a recent project, I started to feel a bit overwhelmed with managing numerous layers with z-index. The thing about z-index is that all of the layers have to be in order, so I end up with multiple z-index declarations in multiple files...
Read More Using Sass to Manage Layers with z-indexGetting Started with SassDoc
SassDoc is to Sass what JSDoc is to JavaScript: a documentation system to build pretty and powerful docs in the blink of an eye. – SassDoc.com So your team is using Sass, and everybody is whipping out amazing @mixins, @extends, custom functions,...
Read More Getting Started with SassDocMapping Icon Fonts with Sass
I love Sass, and I love using icon fonts. However, I do not like the limitations of using inline non-semantic, presentational markup to place these wonderful symbols, e.g. What if we could keep the embellishments in our stylesheet, minimize the HTML markup,...
Read More Mapping Icon Fonts with SassMaking Inline Media Queries Even Better with Breakpoint Sass
When I think about a few “game-changers” in regards to how I build websites today compared to ten years ago, I would have to say that WordPress and Sass have completely enhanced the efficiency of my workflow as a designer. One of...
Read More Making Inline Media Queries Even Better with Breakpoint SassWordPress – Up and Running with Grunt, Sass, Bourbon and Neat
So what is Neat? Well Neat is a semantic, lightweight, and powerful grid built on top of Bourbon and Sass. It’s ideal for most grid situations and is a great front-end CSS framework for Responsive Website Design. There are lots of frameworks...
Read More WordPress – Up and Running with Grunt, Sass, Bourbon and Neat