1
00:00:00,270 --> 00:00:04,320
In this lecture, we are going to explore the configuration settings.

2
00:00:04,790 --> 00:00:09,090
Is the primary location for performing adjustments to tailwind.

3
00:00:09,110 --> 00:00:09,960
See Assess.

4
00:00:10,350 --> 00:00:13,110
Let's review the configuration settings together.

5
00:00:13,530 --> 00:00:17,460
Open the tailwind xconfig a.j.'s file.

6
00:00:20,020 --> 00:00:24,280
This file was generated with the NPC's tailwind in IT command.

7
00:00:24,790 --> 00:00:28,510
It'll contain the minimum configuration settings for tailwind.

8
00:00:29,320 --> 00:00:31,530
The first option is called contents.

9
00:00:32,020 --> 00:00:34,570
Afterward, we have the theme option.

10
00:00:34,900 --> 00:00:42,040
The theme option contains properties for modifying the colors, font sizes and other features of tailwind.

11
00:00:42,550 --> 00:00:45,190
Lastly, we have the plug option.

12
00:00:45,490 --> 00:00:50,230
It's an array of plug ins for extending tailwind if we leave these options.

13
00:00:50,230 --> 00:00:56,530
Empty tailwind reduce its default configuration, which is suitable for most projects.

14
00:00:56,800 --> 00:01:03,160
In the resource section of this lecture, I provide a link to the configuration documentation page.

15
00:01:04,870 --> 00:01:10,390
This page provides detailed information on configuring tailwind on the sidebar.

16
00:01:10,570 --> 00:01:13,120
There's a page dedicated to each option.

17
00:01:13,510 --> 00:01:16,150
This page gives us a general overview.

18
00:01:16,510 --> 00:01:20,200
There is an alternative option for adding classes to tailwind.

19
00:01:20,500 --> 00:01:22,180
Let's go back to our editor.

20
00:01:24,840 --> 00:01:28,200
The default set of classes won't cover every scenario.

21
00:01:28,350 --> 00:01:35,520
We will need to add custom CIUSSS classes to consider our template complete instead of adding them through

22
00:01:35,520 --> 00:01:37,110
the configuration option.

23
00:01:37,320 --> 00:01:41,310
We can add them directly in these styles access file.

24
00:01:41,640 --> 00:01:44,780
Let's try that out in the template directory.

25
00:01:44,880 --> 00:01:47,490
Open the custom Dot csv file.

26
00:01:50,040 --> 00:01:52,260
Copy everything inside this file.

27
00:01:54,820 --> 00:01:59,680
Next, open these styles, access, file and paste in the code.

28
00:02:02,250 --> 00:02:05,820
It's perfectly fine to access to our style sheet.

29
00:02:06,120 --> 00:02:13,140
We don't need to locate every class inside the tailwinds configs file, even though it's possible.

30
00:02:13,530 --> 00:02:17,100
Sometimes it is just easier to write regular CSX.

31
00:02:17,400 --> 00:02:19,650
Let's refresh the page in the browser.

32
00:02:21,430 --> 00:02:23,080
We're definitely getting closer.

33
00:02:23,380 --> 00:02:26,350
However, we need to make some final adjustments.

34
00:02:26,590 --> 00:02:29,620
We will cover these adjustments in the next lecture.