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

A tale of Sass in an open source world

Tammie Lister
October 01, 2014

A tale of Sass in an open source world

How Sass came to be in _s

Tammie Lister

October 01, 2014
Tweet

More Decks by Tammie Lister

Other Decks in Design

Transcript

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

    View Slide

  2. @karmatosed
    Tammie Lister

    View Slide

  3. View Slide

  4. “A 1000-HOUR HEAD START:
    INTRODUCING THE _S THEME”
    Ian Stewart - themeshaper.com/2012/02/13/introducing-the-
    underscores-theme/

    View Slide

  5. Github.Com/Automattic/_S

    View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. View Slide

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

    View Slide

  12. View Slide

  13. View Slide

  14. It needed to happen and I got the task

    View Slide

  15. View Slide

  16. No compiler or configs (yet).

    View Slide

  17. Leave out Compass.

    View Slide

  18. Careful mixins

    View Slide

  19. All levels of Sassy peeps.

    View Slide

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

    View Slide

  21. Version one: partial all the things!

    View Slide

  22. View Slide

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

    View Slide

  24. Version two: modular is better

    View Slide

  25. View Slide

  26. View Slide

  27. View Slide

  28. View Slide

  29. View Slide

  30. View Slide

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

    View Slide

  32. View Slide

  33. View Slide

  34. View Slide

  35. How does community built Sass work?

    View Slide

  36. Sometimes you need to make decisions

    View Slide

  37. Sometimes you need to unmake decisions

    View Slide

  38. Sometimes you need to reach out

    View Slide

  39. Patience

    View Slide

  40. Revision

    View Slide

  41. Set limits

    View Slide

  42. How do you get it?

    View Slide

  43. http://underscores.me/

    View Slide

  44. Future

    View Slide

  45. Thanks

    View Slide