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
580

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
300
Global styles the story so far
Avatar for Tammie Lister tammielis
1
760
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
750
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
620

Other Decks in Design

See All in Design
Designing User Experience through Interaction Design
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
320
タイミーでフィールドワークしたら、サービスデザインが始まった
Avatar for 太田賢一 kenichiota0711
2
2.9k
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
Avatar for Yu Morita securecat
5
1.6k
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
1
130
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
1
1.2k
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
730
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.9k
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
Avatar for bebe bebe
0
740
今日から意識できるアクセシビリティ
Avatar for fumiko fumiko
0
290
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.1k
街・都市という眼差し。まちづくりにおける規範と実践
Avatar for Sho Sakamoto sakamon
0
120
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1.1k

Featured

See All Featured
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
332
22k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Side Projects
Avatar for Sacha Greif sachag
455
43k

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