WEBVTT

1
00:00:00.000 --> 00:00:00.580
maintaining font sizes, line height and
colour values in our project.

2
00:00:00.580 --> 00:00:05.860
So in the previous video, we created this
font URL Google variable, for

3
00:00:05.860 --> 00:00:08.400
our Google web font URL.

4
00:00:08.400 --> 00:00:14.350
So now we're gonna use this variable, to
write a directive that imports the font

5
00:00:14.350 --> 00:00:20.570
URL and outputs it to the CSS, only if the
variable for it exists.

6
00:00:20.570 --> 00:00:26.830
So, we're gonna open up the utilities.scss
partial, and right below the first

7
00:00:26.830 --> 00:00:30.000
comment, we're gonna use an if control
directive, to say if variable-exists,