All posts in " Sass "

Browser Compatibility for CSS Grid Layouts with Simple Sass Mixins

By seorocket / a couple of weeks ago

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 create layouts that used to be extremely difficult to implement, if not impossible. There’s an entirely new system available for creating layouts, especially with Grid. […]


Repeatable, Staggered Animation Three Ways: Sass, GSAP and Web Animations API

By seorocket / last month

Staggered animation, also known as “follow through” or “overlapping action” is one of the twelve Disney principles of animation as defined by Ollie Johnston and Frank Thomas in their 1981 book “The Illusion of Life”. At its core, the concept deals with animating objects in delayed succession to produce fluid motion. The technique doesn’t only […]


Build a Style Guide Straight from Sass

By seorocket / a couple of months ago

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 realized how lacking our project documentation was. If you’ve ever been a new developer on a team with weak documentation, you know how confusing it […]


A Thing To Know about Gradients and “Transparent Black”

By seorocket / 7 months ago

Say you have a gradient in CSS that goes from red to transparent. Easy, right? Like this: .element { background: linear-gradient( to bottom, red, transparent ); } There is a pretty big gotcha here, though. In Chrome (also Android), Firefox, and Edge, you’d be all good. But in Safari (also iOS), you’d not be good. […]

Page 1 of 2