Preprocessors and SCSS

Февраль 28, 2021

Главная
Информатика
Preprocessors and SCSS

Содержание

2. PRE CSS CSS POST CSS CSS IN BROWSER Pre CSS
3. CSS Preprocessors A program that processes input data & produces output that is then used as
4. Why Cool features: nesting, variables, conditions and others. Import / export build in box More flexible
5. How to use SASS npm i sass -g sass entry-point out-point
6. What should I know Nesting Variables Import/export Mathematic operations Mixings Inheritance Conditions/Cycles
8. Скачать презентацию

Слайд 2

PRE CSS
CSS
POST CSS
CSS IN BROWSER
Pre CSS

PRE CSS CSS POST CSS CSS IN BROWSER Pre CSS

Слайд 3

CSS Preprocessors
A program that processes input data & produces output that is

CSS Preprocessors A program that processes input data & produces output that

then used as input to another program
Input → Preprocessor → Output/Input → Program
Has own syntax.
Should generate css code.

Слайд 4

Why
Cool features: nesting, variables, conditions and others.
Import / export build in box
More

Why Cool features: nesting, variables, conditions and others. Import / export build

flexible and maintainable css

Слайд 5

How to use SASS
npm i sass -g
sass entry-point out-point

How to use SASS npm i sass -g sass entry-point out-point

Слайд 6

What should I know
Nesting
Variables
Import/export
Mathematic operations
Mixings
Inheritance
Conditions/Cycles

What should I know Nesting Variables Import/export Mathematic operations Mixings Inheritance Conditions/Cycles