css-custom-properties   18

A Strategy Guide To CSS Custom Properties
CSS Custom Properties (sometimes known as ‘CSS variables’) are now supported in all modern browsers, and people are starting to use them in production. This is great, but they’re different from variables in preprocessors, and I’ve already seen many examples of people using them without considering what advantages they offer.

Custom properties have a huge potential to change how we write and structure CSS and to a lesser extent, how we use JavaScript to interact with UI components. I’m not going to focus on the syntax and how they work (for that I recommend you read “It’s Time To Start Using Custom Properties”). Instead, I want to take a deeper look at strategies for getting the most out of CSS Custom Properties.
css  css-variables  css-custom-properties 
8 days ago by vaupeh
Getting Hardboiled with CSS Custom Properties ◆ 24 ways
> If a browser’s too damn stupid to understand the first variable value it encounters (var(--color-text-default)), it will ignore it and move onto the next value in the list (black).
css  css-custom-properties  progressive-enhancement 
december 2017 by sambaldwin
Preventing Reflow
new aspect ratio method with css custom properties
css  css-responsive  css-custom-properties 
june 2017 by callumflack

related tags

css-feature-queries  css-grid  css-responsive  css-shapes  css-variables  css  custom-properties  degreed  design  development  progressive-enhancement  react  tutorial  via-pocket  web 

Copy this bookmark:



description:


tags: