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

A tale of Sass in an open source world

Avatar for Tammie Lister Tammie Lister
October 01, 2014
Design
0
590

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
Tweet

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
Avatar for Tammie Lister tammielis
1
1.1k
CSS in the editor
Avatar for Tammie Lister tammielis
0
320
Global styles the story so far
Avatar for Tammie Lister tammielis
1
790
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.3k
Being Brave
Avatar for Tammie Lister tammielis
2
1.7k
Lessons from growing design in the open
Avatar for Tammie Lister tammielis
0
1.1k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
780
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
640

Other Decks in Design

See All in Design
kintone_aroma
Avatar for kintone kintone
0
470
「UXとUIの違い」v2
Avatar for Shirasu3 shirasu3
0
260
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
290
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.4k
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
450
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
610
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
900k
組織で取り組むアクセシビリティのはじめ方
Avatar for cawpea masakiohsumi
0
190
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
6
3k
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
Avatar for Isao utm529f
0
1.3k
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
Avatar for Takahiro Yamaguchi hiro93n
0
190
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
780

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
272
21k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
940
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
2.9k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.7k

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