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
52
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
52
Paperless Post Sass
rachelober
1
89
Other Decks in Programming
See All in Programming
CSC305 Lecture 11
javiergs
PRO
0
300
フロントエンド開発のためのブラウザ組み込みAI入門
masashi
7
3.6k
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
140
Amazon Verified Permissions実践入門 〜Cedar活用とAppSync導入事例/Practical Introduction to Amazon Verified Permissions
fossamagna
2
100
Devvox Belgium - Agentic AI Patterns
kdubois
1
150
TFLintカスタムプラグインで始める Terraformコード品質管理
bells17
2
470
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
34k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
660
釣り地図SNSにおける有料機能の実装
nokonoko1203
0
200
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
nakita628
0
330
One Enishi After Another
snoozer05
PRO
0
170
CSC305 Lecture 08
javiergs
PRO
0
280
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
KATA
mclloyd
PRO
32
15k
4 Signs Your Business is Dying
shpigford
186
22k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
Stop Working from a Prison Cell
hatefulcrawdad
272
21k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.7k
Typedesign – Prime Four
hannesfritz
42
2.8k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
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