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
Object-Oriented CSS
Search
Rachel Ober
April 12, 2013
Programming
1
43
Object-Oriented CSS
Rachel Ober
April 12, 2013
Tweet
Share
More Decks by Rachel Ober
See All by Rachel Ober
So, You Want to Organize a Conference
rachelober
0
51
Front End Workshop 2015
rachelober
0
67
Front End Overview for Interns 2015
rachelober
1
47
IE Classes
rachelober
0
49
Front End Overview (2014)
rachelober
0
46
Team Communication Through Code
rachelober
0
74
Responsive Emails
rachelober
0
41
What I Learned About SVG
rachelober
0
50
Paperless Post Sass
rachelober
1
89
Other Decks in Programming
See All in Programming
Cloudflare AgentsとAI SDKでAIエージェントを作ってみた
briete
0
100
CSC305 Lecture 03
javiergs
PRO
0
230
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
7
1.6k
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
3k
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
190
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
190
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
920
ИИ-Агенты в каждый дом – Алексей Порядин, PythoNN
sobolevn
0
150
Advance Your Career with Open Source
ivargrimstad
0
350
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
410
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
steliosf
PRO
1
330
ABEMAモバイルアプリが Kotlin Multiplatformと歩んだ5年 ─ 導入と運用、成功と課題 / iOSDC 2025
akkyie
0
330
Featured
See All Featured
Embracing the Ebb and Flow
colly
88
4.8k
Visualization
eitanlees
148
16k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
Navigating Team Friction
lara
189
15k
Designing Experiences People Love
moore
142
24k
Statistics for Hackers
jakevdp
799
220k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Side Projects
sachag
455
43k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Designing for humans not robots
tammielis
254
25k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
850
Transcript
Object-Oriented CSS
Grid
None
Padding & Margins
app/styles/styleguide/_spacing.scss
None
None
Does that really help us?
Cascading Style Sheets (CSS) Noun A style sheet language used
for describing the presentation semantics (the look and formatting) of a document written in a markup language.
When I want to change a style, I should only
touch the CSS, not the HTML
http://ianstormtaylor.com/oocss-plus-sass-is-the-best-way-to-css/
OOCSS + Sass
None
None
None