Upgrade to Pro — share decks privately, control downloads, hide ads and more …

A tale of Sass in an open source world

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Tammie Lister Tammie Lister
October 01, 2014
Design
660
0

A tale of Sass in an open source world

How Sass came to be in _s

Avatar for Tammie Lister

Tammie Lister

October 01, 2014

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
Avatar for Tammie Lister tammielis
1
1.2k
CSS in the editor
Avatar for Tammie Lister tammielis
0
370
Global styles the story so far
Avatar for Tammie Lister tammielis
1
920
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.4k
Being Brave
Avatar for Tammie Lister tammielis
2
1.8k
Lessons from growing design in the open
Avatar for Tammie Lister tammielis
0
1.2k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
870
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
720

Other Decks in Design

See All in Design
Frontier
Avatar for Renny Wang rwang05
0
160
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.6k
I.A. como meio, não como fim. Como avaliar o valor entregue?
Avatar for Viviane Delvequio videlvequio
0
360
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
1.3k
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
280
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
200
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
880
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
Avatar for WebNAUT by Beeworks webnaut
1
140
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
1.5k
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
180
20251217リビングラボ・トークin尼崎（尼崎おせっかい会議＆オトナテラコヤ）
Avatar for Kimura Atsunobu a2k
0
130
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
Avatar for kazuhiro hara karad
0
140

Featured

See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
11k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.2k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
160
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3.5k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
130
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
1.1k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
120k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
7
36k

Transcript

  1. A tale of Sass in an open source world.

  2. @karmatosed Tammie Lister

  3. None

  4. “A 1000-HOUR HEAD START: INTRODUCING THE _S THEME” Ian Stewart

    - themeshaper.com/2012/02/13/introducing-the- underscores-theme/

  5. Github.Com/Automattic/_S

  6. None
  7. None
  8. None
  9. None
  10. None

  11. https://github.com/sabreuse/sassy_s https://github.com/karmatosed/undersass https://github.com/MichaelArestad/th_s and more…

  12. None
  13. None

  14. It needed to happen and I got the task

  15. None

  16. No compiler or configs (yet).

  17. Leave out Compass.

  18. Careful mixins

  19. All levels of Sassy peeps.

  20. Output is just like _s current style.css.

  21. Version one: partial all the things!

  22. None

  23. https://www.youtube.com/watch?v=EmNcD3b3ZtI

  24. Version two: modular is better

  25. None
  26. None
  27. None
  28. None
  29. None
  30. None

  31. We let it sit and opened it up for opinions…

  32. None
  33. None
  34. None

  35. How does community built Sass work?

  36. Sometimes you need to make decisions

  37. Sometimes you need to unmake decisions

  38. Sometimes you need to reach out

  39. Patience

  40. Revision

  41. Set limits

  42. How do you get it?

  43. http://underscores.me/

  44. Future

  45. Thanks