Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Living Style Guides In Sass
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
canarymason
October 16, 2012
Design
440
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Living Style Guides In Sass
Presented at the NYC Sass Meetup (October 2012) at Pivotal Labs.
canarymason
October 16, 2012
Transcript
29 slides
Living Style Guides & Sass Wednesday, October 17, 12
Hi, I’m Mason @codingdesigner I design and make websites. I
love CSS and Sass. Probably too much. Wednesday, October 17, 12
I Make Sass Extensions github.com/canarymason Wednesday, October 17, 12
Crazy things sassy mother effing text shadow sassymothereffingtextshadow.com Wednesday, October
17, 12
Modular Scale Calculate typographic scales github.com/scottkellum/modular-scale with @scottkellum Wednesday, October
17, 12
Breakpoint Really simple media queries in Sass breakpoint-sass.com with @snugug
Wednesday, October 17, 12
Survival Kit A Toolset for Designing Web Sites in the
Browser thecodingdesigner.com/survivalkit Wednesday, October 17, 12
Contact Me Zivtech zivtech.com Mason Wendell - Creative Director Twitter,
Dribbble & Drupal: codingdesigner github: canarymason Wednesday, October 17, 12
I Wednesday, October 17, 12
Living Style Guides Wednesday, October 17, 12
BBC GEL Wednesday, October 17, 12
OLI.JP Wednesday, October 17, 12
Zivtech.com Wednesday, October 17, 12
What’s so great? Wednesday, October 17, 12
Your style guide is a: Design Cop Wednesday, October 17,
12
Your style guide is a: Design Catalog Wednesday, October 17,
12
Your style guide is a: Design Sherpa Wednesday, October 17,
12
And Also: Code Teacher Responsive Ready Client Pleasing Institutional Memory
Wednesday, October 17, 12
II Wednesday, October 17, 12
What’s Sass got to do with it? Wednesday, October 17,
12
Variables Define colors, dimensions, etc Wednesday, October 17, 12
Mixins Abstract your design ideas into reusable formulas Wednesday, October
17, 12
Extend Put reused code into reusable silent selectors Wednesday, October
17, 12
Partials and Nesting Compartmentalize design modules Encourage more flexible and
future-friendly styles Wednesday, October 17, 12
Use Creativly Wednesday, October 17, 12
Always be Refactoring Wednesday, October 17, 12
What is a Sass, and How Will I Know if
I’m Shaking it? Wednesday, October 17, 12
Ship. Wednesday, October 17, 12
Questions & Contact Zivtech zivtech.com Mason Wendell - Creative Director
Twitter, Dribbble & Drupal: codingdesigner github: canarymason Wednesday, October 17, 12
More Decks by canarymason
See All by canarymason
Mobile and Responsive Design with Sass
canarymason
3
270
The Coding Designer's Survival Kit
canarymason
8
570
Other Decks in Design
See All in Design
Jun Wei Portfolio 2026
wjw100788
PRO
1
450
noteらしさを織り込むハーネスエンジニアリング
uto
0
2.8k
プレゼンスライド作成で意識していること
kimichan
0
160
インターンから2年新卒フロントエンドエンジニアから見たサイボウズのアクセシビリティ
taku10101
0
210
HeartLanguage - DesignProcess
heartlanguage
0
550
もっともらしさ生成器と暮らす – AI懐疑派の試行錯誤
sekiguchiy
0
220
言幹と言葉(Stems & Leaves)
kakukoki
0
270
MUUUUU.ORG 協賛バナーのご案内
quoitworks999
0
740
UNION TEC GROUP | 2026' Project Portfolio
uniontec2000
0
150
PLATEAUで白い街を作る
aikautau
0
250
第3の時間
mikihorio
0
100
The ISO 25964 standard on Information and documentation — Thesauri and interoperability with other vocabularies
accessinnovations
0
490
Featured
See All Featured
Side Projects
sachag
456
43k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
470
4 Signs Your Business is Dying
shpigford
187
23k
The Limits of Empathy - UXLibs8
cassininazir
2
770
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.2k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
560
Why Our Code Smells
bkeepers
PRO
340
58k
WENDY [Excerpt]
tessaabrams
15
40k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
1
240
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
340
The Mindset for Success: Future Career Progression
greggifford
PRO
0
560