Sass Basics

سرفصل های دوره

About this Course

Sass is a stylesheet language that extends CSS with features like variables, nested rules, mixins, and functions, in a CSS-compatible syntax. In this course, you'll learn to use the powers of Sass to boost your front end workflow. The examples will teach you why you should use Sass in your projects. By the end, you will be writing more efficient CSS using code that is easy to read and maintain.

What you'll learn

What is a CSS Preprocessor?
Variables, nested rules and mixins
Separating your stylesheet into partials
Storing data in maps
Functions, loops and conditionals

01. Getting Started with Sass

1.zip

01. What is Sass

02. Installing and Using Sass

03. Compiling Sass to CSS

04. Compile a Directory of Sass Files

05. Declaring and Using Variables

06. Naming Variables

02. Improve Your Workflow with Sass

01. Nested Selectors

2.zip

02. Use the Ampersand to Reference Parent Selectors

03. Introducing Mixins

04. Pass Content Blocks to Mixins

05. Extend the Properties of Selectors

06. Extend Placeholder Selectors

07. Using Comments

03. Write Smart and Efficient CSS with Sass

01. Separate Your Stylesheet Into Partials

02. Nesting Media Queries

3.zip

03. Color Functions

04. Custom Functions

05. Create a Function for Flexbox Layout

04. Add Reusable Logic to Your Sass

01. Creating Powerful Mixins

02. Smarter Mixins with null and Keyword Arguments

03. Add Conditional Logic to Your Stylesheets

4.zip

04. Storing Values in Maps

05. Write Loops with @for

06. Loop Through Lists with @each

07. Loop Through Data in a Map with @each

08. Handling Errors with @error and @warn

09. Debugging Sass with Sourcemaps

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Treehouse