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
74
React Hooks
silvenon
0
72
PostCSS
silvenon
0
44
Maintainable Integration Testing in React
silvenon
0
31
Writing Codemods with jscodeshift
silvenon
0
30
Other Decks in Programming
See All in Programming
Software Architecture
hschwentner
6
2.3k
CSC305 Lecture 08
javiergs
PRO
0
270
CSC509 Lecture 06
javiergs
PRO
0
260
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
550
オープンソースソフトウェアへの解像度🔬
utam0k
17
3.1k
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
2
350
CSC509 Lecture 08
javiergs
PRO
0
230
チームの境界をブチ抜いていけ
tokai235
0
210
Pythonに漸進的に型をつける
nealle
1
110
CSC509 Lecture 07
javiergs
PRO
0
240
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
390
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
masahiro_nishimi
3
10k
Featured
See All Featured
How GitHub (no longer) Works
holman
315
140k
Statistics for Hackers
jakevdp
799
220k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Fireside Chat
paigeccino
40
3.7k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
KATA
mclloyd
PRO
32
15k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Navigating Team Friction
lara
190
15k
4 Signs Your Business is Dying
shpigford
185
22k
Making Projects Easy
brettharned
120
6.4k
Designing Experiences People Love
moore
142
24k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
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”;