Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Modular CSS with Sass in Cascade Server

837 views

Published on

Demonstration of using Sass (SCSS) and Web Services to update CSS files in Cascade Server. Code available at https://github.com/ericepps/Cascade-Server-SCSS

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Modular CSS with Sass in Cascade Server

  1. 1. Oh No You Di’int: Modular CSS with Sass in Cascade Server Eric L. Epps @ericepps
  2. 2. Overview Why to use Sass (SCSS syntax) Modular Sass Managing (S)CSS in Cascade Server Code!
  3. 3. Remember This?
  4. 4. Why SASS? Variables Nesting Mixins Extend/Inheritance Operators Partials/Import
  5. 5. Why SASS? Variables http://sass-lang.com/guide
  6. 6. Why SASS? Nesting http://sass-lang.com/guide
  7. 7. Why SASS? Mixins http://sass-lang.com/guide
  8. 8. Why SASS? Extend/Inheritance http://sass-lang.com/guide
  9. 9. Why SASS? Operators http://sass-lang.com/guide
  10. 10. Why SASS? Partials/Import http://sass-lang.com/guide
  11. 11. Requirements Compile SCSS Modular for content re-use Minify CSS Easily publish changes In Cascade Server
  12. 12. Modules Code Rendered SCSS Page SCSS Site PHP Compile SCSS Minify CSS Cascade Web Services Target Site CSS File Pages Website
  13. 13. Links https://github.com/ericepps/Cascade- Server-SCSS @ericepps eric.epps@svcc.edu

×