gitbook-sass-compass's Introduction

Sass-Compass-Note

This are notes about Sass and Compass which are writed by Rukeith
Reference Sass official website,
-- "Sass Essentials" by Alex Libby
-- "Sass and Compass in action" by Wynn Netherland,
-- "Sass and Compass for Designers" by Ben Frain

##Install Sass If you want to use Sass, you can go to this website to install Sass on your computer Install Sass。

##Partice You can use this website to see your Sass code complier to CSS.
Sass convert to CSS Sassmeister
CSS convert to Sass css2sass

##Chapter 1

Basic Syntax
- Variables：$
  - !global
  - !default
- Comments：/* */ and //
- Interpolation：#{}
Nesting
- Referencing Parent Selectors：&
- Nested Properties
Operations
- Number Operations
  - Division/
- Color Operations
- String Operations
- Boolean Operations

##Chapter 2 - Advanced Usage

@-Rules and Directives
- @import
  - Partials
  - Nested @import
- @media
- @at-root
  - without and with
- @debug
- @warn
- @error
Control Directives & Expressions
- if()
- @if
- @for
- @each
  - Multiple Assignment
- @while
Extend / Inheritance
- Extending Complex Selectors
- Multiple Extends
- Chaining Extends
- Selector Sequences
  - Merging Selector Sequences
- @extend-only Selectors
- !optional tag
- @extend in Directives
Mixin
- @mixin
- @include
- Arguments
  - Keyword Arguments
  - Variable Arguments
- Passing Content Block to a Mixin
  - Variable Scope and Content Blocks
Function Directives
範例
Output Style
- :nested
- :expanded
- :compact
- :compressed

Recommend Projects