Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CSS Custom Properties
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Matija Marohnić
March 13, 2019
Programming
51
0
Share
CSS Custom Properties
Matija Marohnić
March 13, 2019
More Decks by Matija Marohnić
See All by Matija Marohnić
oxlint & oxfmt: linting and formatting from the future
silvenon
0
25
Goodbye jsdom/happy-dom, hello Vitest Browser Mode!
silvenon
0
13
Introduction to Remix
silvenon
0
150
Cypress vs. Playwright
silvenon
0
170
Studying Strapi: an open source head headless CMS
silvenon
0
54
CSS Specificity
silvenon
0
52
Make your JavaScript projects more accessible to newcomers
silvenon
0
86
React Hooks
silvenon
0
91
PostCSS
silvenon
0
55
Other Decks in Programming
See All in Programming
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
avosalmon
1
330
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
m3m0r7
PRO
0
380
10 Tips of AWS ~Gen AI on AWS~
licux
4
100
2026-03-27 #terminalnight 変数展開とコマンド展開でターミナル作業をスマートにする方法
masasuzu
0
320
Codex CLIのSubagentsによる並列API実装 / Parallel API Implementation with Codex CLI Subagents
takatty
2
870
へんな働き方
yusukebe
6
2.9k
Go_College_最終発表資料__外部公開用_.pdf
xe_pc23
0
150
存在論的プログラミング: 時間と存在を記述する
koriym
5
850
YJITとZJITにはイカなる違いがあるのか?
nakiym
0
170
Linux Kernelの1文字のミスで 権限昇格ができた話
rqda
0
2.3k
PHPで TLSのプロトコルを実装してみるをもう一度しゃべりたい
higaki_program
0
190
おれのAgentic Coding 2026/03
tsukasagr
1
140
Featured
See All Featured
Crafting Experiences
bethany
1
110
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
480
From π to Pie charts
rasagy
0
160
Making the Leap to Tech Lead
cromwellryan
135
9.8k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
760
A Tale of Four Properties
chriscoyier
163
24k
Site-Speed That Sticks
csswizardry
13
1.1k
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
How STYLIGHT went responsive
nonsquared
100
6k
BBQ
matthewcrist
89
10k
Transcript
CSS Custom Properties a.k.a. CSS Variables
Sass
Sass → CSS
CSS
CSS
What’s the big deal? • part of CSS specification •
no compilation • dynamic ✨
“Dynamic”…? Behold… *drumroll*
None
Custom Properties CSS Custom Properties are a new feature in
CSS. I encourage you to experiment with them! 320px 2rem 1rem
Custom Properties CSS Custom Properties are a new feature in
CSS. I encourage you to experiment with them! 1440px 3rem 1.5rem
None
Giving you some information. Warning you about a potential problem.
Telling you about a serious error.
None
BTW
JavaScript? Demo time!
Browser support tl;dr no IE
Polyfill? Not really
Fallback? Yes. Browsers ignore declarations that they don’t understand.
None
postcss-custom-properties PostCSS plugin that automatically adds fallbacks for CSS Custom
Properties!
Try using Custom Properties today! --thanks-for: “listening”;