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
Matija Marohnić
March 13, 2019
Programming
0
40
CSS Custom Properties
Matija Marohnić
March 13, 2019
Tweet
Share
More Decks by Matija Marohnić
See All by Matija Marohnić
Introduction to Remix
silvenon
0
140
Cypress vs. Playwright
silvenon
0
160
Studying Strapi: an open source head headless CMS
silvenon
0
38
CSS Specificity
silvenon
0
30
Make your JavaScript projects more accessible to newcomers
silvenon
0
73
React Hooks
silvenon
0
72
PostCSS
silvenon
0
44
Maintainable Integration Testing in React
silvenon
0
31
Writing Codemods with jscodeshift
silvenon
0
29
Other Decks in Programming
See All in Programming
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
180
SpecKitでどこまでできる? コストはどれくらい?
leveragestech
0
680
クラシルを支える技術と組織
rakutek
0
200
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
2
170
チームの境界をブチ抜いていけ
tokai235
0
160
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
naofumi
4
3.9k
Your Perfect Project Setup for Angular @BASTA! 2025 in Mainz
manfredsteyer
PRO
0
160
TFLintカスタムプラグインで始める Terraformコード品質管理
bells17
2
120
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
1
430
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
natmark
2
490
技術的負債の正体を知って向き合う / Facing Technical Debt
irof
0
150
開発生産性を上げるための生成AI活用術
starfish719
3
430
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
Music & Morning Musume
bryan
46
6.8k
Code Reviewing Like a Champion
maltzj
525
40k
Being A Developer After 40
akosma
91
590k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
The Language of Interfaces
destraynor
162
25k
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”;