CSS GRID Fallback for IE using SASS Lists

When placing items in a CSS Grid, in modern browsers we can rely on auto-placement to do most of the heavy lifting for us, however when providing support for IE10 & 11, we have to write CSS code to explicitly place all of your items in the Grid. This is because auto-placement is not supported... Continue Reading →

Advertisements

CSS Multicolour border and gradient

Recently I was asked to create a container that had a top border with a gradient applied to fade the border from blue to purple. But, the container also needed a background gradient that matched the border, and also faded out to white before the content started. Like this: There are lots of ways to... Continue Reading →

Specificity and why its !important

I don't often share internal training notes, but this is one I'm especially proud of. Mostly because I found a way to tie in Lego Star Wars 🙂 The Scenario Each Friday the office all have bacon butties, which is an incredibly nice gesture, during that time we often do some internal training across all... Continue Reading →

Using CSS GRID with Magento 2 Layouts

Building a bespoke CSS framework compatible with Magento 2, with fallbacks to the Snowdog Blank SASS theme has been an exciting challenge. Mostly because I've had the opportunity to play with some of the new features coming through in CSS. Possibly the most important of those new features is GRID CSS (now with added browser... Continue Reading →

Blog at WordPress.com.

Up ↑