modular css with sass in cascade server

Post on 25-Jun-2015

356 Views

Category:

Technology

8 Downloads

Preview:

Click to see full reader

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-SCSS

TRANSCRIPT

Oh No You Di’int:Modular CSS with Sass

in Cascade ServerEric L. Epps@ericepps

Overview

Why to use Sass (SCSS syntax)

Modular Sass

Managing (S)CSS in Cascade Server

Code!

Remember This?

Why SASS?Variables

Nesting

Mixins

Extend/Inheritance

Operators

Partials/Import

Why SASS?

Variables

http://sass-lang.com/guide

Why SASS?Nesting

http://sass-lang.com/guide

Why SASS?

Mixins

http://sass-lang.com/guide

Why SASS?Extend/Inheritance

http://sass-lang.com/guide

Why SASS?Operators

http://sass-lang.com/guide

Why SASS?Partials/Import

http://sass-lang.com/guide

Requirements

Compile SCSS

Modular for content re-use

Minify CSS

Easily publish changes

In Cascade Server

Modules

Code

RenderedSCSSPage

SCSS Site

Compile SCSSMinify CSS

PHP

CascadeWeb Services

CSS File

Pages

Target Site

Website

Links

https://github.com/ericepps/Cascade-Server-SCSS

@ericeppseric.epps@svcc.edu

top related