1
00:00:00,000 --> 00:00:09,275
[MUSIC]

2
00:00:09,275 --> 00:00:10,100
Hi again.

3
00:00:10,100 --> 00:00:14,674
In this unit, you'll take your CSS skills
to the next level by using Sass a common

4
00:00:14,674 --> 00:00:18,460
tool used in frontend design
to make writing CSS easier.

5
00:00:18,460 --> 00:00:22,060
You'll also build a cool real
world project that looks great and

6
00:00:22,060 --> 00:00:23,790
demonstrates the skills
you'll be learning.

7
00:00:23,790 --> 00:00:24,610
Let me walk you through it.

8
00:00:25,880 --> 00:00:28,720
You'll be building what
the pros call a style guide.

9
00:00:28,720 --> 00:00:30,900
Style guides are used by
companies to define the look and

10
00:00:30,900 --> 00:00:33,470
feel of user interface elements on a site.

11
00:00:33,470 --> 00:00:37,590
For example, you may want to make sure
that all buttons share a similar design,

12
00:00:37,590 --> 00:00:42,340
and different types of buttons to indicate
an error or warning, have specific colors.

13
00:00:42,340 --> 00:00:44,830
Or you might want to specify
what fonts should look like,

14
00:00:44,830 --> 00:00:48,430
or define how form
fields should be styled.

15
00:00:48,430 --> 00:00:52,520
More importantly, you will learn how to
streamline the creation of your cascading

16
00:00:52,520 --> 00:00:54,320
style sheets with Sass.

17
00:00:54,320 --> 00:00:58,300
Sass is a tool that helps automate
a lot of common CSS tasks.

18
00:00:58,300 --> 00:01:01,720
Knowing how Sass works and how to use
it will speed up your work flow, and

19
00:01:01,720 --> 00:01:03,430
also be great to add to your skill set.

20
00:01:04,490 --> 00:01:07,070
You should definitely look at
the description and instructions for

21
00:01:07,070 --> 00:01:08,310
this project now.

22
00:01:08,310 --> 00:01:09,860
There's a link in the notes below.

23
00:01:09,860 --> 00:01:13,330
So check out the mock-up and start to
think about the project as you learn Sass.

24
00:01:13,330 --> 00:01:14,490
Good luck and happy building.