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
34
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
43
Front End Workshop 2015
rachelober
0
62
Front End Overview for Interns 2015
rachelober
1
38
IE Classes
rachelober
0
44
Front End Overview (2014)
rachelober
0
38
Team Communication Through Code
rachelober
0
65
Responsive Emails
rachelober
0
37
What I Learned About SVG
rachelober
0
43
Paperless Post Sass
rachelober
1
79
Other Decks in Programming
See All in Programming
アクターシステムに頼らずEvent Sourcingする方法について
j5ik2o
6
700
知られざるDMMデータエンジニアの生態 〜かつてツチノコと呼ばれし者〜
takaha4k
1
450
Androidアプリの One Experience リリース
nein37
0
1.2k
盆栽転じて家具となる / Bonsai and Furnitures
aereal
0
1.9k
Azure AI Foundryのご紹介
qt_luigi
1
210
shadcn/uiを使ってReactでの開発を加速させよう!
lef237
0
300
Amazon Nova Reelの可能性
hideg
0
200
ErdMap: Thinking about a map for Rails applications
makicamel
1
660
ドメインイベント増えすぎ問題
h0r15h0
2
570
見えないメモリを観測する: PHP 8.4 `pg_result_memory_size()` とSQL結果のメモリ管理
kentaroutakeda
0
940
Package Traits
ikesyo
1
210
Fibonacci Function Gallery - Part 2
philipschwarz
PRO
0
210
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
870
The Cost Of JavaScript in 2023
addyosmani
46
7.2k
Embracing the Ebb and Flow
colly
84
4.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Designing Experiences People Love
moore
139
23k
KATA
mclloyd
29
14k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Done Done
chrislema
182
16k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Automating Front-end Workflow
addyosmani
1366
200k
Navigating Team Friction
lara
183
15k
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