SASS:STYLE development

WHAT IS SASS ?

CSS

CASCADING STYLESHEETS

SASS

SYNTACTICALLY AWESOME STYLESHEETS

SCSS

SASSY CSS

preprocessor
&
postprocessor

why SASS ?

HOW SASS ?

VSCode

  • Live Server
  • Live Sass Compile
  • Settings

NeSTed

NESTed SELECTOR

NESTed PROPS

Parent SELECTOR

COMMENT

VARIABLE & OPERATION

LIST & MAP

EXTEND、MIXIN、FUNCTION

IMPORT

SASS FUNCTIONS

CSS MODULAR

閱讀性、重用性、維護性、擴充性

OOCSS

分離結構與主題、分離容器與內容

SMACSS

結構分類、命名規則、HTML/CSS分離

BEM

區塊、元素、狀態

MEDIA QUERY

GRID SYSTEM

GULP & SASS

WEBPACK & SASS

POSTCSS & CSS-NEXT

deck

By Alex Chen

deck

  • 708