SASS

 SASS

Build a Style Guide Straight from Sass

by 2019 -08- 18

Last fall, our dev team wanted to get started with style guides. We had added a new member to the team, and as he was getting up to speed, we...

Read more
 SASS

Staggered CSS Transitions

by 2019 -08- 18

Let's say you wanted to move an element on :hover for a fun visual effect. @media (hover: hover) { .list--item { transition: 0.1s; transform:...

Read more
 SASS

Do CSS Custom Properties Beat Sass Loops?

by 2019 -08- 17

I reckon that a lot of our uses of Sass maps can be replaced with CSS Custom properties – but hear me out for a sec. When designing components we often need...

Read more
 SASS

Where Do You Nest Your Sass Breakpoints?

by 2019 -08- 17

I love nesting my @media query breakpoints. It's perhaps the most important feature of Sass to me. Maybe I pick a method and do it like this: .element { display:...

Read more
 SASS

Sass Techniques from the Trenches

by 2019 -08- 17

Having been in the web development industry for more than 14 years, I’ve seen and written my fair share of good and bad CSS. When I began at Ramsey Solutions...

Read more
 SASS

Sass Selectors: To Nest Or Not To Nest?

by 2019 -08- 17

I threw a question out on Twitter regarding CSS/Sass authoring style. It was a difference between Option 1: .c-btn { ... } .c-btn__icon { ... } and Option 2: .c-btn { &__icon...

Read more
 SASS

Browser Compatibility for CSS Grid Layouts with Simple Sass Mixins

by 2019 -08- 17

According to an article from A List Apart about CSS Grid, a "new era in digital design is dawning right now." With Flexbox and Grid, we have the ability to...

Read more