modular css with sass in cascade server
DESCRIPTION
Demonstration of using Sass (SCSS) and Web Services to update CSS files in Cascade Server. Code available at https://github.com/ericepps/Cascade-Server-SCSSTRANSCRIPT
![Page 1: Modular CSS with Sass in Cascade Server](https://reader035.vdocuments.net/reader035/viewer/2022062319/558bb04dd8b42a7e408b46d6/html5/thumbnails/1.jpg)
Oh No You Di’int:Modular CSS with Sass
in Cascade ServerEric L. Epps@ericepps
![Page 2: Modular CSS with Sass in Cascade Server](https://reader035.vdocuments.net/reader035/viewer/2022062319/558bb04dd8b42a7e408b46d6/html5/thumbnails/2.jpg)
Overview
Why to use Sass (SCSS syntax)
Modular Sass
Managing (S)CSS in Cascade Server
Code!
![Page 3: Modular CSS with Sass in Cascade Server](https://reader035.vdocuments.net/reader035/viewer/2022062319/558bb04dd8b42a7e408b46d6/html5/thumbnails/3.jpg)
Remember This?
![Page 4: Modular CSS with Sass in Cascade Server](https://reader035.vdocuments.net/reader035/viewer/2022062319/558bb04dd8b42a7e408b46d6/html5/thumbnails/4.jpg)
Why SASS?Variables
Nesting
Mixins
Extend/Inheritance
Operators
Partials/Import
![Page 11: Modular CSS with Sass in Cascade Server](https://reader035.vdocuments.net/reader035/viewer/2022062319/558bb04dd8b42a7e408b46d6/html5/thumbnails/11.jpg)
![Page 12: Modular CSS with Sass in Cascade Server](https://reader035.vdocuments.net/reader035/viewer/2022062319/558bb04dd8b42a7e408b46d6/html5/thumbnails/12.jpg)
Requirements
Compile SCSS
Modular for content re-use
Minify CSS
Easily publish changes
In Cascade Server
![Page 13: Modular CSS with Sass in Cascade Server](https://reader035.vdocuments.net/reader035/viewer/2022062319/558bb04dd8b42a7e408b46d6/html5/thumbnails/13.jpg)
Modules
Code
RenderedSCSSPage
SCSS Site
Compile SCSSMinify CSS
PHP
CascadeWeb Services
CSS File
Pages
Target Site
Website
![Page 14: Modular CSS with Sass in Cascade Server](https://reader035.vdocuments.net/reader035/viewer/2022062319/558bb04dd8b42a7e408b46d6/html5/thumbnails/14.jpg)
Links
https://github.com/ericepps/Cascade-Server-SCSS