├── Finished Code ├── Fundamentals │ ├── 1. Colors │ │ └── index.html │ ├── 10. Flex │ │ └── index.html │ ├── 11. Grid │ │ └── index.html │ ├── 12. Transform Transition & Animations │ │ └── index.html │ ├── 2. Container Spacing │ │ └── index.html │ ├── 3. Typography │ │ └── index.html │ ├── 4. Sizing │ │ └── index.html │ ├── 5. Layout Position │ │ └── index.html │ ├── 6. Backgrounds Shadows │ │ └── index.html │ ├── 7. Borders │ │ └── index.html │ ├── 8. Filters │ │ └── index.html │ └── 9. Breakpoints │ │ └── index.html └── Projects │ ├── 1. Branding Project │ ├── .gitignore │ ├── Images │ │ ├── SVG │ │ │ ├── SVG 1.svg │ │ │ ├── SVG 2.svg │ │ │ └── SVG 3.svg │ │ ├── austin-wade-d2s8NQ6WD24-unsplash.jpg │ │ ├── austin-wade-iQn82USu8gs-unsplash.jpg │ │ ├── austin-wade-lNy-Yi0U-3o-unsplash.jpg │ │ └── mohamad-khosravi-DuY4JP2M34Q-unsplash.jpg │ ├── css │ │ └── style.css │ ├── index.html │ ├── input.css │ ├── package-lock.json │ ├── package.json │ └── tailwind.config.js │ ├── 2. Web Agency │ ├── .gitignore │ ├── css │ │ └── style.css │ ├── images │ │ ├── alex-knight-j4uuKnN43_M-unsplash.jpg │ │ ├── carlos-muza-hpjSkU2UYSU-unsplash.jpg │ │ ├── davide-baraldi-Nzmyp6LsgNM-unsplash.jpg │ │ ├── hero.jpg │ │ ├── igor-miske-JVSgcV8_vb4-unsplash.jpg │ │ ├── kevin-bhagat-zNRITe8NPqY-unsplash.jpg │ │ ├── nathan-da-silva-k-rKfqSm4L4-unsplash.jpg │ │ └── section-two.jpg │ ├── index.html │ ├── input.css │ ├── package-lock.json │ ├── package.json │ └── tailwind.config.js │ └── 3. Photography │ ├── .gitignore │ ├── css │ └── style.css │ ├── images │ ├── alif-ngoylung-jg-6ARMiaPM-unsplash.jpg │ ├── cassidy-towers-3_XEOGZ_4b4-unsplash.jpg │ ├── ira-ostafiichuk-U6A27TdwQxg-unsplash.jpg │ ├── jake-johnson-kdEV_pbBUS0-unsplash.jpg │ ├── james-adams-x0rJ-rzX7S8-unsplash.jpg │ ├── kameron-kincade-CnVWM7rIM-E-unsplash.jpg │ ├── karl-fredrickson-DsAjH9B24G8-unsplash.jpg │ ├── marco-xu-ToUPBCO62Lw-unsplash.jpg │ ├── reinhart-julian-WxM465oM4j4-unsplash.jpg │ └── william-thomas-ny6tO4ItOEY-unsplash.jpg │ ├── index.html │ ├── input.css │ ├── package-lock.json │ ├── package.json │ └── tailwind.config.js ├── README.md ├── Starter ├── Fundamentals │ ├── 1. Colors │ │ └── index.html │ ├── 10. Flexbox │ │ └── index.html │ ├── 11. Grid │ │ └── index.html │ ├── 12. Transform Transition & Animations │ │ └── index.html │ ├── 2. Container Spacing │ │ └── index.html │ ├── 3. Typography │ │ └── index.html │ ├── 4. Sizing │ │ └── index.html │ ├── 5. Layout Position │ │ └── index.html │ ├── 6. Backgrounds Shadows │ │ └── index.html │ ├── 7. Borders │ │ └── index.html │ ├── 8. Filters │ │ └── index.html │ └── 9. Breakpoints │ │ └── index.html └── Projects │ ├── 1. Rainbow Project │ ├── .gitignore │ ├── Images │ │ ├── SVG │ │ │ ├── SVG 1.svg │ │ │ ├── SVG 2.svg │ │ │ └── SVG 3.svg │ │ ├── austin-wade-d2s8NQ6WD24-unsplash.jpg │ │ ├── austin-wade-iQn82USu8gs-unsplash.jpg │ │ ├── austin-wade-lNy-Yi0U-3o-unsplash.jpg │ │ └── mohamad-khosravi-DuY4JP2M34Q-unsplash.jpg │ ├── index.html │ ├── input.css │ ├── package-lock.json │ ├── package.json │ └── tailwind.config.js │ ├── 2. Web Agency │ ├── .gitignore │ ├── images │ │ ├── alex-knight-j4uuKnN43_M-unsplash.jpg │ │ ├── carlos-muza-hpjSkU2UYSU-unsplash.jpg │ │ ├── davide-baraldi-Nzmyp6LsgNM-unsplash.jpg │ │ ├── hero.jpg │ │ ├── igor-miske-JVSgcV8_vb4-unsplash.jpg │ │ ├── kevin-bhagat-zNRITe8NPqY-unsplash.jpg │ │ ├── nathan-da-silva-k-rKfqSm4L4-unsplash.jpg │ │ └── section-two.jpg │ ├── index.html │ ├── input.css │ ├── package-lock.json │ ├── package.json │ └── tailwind.config.js │ └── 3. Photography │ ├── .gitignore │ ├── images │ ├── alif-ngoylung-jg-6ARMiaPM-unsplash.jpg │ ├── cassidy-towers-3_XEOGZ_4b4-unsplash.jpg │ ├── ira-ostafiichuk-U6A27TdwQxg-unsplash.jpg │ ├── jake-johnson-kdEV_pbBUS0-unsplash.jpg │ ├── james-adams-x0rJ-rzX7S8-unsplash.jpg │ ├── kameron-kincade-CnVWM7rIM-E-unsplash.jpg │ ├── karl-fredrickson-DsAjH9B24G8-unsplash.jpg │ ├── marco-xu-ToUPBCO62Lw-unsplash.jpg │ ├── reinhart-julian-WxM465oM4j4-unsplash.jpg │ └── william-thomas-ny6tO4ItOEY-unsplash.jpg │ ├── index.html │ ├── input.css │ ├── package-lock.json │ ├── package.json │ └── tailwind.config.js └── thumb.png /Finished Code/Fundamentals/1. Colors/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Colors 9 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |

1. Colors With Different Shades

22 |

Tailwind

23 |

Tailwind

24 |

Tailwind

25 |

Tailwind

26 |

Tailwind

27 |

Tailwind

28 |

Tailwind

29 |

Tailwind

30 |

Tailwind

31 |

Tailwind

32 | 33 |
34 |
35 |
36 | 37 | 38 | 39 |

2. Background Colors

40 |

Tailwind

41 |

Tailwind

42 |

Tailwind

43 | 44 |
45 |
46 |
47 | 48 | 49 |

3. Text Decoration

50 |

Tailwind

51 |

Tailwind

52 |

Tailwind

53 |

Tailwind

54 |

Tailwind

55 | 56 |
57 |
58 |
59 | 60 | 61 |

4. Accent Colors

62 | 63 | 64 | 65 | 66 |
67 |
68 |
69 | 70 |

5. Arbitrary Colors

71 |
Hello
72 |
Hello
73 |
Hello
74 |
75 |
76 | 77 | 78 | -------------------------------------------------------------------------------- /Finished Code/Fundamentals/10. Flex/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Flex 9 | 10 | 11 | 12 |
13 | 20 |
21 | 22 | 23 |
24 | 31 |
32 | 33 | 34 |
35 |
36 | 43 |
44 |
45 | 52 |
53 |
54 | 61 |
62 |
63 | 70 |
71 |
72 | 79 |
80 |
81 | 82 | 83 |
84 | 91 |
92 | 93 | 94 | 95 |
96 |
97 | 98 |
01
99 | 100 |
02
101 | 102 |
03
103 | 104 |
04
105 |
05
106 |
06
107 |
07
108 |
109 |
110 | 111 | 112 | -------------------------------------------------------------------------------- /Finished Code/Fundamentals/11. Grid/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Grid 9 | 10 | 11 | 12 | 13 |
14 |
01
15 |
02
16 |
03
17 |
04
18 |
05
19 |
06
20 |
07
21 |
08
22 |
09
23 |
24 | 25 | 26 |
27 |
01
28 |
02
29 |
03
30 |
04
31 |
05
32 |
06
33 | 34 |
35 |
36 |
37 |
38 | 39 |
07
40 |
08
41 |
09
42 |
43 | 44 | 45 | -------------------------------------------------------------------------------- /Finished Code/Fundamentals/12. Transform Transition & Animations/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Transform & Transition 9 | 10 | 11 |
12 | 13 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 29 | 30 | 31 | 36 | 37 | 38 |
39 |
Spin
40 |
Ping
41 |
Pulse
42 |
43 | Bounce 44 |
45 |
46 |
47 | 48 | 49 | -------------------------------------------------------------------------------- /Finished Code/Fundamentals/2. Container Spacing/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Container & Spacing 9 | 12 | 13 | 14 | 15 | 16 | 17 |

1. Margin

18 |
Margin all around
19 |
Margin from x axies
20 |
Margin Y axies
21 |
Margin Top
22 |
Margin Right
23 |
Margin Left
24 |
Margin Bottom
25 | 26 | 27 |
2. Margin all around
28 | 29 | 30 | 31 | 32 |

3. Padding

33 |
Padding all around
34 |
Padding X axies
35 |
Padding Y axies
36 |
Padding Top
37 |
Padding Right
38 |
Padding Bottom
39 |
Padding Left
40 | 41 | 42 | 43 | 44 |

Space Between X

45 |
46 |
01
47 |
02
48 |
03
49 |
50 | 51 | 52 |

Space Between Y

53 |
54 |
01
55 |
02
56 |
03
57 |
58 | 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /Finished Code/Fundamentals/3. Typography/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Typography 9 | 10 | 11 | 12 | 13 |

1. Font Sizes

14 |
15 |

Tailwind is awesome

16 |

Tailwind is awesome

17 |

Tailwind is awesome

18 |

Tailwind is awesome

19 |

Tailwind is awesome

20 |

Tailwind is awesome

21 |

Tailwind is awesome

22 |

Tailwind is awesome

23 |

Tailwind is awesome

24 |

Tailwind is awesome

25 |

Tailwind is awesome

26 |

Tailwind is awesome

27 |

Tailwind is awesome

28 |
29 | 30 | 31 | 32 |

2. Font Family

33 |
34 |

Tailwind is awesome

35 |

Tailwind is awesome

36 |

Tailwind is awesome

37 |
38 | 39 | 40 | 41 |

3. Font Weight

42 |
43 |

Tailwind is awesome

44 |

Tailwind is awesome

45 |

Tailwind is awesome

46 |

Tailwind is awesome

47 |

Tailwind is awesome

48 |
49 | 50 | 51 | 52 |

4. Letter Spacing

53 |
54 |

Tailwind is awesome

55 |

Tailwind is awesome

56 |

Tailwind is awesome

57 |
58 | 59 | 60 | 61 |

5. Text Alighnment

62 |
63 |

Tailwind is awesome

64 |

Tailwind is awesome

65 |

Tailwind is awesome

66 |
67 | 68 | 69 | 70 |

6. Text Decoration

71 |
72 |

Tailwind is awesome

73 |

Tailwind is awesome

74 |

Tailwind is awesome

75 |

Tailwind is awesome

76 |
77 | 78 | 79 |

7. Decoration Style

80 |
81 |

Tailwind is awesome

82 |

Tailwind is awesome

83 |

Tailwind is awesome

84 |

Tailwind is awesome

85 |

Tailwind is awesome

86 |
87 | 88 | 89 |

8. Decoration Offset

90 |
91 |

Tailwind is awesome

92 |

Tailwind is awesome

93 |

Tailwind is awesome

94 |

Tailwind is awesome

95 |
96 | 97 | 98 | 99 |

9. Text Transform

100 |
101 |

Tailwind is awesome

102 |

Tailwind is awesome

103 |

Tailwind is awesome

104 |

Tailwind is awesome

105 |
106 | 107 | 108 | -------------------------------------------------------------------------------- /Finished Code/Fundamentals/4. Sizing/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Sizing 9 | 10 | 11 | 12 | 13 |

Width All Around

14 |
15 |
0
16 |
1
17 |
1.5
18 |
2
19 |
3
20 |
5
21 |
6
22 |
7
23 |
8
24 |
9
25 |
10
26 |
11
27 |
12
28 |
14
29 |
16
30 |
20
31 |
24
32 |
28
33 |
32
34 |
36
35 |
64
36 |
80
37 |
96
38 |
39 | 40 | 41 |

Percentages

42 |
43 |
1/2
44 |
1/3
45 |
2/3
46 |
1/4
47 |
2/4
48 |
3/4
49 |
1/5
50 |
51 | 52 | 53 | 54 |

Max Width

55 |
56 | 57 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas mollitia 58 | soluta harum officia, repellat odit ratione, eligendi voluptatem dolor 59 | magni ad ipsum eaque quae iusto ullam odio voluptate. Eos culpa dolore 60 | fugit ad enim consectetur iure temporibus explicabo voluptas ratione. Fuga 61 | expedita dicta vero, ipsa accusantium illo aut corrupti nulla ipsam ex, a 62 | sunt alias natus ratione. Explicabo sunt, dolor optio harum possimus quo 63 | blanditiis velit fugiat officiis, voluptatem, pariatur quisquam omnis? 64 | Debitis porro id aspernatur possimus, earum dolorum quia! Aperiam aliquam 65 | totam illo praesentium, fugit repellendus! Assumenda optio autem quae odit 66 | voluptatem ad facere et quas, itaque, inventore nihil. 67 |
68 | 69 | 70 |

VW & Width100%

71 |
(vw) screen
72 | 73 |
(width 100%) w-full
74 | 75 |
76 | Arbitrary Width (500px) 77 |
78 | 79 | 80 | 81 |

Height All Around

82 |
83 |
height 24
84 |
height 32
85 |
height 40
86 |
height 48
87 |
height 64
88 |
height 80
89 |
90 | 91 | 92 | 93 |

Min Height Full

94 |
95 |
Take Full Height
96 |
97 | 98 | 99 | 100 |
101 |
Max Height Full
102 |
103 | 104 | 105 |

Full Screen Height

106 |
Hello
107 | 108 | 109 |
Auto
110 | 111 | 112 | -------------------------------------------------------------------------------- /Finished Code/Fundamentals/5. Layout Position/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | TailwindCSS 9 | 10 | 11 | 12 |

Position

13 |
14 |

Relative

15 |
16 |

Absolute

17 |
18 |
19 | 20 |
21 |

Relative

22 |
23 |

Absolute

24 |
25 |
26 | 27 |
28 |

Relative

29 |
30 |

Absolute

31 |
32 |
33 | 34 |
35 |

Relative

36 |
37 |

Absolute

38 |
39 |
40 | 41 | 42 |

Display

43 |
44 | 1. This is display inline and will wrap normally 47 | (this gebrish will added as an inline text) 48 | 2. This is display inline-block and will not extend beyond it's 50 | parent 52 | 3. This is display block and will move to it's own line 55 | 58 |
59 | 60 | 61 | -------------------------------------------------------------------------------- /Finished Code/Fundamentals/6. Backgrounds Shadows/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Backgrounds & Shadows 9 | 10 | 11 | 12 | 13 |
19 | 20 | 21 | 22 | 23 |
24 |
Shadow Medium
25 |
Shadow Large
26 |
Shadow Extra Large
27 |
28 | Shadow 2x Extra Large 29 |
30 |
Inner Shadow
31 | 32 |
33 | Colord Shadow 34 |
35 |
36 | 37 | 38 | 39 |
42 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta quas 43 | eaque doloribus esse, obcaecati consectetur aperiam odit, deserunt 44 | officiis natus magni perspiciatis iure quos hic eveniet ipsum voluptas? 45 | Corrupti, neque? 46 |
47 |
50 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Est animi enim 51 | optio illum necessitatibus dolorem harum eaque. Necessitatibus velit 52 | consectetur quisquam consequuntur perspiciatis, similique ad libero, 53 | dolores eum, quia perferendis. 54 |
55 | 56 | 57 | -------------------------------------------------------------------------------- /Finished Code/Fundamentals/7. Borders/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Borders 9 | 10 | 11 | 12 | 13 |
14 |
Border All Around
15 |
Border Width
16 |
Colord Border
17 |
18 | Border Applied To X Axies 19 |
20 | 21 |
22 | Border Applied To Y Axies 23 |
24 |
Border Right
25 |
Border Left
26 |
Border Bottom
27 |
Border Top
28 |
29 | 30 | 31 | 32 |
33 |
Border Rounded
34 |
35 | Border Rounded Large 36 |
37 |
38 | Border Rounded Extra Large 39 |
40 |
Border Rounded 2xl
41 |
Border 3xl
42 |
43 | Border Rounded Full 44 |
45 | 46 | 47 |
48 | Border Top Rounded 49 |
50 |
51 | Border Bottom Rounded 52 |
53 |
54 | 55 | 56 | -------------------------------------------------------------------------------- /Finished Code/Fundamentals/8. Filters/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Filters 9 | 10 | 11 | 12 | 13 |
14 | 18 | 22 | 26 | 30 |
31 | 32 | 33 | 34 |
35 | 39 | 43 | 47 | 51 |
52 | 53 | 54 | 55 |
56 | 60 | 64 | 68 | 72 |
73 | 74 | 75 | 76 |
77 | 81 | 85 | 89 | 93 | 97 |
98 | 99 | 100 | 101 |
102 | 106 | 110 | 114 | 118 |
119 | 120 | 121 | 122 |
123 | 124 | 128 | 132 |
133 | 134 | 135 | -------------------------------------------------------------------------------- /Finished Code/Fundamentals/9. Breakpoints/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Breakpoints & Media Queries 9 | 10 | 11 | 14 | 15 |

Hello Tailwind

16 | 17 | 18 | -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/Images/SVG/SVG 1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/Images/SVG/SVG 2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/Images/SVG/SVG 3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/Images/austin-wade-d2s8NQ6WD24-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/1. Branding Project/Images/austin-wade-d2s8NQ6WD24-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/Images/austin-wade-iQn82USu8gs-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/1. Branding Project/Images/austin-wade-iQn82USu8gs-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/Images/austin-wade-lNy-Yi0U-3o-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/1. Branding Project/Images/austin-wade-lNy-Yi0U-3o-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/Images/mohamad-khosravi-DuY4JP2M34Q-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/1. Branding Project/Images/mohamad-khosravi-DuY4JP2M34Q-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/css/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | ! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com 3 | */ 4 | 5 | /* 6 | 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 7 | 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) 8 | */ 9 | 10 | *, 11 | ::before, 12 | ::after { 13 | box-sizing: border-box; 14 | /* 1 */ 15 | border-width: 0; 16 | /* 2 */ 17 | border-style: solid; 18 | /* 2 */ 19 | border-color: #e5e7eb; 20 | /* 2 */ 21 | } 22 | 23 | ::before, 24 | ::after { 25 | --tw-content: ''; 26 | } 27 | 28 | /* 29 | 1. Use a consistent sensible line-height in all browsers. 30 | 2. Prevent adjustments of font size after orientation changes in iOS. 31 | 3. Use a more readable tab size. 32 | 4. Use the user's configured `sans` font-family by default. 33 | */ 34 | 35 | html { 36 | line-height: 1.5; 37 | /* 1 */ 38 | -webkit-text-size-adjust: 100%; 39 | /* 2 */ 40 | -moz-tab-size: 4; 41 | /* 3 */ 42 | -o-tab-size: 4; 43 | tab-size: 4; 44 | /* 3 */ 45 | font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 46 | /* 4 */ 47 | } 48 | 49 | /* 50 | 1. Remove the margin in all browsers. 51 | 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. 52 | */ 53 | 54 | body { 55 | margin: 0; 56 | /* 1 */ 57 | line-height: inherit; 58 | /* 2 */ 59 | } 60 | 61 | /* 62 | 1. Add the correct height in Firefox. 63 | 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 64 | 3. Ensure horizontal rules are visible by default. 65 | */ 66 | 67 | hr { 68 | height: 0; 69 | /* 1 */ 70 | color: inherit; 71 | /* 2 */ 72 | border-top-width: 1px; 73 | /* 3 */ 74 | } 75 | 76 | /* 77 | Add the correct text decoration in Chrome, Edge, and Safari. 78 | */ 79 | 80 | abbr:where([title]) { 81 | -webkit-text-decoration: underline dotted; 82 | text-decoration: underline dotted; 83 | } 84 | 85 | /* 86 | Remove the default font size and weight for headings. 87 | */ 88 | 89 | h1, 90 | h2, 91 | h3, 92 | h4, 93 | h5, 94 | h6 { 95 | font-size: inherit; 96 | font-weight: inherit; 97 | } 98 | 99 | /* 100 | Reset links to optimize for opt-in styling instead of opt-out. 101 | */ 102 | 103 | a { 104 | color: inherit; 105 | text-decoration: inherit; 106 | } 107 | 108 | /* 109 | Add the correct font weight in Edge and Safari. 110 | */ 111 | 112 | b, 113 | strong { 114 | font-weight: bolder; 115 | } 116 | 117 | /* 118 | 1. Use the user's configured `mono` font family by default. 119 | 2. Correct the odd `em` font sizing in all browsers. 120 | */ 121 | 122 | code, 123 | kbd, 124 | samp, 125 | pre { 126 | font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 127 | /* 1 */ 128 | font-size: 1em; 129 | /* 2 */ 130 | } 131 | 132 | /* 133 | Add the correct font size in all browsers. 134 | */ 135 | 136 | small { 137 | font-size: 80%; 138 | } 139 | 140 | /* 141 | Prevent `sub` and `sup` elements from affecting the line height in all browsers. 142 | */ 143 | 144 | sub, 145 | sup { 146 | font-size: 75%; 147 | line-height: 0; 148 | position: relative; 149 | vertical-align: baseline; 150 | } 151 | 152 | sub { 153 | bottom: -0.25em; 154 | } 155 | 156 | sup { 157 | top: -0.5em; 158 | } 159 | 160 | /* 161 | 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 162 | 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 163 | 3. Remove gaps between table borders by default. 164 | */ 165 | 166 | table { 167 | text-indent: 0; 168 | /* 1 */ 169 | border-color: inherit; 170 | /* 2 */ 171 | border-collapse: collapse; 172 | /* 3 */ 173 | } 174 | 175 | /* 176 | 1. Change the font styles in all browsers. 177 | 2. Remove the margin in Firefox and Safari. 178 | 3. Remove default padding in all browsers. 179 | */ 180 | 181 | button, 182 | input, 183 | optgroup, 184 | select, 185 | textarea { 186 | font-family: inherit; 187 | /* 1 */ 188 | font-size: 100%; 189 | /* 1 */ 190 | font-weight: inherit; 191 | /* 1 */ 192 | line-height: inherit; 193 | /* 1 */ 194 | color: inherit; 195 | /* 1 */ 196 | margin: 0; 197 | /* 2 */ 198 | padding: 0; 199 | /* 3 */ 200 | } 201 | 202 | /* 203 | Remove the inheritance of text transform in Edge and Firefox. 204 | */ 205 | 206 | button, 207 | select { 208 | text-transform: none; 209 | } 210 | 211 | /* 212 | 1. Correct the inability to style clickable types in iOS and Safari. 213 | 2. Remove default button styles. 214 | */ 215 | 216 | button, 217 | [type='button'], 218 | [type='reset'], 219 | [type='submit'] { 220 | -webkit-appearance: button; 221 | /* 1 */ 222 | background-color: transparent; 223 | /* 2 */ 224 | background-image: none; 225 | /* 2 */ 226 | } 227 | 228 | /* 229 | Use the modern Firefox focus style for all focusable elements. 230 | */ 231 | 232 | :-moz-focusring { 233 | outline: auto; 234 | } 235 | 236 | /* 237 | Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) 238 | */ 239 | 240 | :-moz-ui-invalid { 241 | box-shadow: none; 242 | } 243 | 244 | /* 245 | Add the correct vertical alignment in Chrome and Firefox. 246 | */ 247 | 248 | progress { 249 | vertical-align: baseline; 250 | } 251 | 252 | /* 253 | Correct the cursor style of increment and decrement buttons in Safari. 254 | */ 255 | 256 | ::-webkit-inner-spin-button, 257 | ::-webkit-outer-spin-button { 258 | height: auto; 259 | } 260 | 261 | /* 262 | 1. Correct the odd appearance in Chrome and Safari. 263 | 2. Correct the outline style in Safari. 264 | */ 265 | 266 | [type='search'] { 267 | -webkit-appearance: textfield; 268 | /* 1 */ 269 | outline-offset: -2px; 270 | /* 2 */ 271 | } 272 | 273 | /* 274 | Remove the inner padding in Chrome and Safari on macOS. 275 | */ 276 | 277 | ::-webkit-search-decoration { 278 | -webkit-appearance: none; 279 | } 280 | 281 | /* 282 | 1. Correct the inability to style clickable types in iOS and Safari. 283 | 2. Change font properties to `inherit` in Safari. 284 | */ 285 | 286 | ::-webkit-file-upload-button { 287 | -webkit-appearance: button; 288 | /* 1 */ 289 | font: inherit; 290 | /* 2 */ 291 | } 292 | 293 | /* 294 | Add the correct display in Chrome and Safari. 295 | */ 296 | 297 | summary { 298 | display: list-item; 299 | } 300 | 301 | /* 302 | Removes the default spacing and border for appropriate elements. 303 | */ 304 | 305 | blockquote, 306 | dl, 307 | dd, 308 | h1, 309 | h2, 310 | h3, 311 | h4, 312 | h5, 313 | h6, 314 | hr, 315 | figure, 316 | p, 317 | pre { 318 | margin: 0; 319 | } 320 | 321 | fieldset { 322 | margin: 0; 323 | padding: 0; 324 | } 325 | 326 | legend { 327 | padding: 0; 328 | } 329 | 330 | ol, 331 | ul, 332 | menu { 333 | list-style: none; 334 | margin: 0; 335 | padding: 0; 336 | } 337 | 338 | /* 339 | Prevent resizing textareas horizontally by default. 340 | */ 341 | 342 | textarea { 343 | resize: vertical; 344 | } 345 | 346 | /* 347 | 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 348 | 2. Set the default placeholder color to the user's configured gray 400 color. 349 | */ 350 | 351 | input::-moz-placeholder, textarea::-moz-placeholder { 352 | opacity: 1; 353 | /* 1 */ 354 | color: #9ca3af; 355 | /* 2 */ 356 | } 357 | 358 | input::placeholder, 359 | textarea::placeholder { 360 | opacity: 1; 361 | /* 1 */ 362 | color: #9ca3af; 363 | /* 2 */ 364 | } 365 | 366 | /* 367 | Set the default cursor for buttons. 368 | */ 369 | 370 | button, 371 | [role="button"] { 372 | cursor: pointer; 373 | } 374 | 375 | /* 376 | Make sure disabled buttons don't get the pointer cursor. 377 | */ 378 | 379 | :disabled { 380 | cursor: default; 381 | } 382 | 383 | /* 384 | 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 385 | 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) 386 | This can trigger a poorly considered lint error in some tools but is included by design. 387 | */ 388 | 389 | img, 390 | svg, 391 | video, 392 | canvas, 393 | audio, 394 | iframe, 395 | embed, 396 | object { 397 | display: block; 398 | /* 1 */ 399 | vertical-align: middle; 400 | /* 2 */ 401 | } 402 | 403 | /* 404 | Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) 405 | */ 406 | 407 | img, 408 | video { 409 | max-width: 100%; 410 | height: auto; 411 | } 412 | 413 | *, ::before, ::after { 414 | --tw-border-spacing-x: 0; 415 | --tw-border-spacing-y: 0; 416 | --tw-translate-x: 0; 417 | --tw-translate-y: 0; 418 | --tw-rotate: 0; 419 | --tw-skew-x: 0; 420 | --tw-skew-y: 0; 421 | --tw-scale-x: 1; 422 | --tw-scale-y: 1; 423 | --tw-pan-x: ; 424 | --tw-pan-y: ; 425 | --tw-pinch-zoom: ; 426 | --tw-scroll-snap-strictness: proximity; 427 | --tw-ordinal: ; 428 | --tw-slashed-zero: ; 429 | --tw-numeric-figure: ; 430 | --tw-numeric-spacing: ; 431 | --tw-numeric-fraction: ; 432 | --tw-ring-inset: ; 433 | --tw-ring-offset-width: 0px; 434 | --tw-ring-offset-color: #fff; 435 | --tw-ring-color: rgb(59 130 246 / 0.5); 436 | --tw-ring-offset-shadow: 0 0 #0000; 437 | --tw-ring-shadow: 0 0 #0000; 438 | --tw-shadow: 0 0 #0000; 439 | --tw-shadow-colored: 0 0 #0000; 440 | --tw-blur: ; 441 | --tw-brightness: ; 442 | --tw-contrast: ; 443 | --tw-grayscale: ; 444 | --tw-hue-rotate: ; 445 | --tw-invert: ; 446 | --tw-saturate: ; 447 | --tw-sepia: ; 448 | --tw-drop-shadow: ; 449 | --tw-backdrop-blur: ; 450 | --tw-backdrop-brightness: ; 451 | --tw-backdrop-contrast: ; 452 | --tw-backdrop-grayscale: ; 453 | --tw-backdrop-hue-rotate: ; 454 | --tw-backdrop-invert: ; 455 | --tw-backdrop-opacity: ; 456 | --tw-backdrop-saturate: ; 457 | --tw-backdrop-sepia: ; 458 | } 459 | 460 | ::-webkit-backdrop { 461 | --tw-border-spacing-x: 0; 462 | --tw-border-spacing-y: 0; 463 | --tw-translate-x: 0; 464 | --tw-translate-y: 0; 465 | --tw-rotate: 0; 466 | --tw-skew-x: 0; 467 | --tw-skew-y: 0; 468 | --tw-scale-x: 1; 469 | --tw-scale-y: 1; 470 | --tw-pan-x: ; 471 | --tw-pan-y: ; 472 | --tw-pinch-zoom: ; 473 | --tw-scroll-snap-strictness: proximity; 474 | --tw-ordinal: ; 475 | --tw-slashed-zero: ; 476 | --tw-numeric-figure: ; 477 | --tw-numeric-spacing: ; 478 | --tw-numeric-fraction: ; 479 | --tw-ring-inset: ; 480 | --tw-ring-offset-width: 0px; 481 | --tw-ring-offset-color: #fff; 482 | --tw-ring-color: rgb(59 130 246 / 0.5); 483 | --tw-ring-offset-shadow: 0 0 #0000; 484 | --tw-ring-shadow: 0 0 #0000; 485 | --tw-shadow: 0 0 #0000; 486 | --tw-shadow-colored: 0 0 #0000; 487 | --tw-blur: ; 488 | --tw-brightness: ; 489 | --tw-contrast: ; 490 | --tw-grayscale: ; 491 | --tw-hue-rotate: ; 492 | --tw-invert: ; 493 | --tw-saturate: ; 494 | --tw-sepia: ; 495 | --tw-drop-shadow: ; 496 | --tw-backdrop-blur: ; 497 | --tw-backdrop-brightness: ; 498 | --tw-backdrop-contrast: ; 499 | --tw-backdrop-grayscale: ; 500 | --tw-backdrop-hue-rotate: ; 501 | --tw-backdrop-invert: ; 502 | --tw-backdrop-opacity: ; 503 | --tw-backdrop-saturate: ; 504 | --tw-backdrop-sepia: ; 505 | } 506 | 507 | ::backdrop { 508 | --tw-border-spacing-x: 0; 509 | --tw-border-spacing-y: 0; 510 | --tw-translate-x: 0; 511 | --tw-translate-y: 0; 512 | --tw-rotate: 0; 513 | --tw-skew-x: 0; 514 | --tw-skew-y: 0; 515 | --tw-scale-x: 1; 516 | --tw-scale-y: 1; 517 | --tw-pan-x: ; 518 | --tw-pan-y: ; 519 | --tw-pinch-zoom: ; 520 | --tw-scroll-snap-strictness: proximity; 521 | --tw-ordinal: ; 522 | --tw-slashed-zero: ; 523 | --tw-numeric-figure: ; 524 | --tw-numeric-spacing: ; 525 | --tw-numeric-fraction: ; 526 | --tw-ring-inset: ; 527 | --tw-ring-offset-width: 0px; 528 | --tw-ring-offset-color: #fff; 529 | --tw-ring-color: rgb(59 130 246 / 0.5); 530 | --tw-ring-offset-shadow: 0 0 #0000; 531 | --tw-ring-shadow: 0 0 #0000; 532 | --tw-shadow: 0 0 #0000; 533 | --tw-shadow-colored: 0 0 #0000; 534 | --tw-blur: ; 535 | --tw-brightness: ; 536 | --tw-contrast: ; 537 | --tw-grayscale: ; 538 | --tw-hue-rotate: ; 539 | --tw-invert: ; 540 | --tw-saturate: ; 541 | --tw-sepia: ; 542 | --tw-drop-shadow: ; 543 | --tw-backdrop-blur: ; 544 | --tw-backdrop-brightness: ; 545 | --tw-backdrop-contrast: ; 546 | --tw-backdrop-grayscale: ; 547 | --tw-backdrop-hue-rotate: ; 548 | --tw-backdrop-invert: ; 549 | --tw-backdrop-opacity: ; 550 | --tw-backdrop-saturate: ; 551 | --tw-backdrop-sepia: ; 552 | } 553 | 554 | .mt-5 { 555 | margin-top: 1.25rem; 556 | } 557 | 558 | .ml-5 { 559 | margin-left: 1.25rem; 560 | } 561 | 562 | .ml-10 { 563 | margin-left: 2.5rem; 564 | } 565 | 566 | .mt-20 { 567 | margin-top: 5rem; 568 | } 569 | 570 | .mb-8 { 571 | margin-bottom: 2rem; 572 | } 573 | 574 | .mt-8 { 575 | margin-top: 2rem; 576 | } 577 | 578 | .mb-9 { 579 | margin-bottom: 2.25rem; 580 | } 581 | 582 | .mb-10 { 583 | margin-bottom: 2.5rem; 584 | } 585 | 586 | .mb-5 { 587 | margin-bottom: 1.25rem; 588 | } 589 | 590 | .mt-10 { 591 | margin-top: 2.5rem; 592 | } 593 | 594 | .mt-40 { 595 | margin-top: 10rem; 596 | } 597 | 598 | .mb-40 { 599 | margin-bottom: 10rem; 600 | } 601 | 602 | .mb-4 { 603 | margin-bottom: 1rem; 604 | } 605 | 606 | .mt-6 { 607 | margin-top: 1.5rem; 608 | } 609 | 610 | .mb-6 { 611 | margin-bottom: 1.5rem; 612 | } 613 | 614 | .inline { 615 | display: inline; 616 | } 617 | 618 | .flex { 619 | display: flex; 620 | } 621 | 622 | .w-40 { 623 | width: 10rem; 624 | } 625 | 626 | .w-20 { 627 | width: 5rem; 628 | } 629 | 630 | .w-10 { 631 | width: 2.5rem; 632 | } 633 | 634 | .w-60 { 635 | width: 15rem; 636 | } 637 | 638 | .w-1\/2 { 639 | width: 50%; 640 | } 641 | 642 | .w-2 { 643 | width: 0.5rem; 644 | } 645 | 646 | .w-64 { 647 | width: 16rem; 648 | } 649 | 650 | .w-\[200px\] { 651 | width: 200px; 652 | } 653 | 654 | .w-\[300px\] { 655 | width: 300px; 656 | } 657 | 658 | .w-\[400px\] { 659 | width: 400px; 660 | } 661 | 662 | .w-\[350px\] { 663 | width: 350px; 664 | } 665 | 666 | .w-\[340px\] { 667 | width: 340px; 668 | } 669 | 670 | .w-6 { 671 | width: 1.5rem; 672 | } 673 | 674 | .w-\[5rem\] { 675 | width: 5rem; 676 | } 677 | 678 | .w-\[10rem\] { 679 | width: 10rem; 680 | } 681 | 682 | .w-\[20rem\] { 683 | width: 20rem; 684 | } 685 | 686 | .w-\[14rem\] { 687 | width: 14rem; 688 | } 689 | 690 | .flex-col { 691 | flex-direction: column; 692 | } 693 | 694 | .items-start { 695 | align-items: flex-start; 696 | } 697 | 698 | .items-center { 699 | align-items: center; 700 | } 701 | 702 | .justify-start { 703 | justify-content: flex-start; 704 | } 705 | 706 | .justify-center { 707 | justify-content: center; 708 | } 709 | 710 | .justify-between { 711 | justify-content: space-between; 712 | } 713 | 714 | .justify-around { 715 | justify-content: space-around; 716 | } 717 | 718 | .rounded-t-3xl { 719 | border-top-left-radius: 1.5rem; 720 | border-top-right-radius: 1.5rem; 721 | } 722 | 723 | .rounded-t-\[50\%\] { 724 | border-top-left-radius: 50%; 725 | border-top-right-radius: 50%; 726 | } 727 | 728 | .rounded-t-\[40\%\] { 729 | border-top-left-radius: 40%; 730 | border-top-right-radius: 40%; 731 | } 732 | 733 | .rounded-t-\[40rem\] { 734 | border-top-left-radius: 40rem; 735 | border-top-right-radius: 40rem; 736 | } 737 | 738 | .border { 739 | border-width: 1px; 740 | } 741 | 742 | .border-teal-200 { 743 | --tw-border-opacity: 1; 744 | border-color: rgb(153 246 228 / var(--tw-border-opacity)); 745 | } 746 | 747 | .border-\[\#AF7452\] { 748 | --tw-border-opacity: 1; 749 | border-color: rgb(175 116 82 / var(--tw-border-opacity)); 750 | } 751 | 752 | .border-t-zinc-800 { 753 | --tw-border-opacity: 1; 754 | border-top-color: rgb(39 39 42 / var(--tw-border-opacity)); 755 | } 756 | 757 | .border-t-cyan-200 { 758 | --tw-border-opacity: 1; 759 | border-top-color: rgb(165 243 252 / var(--tw-border-opacity)); 760 | } 761 | 762 | .bg-\[\#FBF7EE\] { 763 | --tw-bg-opacity: 1; 764 | background-color: rgb(251 247 238 / var(--tw-bg-opacity)); 765 | } 766 | 767 | .p-4 { 768 | padding: 1rem; 769 | } 770 | 771 | .p-2 { 772 | padding: 0.5rem; 773 | } 774 | 775 | .p-5 { 776 | padding: 1.25rem; 777 | } 778 | 779 | .p-10 { 780 | padding: 2.5rem; 781 | } 782 | 783 | .pt-2 { 784 | padding-top: 0.5rem; 785 | } 786 | 787 | .pl-4 { 788 | padding-left: 1rem; 789 | } 790 | 791 | .pr-4 { 792 | padding-right: 1rem; 793 | } 794 | 795 | .pl-5 { 796 | padding-left: 1.25rem; 797 | } 798 | 799 | .pr-5 { 800 | padding-right: 1.25rem; 801 | } 802 | 803 | .pt-4 { 804 | padding-top: 1rem; 805 | } 806 | 807 | .pb-2 { 808 | padding-bottom: 0.5rem; 809 | } 810 | 811 | .pt-5 { 812 | padding-top: 1.25rem; 813 | } 814 | 815 | .pt-20 { 816 | padding-top: 5rem; 817 | } 818 | 819 | .text-center { 820 | text-align: center; 821 | } 822 | 823 | .font-serif { 824 | font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; 825 | } 826 | 827 | .text-2xl { 828 | font-size: 1.5rem; 829 | line-height: 2rem; 830 | } 831 | 832 | .text-7xl { 833 | font-size: 4.5rem; 834 | line-height: 1; 835 | } 836 | 837 | .text-5xl { 838 | font-size: 3rem; 839 | line-height: 1; 840 | } 841 | 842 | .text-3xl { 843 | font-size: 1.875rem; 844 | line-height: 2.25rem; 845 | } 846 | 847 | .font-bold { 848 | font-weight: 700; 849 | } 850 | 851 | .font-extralight { 852 | font-weight: 200; 853 | } 854 | 855 | .font-normal { 856 | font-weight: 400; 857 | } 858 | 859 | .font-light { 860 | font-weight: 300; 861 | } 862 | 863 | .font-thin { 864 | font-weight: 100; 865 | } 866 | 867 | .text-teal-300 { 868 | --tw-text-opacity: 1; 869 | color: rgb(94 234 212 / var(--tw-text-opacity)); 870 | } 871 | 872 | .text-\[\#AF7452\] { 873 | --tw-text-opacity: 1; 874 | color: rgb(175 116 82 / var(--tw-text-opacity)); 875 | } 876 | 877 | @media (min-width: 640px) { 878 | .sm\:justify-center { 879 | justify-content: center; 880 | } 881 | 882 | .sm\:bg-slate-900 { 883 | --tw-bg-opacity: 1; 884 | background-color: rgb(15 23 42 / var(--tw-bg-opacity)); 885 | } 886 | 887 | .sm\:bg-slate-600 { 888 | --tw-bg-opacity: 1; 889 | background-color: rgb(71 85 105 / var(--tw-bg-opacity)); 890 | } 891 | } 892 | 893 | @media (min-width: 768px) { 894 | .md\:flex { 895 | display: flex; 896 | } 897 | 898 | .md\:flex-col { 899 | flex-direction: column; 900 | } 901 | 902 | .md\:items-center { 903 | align-items: center; 904 | } 905 | 906 | .md\:justify-end { 907 | justify-content: flex-end; 908 | } 909 | 910 | .md\:justify-center { 911 | justify-content: center; 912 | } 913 | 914 | .md\:bg-teal-400 { 915 | --tw-bg-opacity: 1; 916 | background-color: rgb(45 212 191 / var(--tw-bg-opacity)); 917 | } 918 | 919 | .md\:bg-slate-900 { 920 | --tw-bg-opacity: 1; 921 | background-color: rgb(15 23 42 / var(--tw-bg-opacity)); 922 | } 923 | 924 | .md\:bg-slate-600 { 925 | --tw-bg-opacity: 1; 926 | background-color: rgb(71 85 105 / var(--tw-bg-opacity)); 927 | } 928 | } 929 | 930 | @media (min-width: 1024px) { 931 | .lg\:justify-center { 932 | justify-content: center; 933 | } 934 | 935 | .lg\:bg-slate-900 { 936 | --tw-bg-opacity: 1; 937 | background-color: rgb(15 23 42 / var(--tw-bg-opacity)); 938 | } 939 | 940 | .lg\:bg-slate-600 { 941 | --tw-bg-opacity: 1; 942 | background-color: rgb(71 85 105 / var(--tw-bg-opacity)); 943 | } 944 | } 945 | 946 | @media (min-width: 1280px) { 947 | .xl\:items-center { 948 | align-items: center; 949 | } 950 | 951 | .xl\:justify-center { 952 | justify-content: center; 953 | } 954 | 955 | .xl\:justify-around { 956 | justify-content: space-around; 957 | } 958 | 959 | .xl\:bg-slate-900 { 960 | --tw-bg-opacity: 1; 961 | background-color: rgb(15 23 42 / var(--tw-bg-opacity)); 962 | } 963 | 964 | .xl\:bg-slate-600 { 965 | --tw-bg-opacity: 1; 966 | background-color: rgb(71 85 105 / var(--tw-bg-opacity)); 967 | } 968 | } 969 | 970 | @media (min-width: 1536px) { 971 | .\32xl\:justify-around { 972 | justify-content: space-around; 973 | } 974 | } 975 | -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Simple Tailwind Starter 8 | 9 | 10 | 20 | 21 |
22 |
23 |

Spring / Summer Vibs

24 |

25 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestiae 26 | asperiores soluta dolore nisi ad tempora odit illo aliquam tempore 27 | ratione. 28 |

29 | 33 |
34 |
35 | 39 |

40 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia 41 | reprehenderit atque fugit tempore consequuntur, ratione dolor 42 | voluptatem delectus aut, unde similique. Aliquid autem vero sed odio 43 | excepturi, obcaecati cupiditate ducimus! 44 |

45 | 50 |
51 |
52 | 53 |
54 |
55 |

56 | An Industrial Take
57 | On Streetwear 58 |

59 |

60 | Lorem Ipsum is simply dummy text of the printing and typesetting 61 | industry. Lorem Ipsum has been the industry's standard dummy text ever 62 | since the 1500s, when an unknown printer took a galley of type and 63 | scrambled it to make a type specimen book. 64 |

65 | 70 |
71 | 75 |
76 | 77 |
78 |
79 |

Buy Now, Pay Later

80 |

81 | 0% interest financing available pay after 30 days. 82 |

83 | 88 |
89 |
90 |

Cashback Reward

91 |

92 | Collect & Redeem on every order that you purchased. 93 |

94 | 99 |
100 |
101 |

Secure Payment

102 |

103 | Gurantee 100 secure payment online on our website. 104 |

105 | 110 |
111 |
112 | 113 | 114 | -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/input.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwindcss", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "build": "tailwindcss -i ./input.css -o ./css/style.css", 8 | "watch": "tailwindcss -i ./input.css -o ./css/style.css --watch" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "tailwindcss": "^3.1.8" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Finished Code/Projects/1. Branding Project/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | 3 | module.exports = { 4 | content: ["./*.html"], 5 | theme: { 6 | extend: {}, 7 | }, 8 | plugins: [], 9 | }; 10 | -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/css/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | ! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com 3 | */ 4 | 5 | /* 6 | 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 7 | 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) 8 | */ 9 | 10 | *, 11 | ::before, 12 | ::after { 13 | box-sizing: border-box; 14 | /* 1 */ 15 | border-width: 0; 16 | /* 2 */ 17 | border-style: solid; 18 | /* 2 */ 19 | border-color: #e5e7eb; 20 | /* 2 */ 21 | } 22 | 23 | ::before, 24 | ::after { 25 | --tw-content: ''; 26 | } 27 | 28 | /* 29 | 1. Use a consistent sensible line-height in all browsers. 30 | 2. Prevent adjustments of font size after orientation changes in iOS. 31 | 3. Use a more readable tab size. 32 | 4. Use the user's configured `sans` font-family by default. 33 | */ 34 | 35 | html { 36 | line-height: 1.5; 37 | /* 1 */ 38 | -webkit-text-size-adjust: 100%; 39 | /* 2 */ 40 | -moz-tab-size: 4; 41 | /* 3 */ 42 | -o-tab-size: 4; 43 | tab-size: 4; 44 | /* 3 */ 45 | font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 46 | /* 4 */ 47 | } 48 | 49 | /* 50 | 1. Remove the margin in all browsers. 51 | 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. 52 | */ 53 | 54 | body { 55 | margin: 0; 56 | /* 1 */ 57 | line-height: inherit; 58 | /* 2 */ 59 | } 60 | 61 | /* 62 | 1. Add the correct height in Firefox. 63 | 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 64 | 3. Ensure horizontal rules are visible by default. 65 | */ 66 | 67 | hr { 68 | height: 0; 69 | /* 1 */ 70 | color: inherit; 71 | /* 2 */ 72 | border-top-width: 1px; 73 | /* 3 */ 74 | } 75 | 76 | /* 77 | Add the correct text decoration in Chrome, Edge, and Safari. 78 | */ 79 | 80 | abbr:where([title]) { 81 | -webkit-text-decoration: underline dotted; 82 | text-decoration: underline dotted; 83 | } 84 | 85 | /* 86 | Remove the default font size and weight for headings. 87 | */ 88 | 89 | h1, 90 | h2, 91 | h3, 92 | h4, 93 | h5, 94 | h6 { 95 | font-size: inherit; 96 | font-weight: inherit; 97 | } 98 | 99 | /* 100 | Reset links to optimize for opt-in styling instead of opt-out. 101 | */ 102 | 103 | a { 104 | color: inherit; 105 | text-decoration: inherit; 106 | } 107 | 108 | /* 109 | Add the correct font weight in Edge and Safari. 110 | */ 111 | 112 | b, 113 | strong { 114 | font-weight: bolder; 115 | } 116 | 117 | /* 118 | 1. Use the user's configured `mono` font family by default. 119 | 2. Correct the odd `em` font sizing in all browsers. 120 | */ 121 | 122 | code, 123 | kbd, 124 | samp, 125 | pre { 126 | font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 127 | /* 1 */ 128 | font-size: 1em; 129 | /* 2 */ 130 | } 131 | 132 | /* 133 | Add the correct font size in all browsers. 134 | */ 135 | 136 | small { 137 | font-size: 80%; 138 | } 139 | 140 | /* 141 | Prevent `sub` and `sup` elements from affecting the line height in all browsers. 142 | */ 143 | 144 | sub, 145 | sup { 146 | font-size: 75%; 147 | line-height: 0; 148 | position: relative; 149 | vertical-align: baseline; 150 | } 151 | 152 | sub { 153 | bottom: -0.25em; 154 | } 155 | 156 | sup { 157 | top: -0.5em; 158 | } 159 | 160 | /* 161 | 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 162 | 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 163 | 3. Remove gaps between table borders by default. 164 | */ 165 | 166 | table { 167 | text-indent: 0; 168 | /* 1 */ 169 | border-color: inherit; 170 | /* 2 */ 171 | border-collapse: collapse; 172 | /* 3 */ 173 | } 174 | 175 | /* 176 | 1. Change the font styles in all browsers. 177 | 2. Remove the margin in Firefox and Safari. 178 | 3. Remove default padding in all browsers. 179 | */ 180 | 181 | button, 182 | input, 183 | optgroup, 184 | select, 185 | textarea { 186 | font-family: inherit; 187 | /* 1 */ 188 | font-size: 100%; 189 | /* 1 */ 190 | font-weight: inherit; 191 | /* 1 */ 192 | line-height: inherit; 193 | /* 1 */ 194 | color: inherit; 195 | /* 1 */ 196 | margin: 0; 197 | /* 2 */ 198 | padding: 0; 199 | /* 3 */ 200 | } 201 | 202 | /* 203 | Remove the inheritance of text transform in Edge and Firefox. 204 | */ 205 | 206 | button, 207 | select { 208 | text-transform: none; 209 | } 210 | 211 | /* 212 | 1. Correct the inability to style clickable types in iOS and Safari. 213 | 2. Remove default button styles. 214 | */ 215 | 216 | button, 217 | [type='button'], 218 | [type='reset'], 219 | [type='submit'] { 220 | -webkit-appearance: button; 221 | /* 1 */ 222 | background-color: transparent; 223 | /* 2 */ 224 | background-image: none; 225 | /* 2 */ 226 | } 227 | 228 | /* 229 | Use the modern Firefox focus style for all focusable elements. 230 | */ 231 | 232 | :-moz-focusring { 233 | outline: auto; 234 | } 235 | 236 | /* 237 | Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) 238 | */ 239 | 240 | :-moz-ui-invalid { 241 | box-shadow: none; 242 | } 243 | 244 | /* 245 | Add the correct vertical alignment in Chrome and Firefox. 246 | */ 247 | 248 | progress { 249 | vertical-align: baseline; 250 | } 251 | 252 | /* 253 | Correct the cursor style of increment and decrement buttons in Safari. 254 | */ 255 | 256 | ::-webkit-inner-spin-button, 257 | ::-webkit-outer-spin-button { 258 | height: auto; 259 | } 260 | 261 | /* 262 | 1. Correct the odd appearance in Chrome and Safari. 263 | 2. Correct the outline style in Safari. 264 | */ 265 | 266 | [type='search'] { 267 | -webkit-appearance: textfield; 268 | /* 1 */ 269 | outline-offset: -2px; 270 | /* 2 */ 271 | } 272 | 273 | /* 274 | Remove the inner padding in Chrome and Safari on macOS. 275 | */ 276 | 277 | ::-webkit-search-decoration { 278 | -webkit-appearance: none; 279 | } 280 | 281 | /* 282 | 1. Correct the inability to style clickable types in iOS and Safari. 283 | 2. Change font properties to `inherit` in Safari. 284 | */ 285 | 286 | ::-webkit-file-upload-button { 287 | -webkit-appearance: button; 288 | /* 1 */ 289 | font: inherit; 290 | /* 2 */ 291 | } 292 | 293 | /* 294 | Add the correct display in Chrome and Safari. 295 | */ 296 | 297 | summary { 298 | display: list-item; 299 | } 300 | 301 | /* 302 | Removes the default spacing and border for appropriate elements. 303 | */ 304 | 305 | blockquote, 306 | dl, 307 | dd, 308 | h1, 309 | h2, 310 | h3, 311 | h4, 312 | h5, 313 | h6, 314 | hr, 315 | figure, 316 | p, 317 | pre { 318 | margin: 0; 319 | } 320 | 321 | fieldset { 322 | margin: 0; 323 | padding: 0; 324 | } 325 | 326 | legend { 327 | padding: 0; 328 | } 329 | 330 | ol, 331 | ul, 332 | menu { 333 | list-style: none; 334 | margin: 0; 335 | padding: 0; 336 | } 337 | 338 | /* 339 | Prevent resizing textareas horizontally by default. 340 | */ 341 | 342 | textarea { 343 | resize: vertical; 344 | } 345 | 346 | /* 347 | 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 348 | 2. Set the default placeholder color to the user's configured gray 400 color. 349 | */ 350 | 351 | input::-moz-placeholder, textarea::-moz-placeholder { 352 | opacity: 1; 353 | /* 1 */ 354 | color: #9ca3af; 355 | /* 2 */ 356 | } 357 | 358 | input::placeholder, 359 | textarea::placeholder { 360 | opacity: 1; 361 | /* 1 */ 362 | color: #9ca3af; 363 | /* 2 */ 364 | } 365 | 366 | /* 367 | Set the default cursor for buttons. 368 | */ 369 | 370 | button, 371 | [role="button"] { 372 | cursor: pointer; 373 | } 374 | 375 | /* 376 | Make sure disabled buttons don't get the pointer cursor. 377 | */ 378 | 379 | :disabled { 380 | cursor: default; 381 | } 382 | 383 | /* 384 | 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 385 | 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) 386 | This can trigger a poorly considered lint error in some tools but is included by design. 387 | */ 388 | 389 | img, 390 | svg, 391 | video, 392 | canvas, 393 | audio, 394 | iframe, 395 | embed, 396 | object { 397 | display: block; 398 | /* 1 */ 399 | vertical-align: middle; 400 | /* 2 */ 401 | } 402 | 403 | /* 404 | Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) 405 | */ 406 | 407 | img, 408 | video { 409 | max-width: 100%; 410 | height: auto; 411 | } 412 | 413 | *, ::before, ::after { 414 | --tw-border-spacing-x: 0; 415 | --tw-border-spacing-y: 0; 416 | --tw-translate-x: 0; 417 | --tw-translate-y: 0; 418 | --tw-rotate: 0; 419 | --tw-skew-x: 0; 420 | --tw-skew-y: 0; 421 | --tw-scale-x: 1; 422 | --tw-scale-y: 1; 423 | --tw-pan-x: ; 424 | --tw-pan-y: ; 425 | --tw-pinch-zoom: ; 426 | --tw-scroll-snap-strictness: proximity; 427 | --tw-ordinal: ; 428 | --tw-slashed-zero: ; 429 | --tw-numeric-figure: ; 430 | --tw-numeric-spacing: ; 431 | --tw-numeric-fraction: ; 432 | --tw-ring-inset: ; 433 | --tw-ring-offset-width: 0px; 434 | --tw-ring-offset-color: #fff; 435 | --tw-ring-color: rgb(59 130 246 / 0.5); 436 | --tw-ring-offset-shadow: 0 0 #0000; 437 | --tw-ring-shadow: 0 0 #0000; 438 | --tw-shadow: 0 0 #0000; 439 | --tw-shadow-colored: 0 0 #0000; 440 | --tw-blur: ; 441 | --tw-brightness: ; 442 | --tw-contrast: ; 443 | --tw-grayscale: ; 444 | --tw-hue-rotate: ; 445 | --tw-invert: ; 446 | --tw-saturate: ; 447 | --tw-sepia: ; 448 | --tw-drop-shadow: ; 449 | --tw-backdrop-blur: ; 450 | --tw-backdrop-brightness: ; 451 | --tw-backdrop-contrast: ; 452 | --tw-backdrop-grayscale: ; 453 | --tw-backdrop-hue-rotate: ; 454 | --tw-backdrop-invert: ; 455 | --tw-backdrop-opacity: ; 456 | --tw-backdrop-saturate: ; 457 | --tw-backdrop-sepia: ; 458 | } 459 | 460 | ::-webkit-backdrop { 461 | --tw-border-spacing-x: 0; 462 | --tw-border-spacing-y: 0; 463 | --tw-translate-x: 0; 464 | --tw-translate-y: 0; 465 | --tw-rotate: 0; 466 | --tw-skew-x: 0; 467 | --tw-skew-y: 0; 468 | --tw-scale-x: 1; 469 | --tw-scale-y: 1; 470 | --tw-pan-x: ; 471 | --tw-pan-y: ; 472 | --tw-pinch-zoom: ; 473 | --tw-scroll-snap-strictness: proximity; 474 | --tw-ordinal: ; 475 | --tw-slashed-zero: ; 476 | --tw-numeric-figure: ; 477 | --tw-numeric-spacing: ; 478 | --tw-numeric-fraction: ; 479 | --tw-ring-inset: ; 480 | --tw-ring-offset-width: 0px; 481 | --tw-ring-offset-color: #fff; 482 | --tw-ring-color: rgb(59 130 246 / 0.5); 483 | --tw-ring-offset-shadow: 0 0 #0000; 484 | --tw-ring-shadow: 0 0 #0000; 485 | --tw-shadow: 0 0 #0000; 486 | --tw-shadow-colored: 0 0 #0000; 487 | --tw-blur: ; 488 | --tw-brightness: ; 489 | --tw-contrast: ; 490 | --tw-grayscale: ; 491 | --tw-hue-rotate: ; 492 | --tw-invert: ; 493 | --tw-saturate: ; 494 | --tw-sepia: ; 495 | --tw-drop-shadow: ; 496 | --tw-backdrop-blur: ; 497 | --tw-backdrop-brightness: ; 498 | --tw-backdrop-contrast: ; 499 | --tw-backdrop-grayscale: ; 500 | --tw-backdrop-hue-rotate: ; 501 | --tw-backdrop-invert: ; 502 | --tw-backdrop-opacity: ; 503 | --tw-backdrop-saturate: ; 504 | --tw-backdrop-sepia: ; 505 | } 506 | 507 | ::backdrop { 508 | --tw-border-spacing-x: 0; 509 | --tw-border-spacing-y: 0; 510 | --tw-translate-x: 0; 511 | --tw-translate-y: 0; 512 | --tw-rotate: 0; 513 | --tw-skew-x: 0; 514 | --tw-skew-y: 0; 515 | --tw-scale-x: 1; 516 | --tw-scale-y: 1; 517 | --tw-pan-x: ; 518 | --tw-pan-y: ; 519 | --tw-pinch-zoom: ; 520 | --tw-scroll-snap-strictness: proximity; 521 | --tw-ordinal: ; 522 | --tw-slashed-zero: ; 523 | --tw-numeric-figure: ; 524 | --tw-numeric-spacing: ; 525 | --tw-numeric-fraction: ; 526 | --tw-ring-inset: ; 527 | --tw-ring-offset-width: 0px; 528 | --tw-ring-offset-color: #fff; 529 | --tw-ring-color: rgb(59 130 246 / 0.5); 530 | --tw-ring-offset-shadow: 0 0 #0000; 531 | --tw-ring-shadow: 0 0 #0000; 532 | --tw-shadow: 0 0 #0000; 533 | --tw-shadow-colored: 0 0 #0000; 534 | --tw-blur: ; 535 | --tw-brightness: ; 536 | --tw-contrast: ; 537 | --tw-grayscale: ; 538 | --tw-hue-rotate: ; 539 | --tw-invert: ; 540 | --tw-saturate: ; 541 | --tw-sepia: ; 542 | --tw-drop-shadow: ; 543 | --tw-backdrop-blur: ; 544 | --tw-backdrop-brightness: ; 545 | --tw-backdrop-contrast: ; 546 | --tw-backdrop-grayscale: ; 547 | --tw-backdrop-hue-rotate: ; 548 | --tw-backdrop-invert: ; 549 | --tw-backdrop-opacity: ; 550 | --tw-backdrop-saturate: ; 551 | --tw-backdrop-sepia: ; 552 | } 553 | 554 | .relative { 555 | position: relative; 556 | } 557 | 558 | .left-20 { 559 | left: 5rem; 560 | } 561 | 562 | .top-10 { 563 | top: 2.5rem; 564 | } 565 | 566 | .m-20 { 567 | margin: 5rem; 568 | } 569 | 570 | .m-10 { 571 | margin: 2.5rem; 572 | } 573 | 574 | .mx-auto { 575 | margin-left: auto; 576 | margin-right: auto; 577 | } 578 | 579 | .mt-6 { 580 | margin-top: 1.5rem; 581 | } 582 | 583 | .ml-\[5rem\] { 584 | margin-left: 5rem; 585 | } 586 | 587 | .ml-10 { 588 | margin-left: 2.5rem; 589 | } 590 | 591 | .mt-28 { 592 | margin-top: 7rem; 593 | } 594 | 595 | .mr-10 { 596 | margin-right: 2.5rem; 597 | } 598 | 599 | .mb-10 { 600 | margin-bottom: 2.5rem; 601 | } 602 | 603 | .mr-5 { 604 | margin-right: 1.25rem; 605 | } 606 | 607 | .mb-5 { 608 | margin-bottom: 1.25rem; 609 | } 610 | 611 | .ml-6 { 612 | margin-left: 1.5rem; 613 | } 614 | 615 | .mt-5 { 616 | margin-top: 1.25rem; 617 | } 618 | 619 | .mt-\[10rem\] { 620 | margin-top: 10rem; 621 | } 622 | 623 | .mt-40 { 624 | margin-top: 10rem; 625 | } 626 | 627 | .mt-32 { 628 | margin-top: 8rem; 629 | } 630 | 631 | .mr-20 { 632 | margin-right: 5rem; 633 | } 634 | 635 | .mt-10 { 636 | margin-top: 2.5rem; 637 | } 638 | 639 | .mb-0 { 640 | margin-bottom: 0px; 641 | } 642 | 643 | .flex { 644 | display: flex; 645 | } 646 | 647 | .w-96 { 648 | width: 24rem; 649 | } 650 | 651 | .w-60 { 652 | width: 15rem; 653 | } 654 | 655 | .w-\[500px\] { 656 | width: 500px; 657 | } 658 | 659 | .w-\[300px\] { 660 | width: 300px; 661 | } 662 | 663 | .w-64 { 664 | width: 16rem; 665 | } 666 | 667 | .flex-col { 668 | flex-direction: column; 669 | } 670 | 671 | .flex-wrap { 672 | flex-wrap: wrap; 673 | } 674 | 675 | .items-center { 676 | align-items: center; 677 | } 678 | 679 | .justify-center { 680 | justify-content: center; 681 | } 682 | 683 | .justify-between { 684 | justify-content: space-between; 685 | } 686 | 687 | .justify-around { 688 | justify-content: space-around; 689 | } 690 | 691 | .border-b-2 { 692 | border-bottom-width: 2px; 693 | } 694 | 695 | .border-\[\#1BC8D3\] { 696 | --tw-border-opacity: 1; 697 | border-color: rgb(27 200 211 / var(--tw-border-opacity)); 698 | } 699 | 700 | .border-black { 701 | --tw-border-opacity: 1; 702 | border-color: rgb(0 0 0 / var(--tw-border-opacity)); 703 | } 704 | 705 | .bg-\[\#1BC8D3\] { 706 | --tw-bg-opacity: 1; 707 | background-color: rgb(27 200 211 / var(--tw-bg-opacity)); 708 | } 709 | 710 | .bg-\[\#292A2B\] { 711 | --tw-bg-opacity: 1; 712 | background-color: rgb(41 42 43 / var(--tw-bg-opacity)); 713 | } 714 | 715 | .bg-opacity-20 { 716 | --tw-bg-opacity: 0.2; 717 | } 718 | 719 | .p-2 { 720 | padding: 0.5rem; 721 | } 722 | 723 | .p-10 { 724 | padding: 2.5rem; 725 | } 726 | 727 | .py-2 { 728 | padding-top: 0.5rem; 729 | padding-bottom: 0.5rem; 730 | } 731 | 732 | .px-10 { 733 | padding-left: 2.5rem; 734 | padding-right: 2.5rem; 735 | } 736 | 737 | .py-10 { 738 | padding-top: 2.5rem; 739 | padding-bottom: 2.5rem; 740 | } 741 | 742 | .pb-2 { 743 | padding-bottom: 0.5rem; 744 | } 745 | 746 | .pt-2 { 747 | padding-top: 0.5rem; 748 | } 749 | 750 | .pl-10 { 751 | padding-left: 2.5rem; 752 | } 753 | 754 | .pr-10 { 755 | padding-right: 2.5rem; 756 | } 757 | 758 | .text-center { 759 | text-align: center; 760 | } 761 | 762 | .text-right { 763 | text-align: right; 764 | } 765 | 766 | .text-5xl { 767 | font-size: 3rem; 768 | line-height: 1; 769 | } 770 | 771 | .text-4xl { 772 | font-size: 2.25rem; 773 | line-height: 2.5rem; 774 | } 775 | 776 | .text-lg { 777 | font-size: 1.125rem; 778 | line-height: 1.75rem; 779 | } 780 | 781 | .font-bold { 782 | font-weight: 700; 783 | } 784 | 785 | .text-\[\#1BC8D3\] { 786 | --tw-text-opacity: 1; 787 | color: rgb(27 200 211 / var(--tw-text-opacity)); 788 | } 789 | 790 | .text-white { 791 | --tw-text-opacity: 1; 792 | color: rgb(255 255 255 / var(--tw-text-opacity)); 793 | } 794 | 795 | .hover\:border-b-2:hover { 796 | border-bottom-width: 2px; 797 | } 798 | 799 | .hover\:border-\[\#1BC8D3\]:hover { 800 | --tw-border-opacity: 1; 801 | border-color: rgb(27 200 211 / var(--tw-border-opacity)); 802 | } 803 | 804 | .hover\:pb-2:hover { 805 | padding-bottom: 0.5rem; 806 | } 807 | 808 | .hover\:text-\[\#1BC8D3\]:hover { 809 | --tw-text-opacity: 1; 810 | color: rgb(27 200 211 / var(--tw-text-opacity)); 811 | } 812 | 813 | @media (min-width: 480px) { 814 | .sm\:mt-\[6rem\] { 815 | margin-top: 6rem; 816 | } 817 | 818 | .sm\:h-auto { 819 | height: auto; 820 | } 821 | 822 | .sm\:w-auto { 823 | width: auto; 824 | } 825 | 826 | .sm\:flex-col { 827 | flex-direction: column; 828 | } 829 | 830 | .sm\:flex-wrap { 831 | flex-wrap: wrap; 832 | } 833 | 834 | .sm\:border { 835 | border-width: 1px; 836 | } 837 | 838 | .sm\:text-center { 839 | text-align: center; 840 | } 841 | } 842 | 843 | @media (min-width: 768px) { 844 | .md\:mt-0 { 845 | margin-top: 0px; 846 | } 847 | 848 | .md\:h-\[40rem\] { 849 | height: 40rem; 850 | } 851 | 852 | .md\:w-60 { 853 | width: 15rem; 854 | } 855 | 856 | .md\:flex-row { 857 | flex-direction: row; 858 | } 859 | 860 | .md\:flex-col { 861 | flex-direction: column; 862 | } 863 | 864 | .md\:flex-nowrap { 865 | flex-wrap: nowrap; 866 | } 867 | 868 | .md\:border-none { 869 | border-style: none; 870 | } 871 | 872 | .md\:text-left { 873 | text-align: left; 874 | } 875 | } 876 | 877 | @media (min-width: 976px) { 878 | .lg\:flex-row { 879 | flex-direction: row; 880 | } 881 | } 882 | -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/images/alex-knight-j4uuKnN43_M-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/2. Web Agency/images/alex-knight-j4uuKnN43_M-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/images/carlos-muza-hpjSkU2UYSU-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/2. Web Agency/images/carlos-muza-hpjSkU2UYSU-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/images/davide-baraldi-Nzmyp6LsgNM-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/2. Web Agency/images/davide-baraldi-Nzmyp6LsgNM-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/images/hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/2. Web Agency/images/hero.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/images/igor-miske-JVSgcV8_vb4-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/2. Web Agency/images/igor-miske-JVSgcV8_vb4-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/images/kevin-bhagat-zNRITe8NPqY-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/2. Web Agency/images/kevin-bhagat-zNRITe8NPqY-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/images/nathan-da-silva-k-rKfqSm4L4-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/2. Web Agency/images/nathan-da-silva-k-rKfqSm4L4-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/images/section-two.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/2. Web Agency/images/section-two.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Loops Studio 8 | 9 | 10 | 42 | 43 |
46 |
47 | 48 |
49 | 50 |
51 |

52 | Web Agency 53 |

54 |

55 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt 56 | gravida volutpat a amet ut scelerisque nulla. Vestibulum amet. 57 |

58 |
59 | 64 | 67 |
68 | 69 |
70 |
73 |

74 | 5 Star Experience 75 |

76 |

77 | Sit ipsum dolor sit amet consectetur adipiscing elit. Lorem ipsum 78 | dolor sit amet, consectetur. 79 |

80 |
81 | 82 |
85 |

Make Your Offer

86 |

87 | Sit ipsum dolor sit amet consectetur adipiscing elit. Lorem ipsum 88 | dolor sit amet, consectetur. 89 |

90 |
91 |
92 |
93 |
94 | 95 |
98 |
99 |

100 | OUR
101 | Skills 102 |

103 |

104 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt 105 | gravida volutpat a amet ut scelerisque nulla. Vestibulum amet.Lorem 106 | ipsum dolor sit amet, consectetur adipiscing elit. 107 |

108 | 111 |
112 | 113 |
114 | 115 |
116 |
117 | 118 |
119 |

Services

120 |
123 | 124 |
125 |
128 |

129 | Web
130 | Development 131 |

132 |

133 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt 134 | gravida volutpat a amet ut scelerisque nulla. 135 |

136 |
137 |
140 |

141 | Web
142 | Design 143 |

144 |

145 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt 146 | gravida volutpat a amet ut scelerisque nulla. 147 |

148 |
149 |
150 | 151 | 152 |
153 |
156 |

Analytic

157 |

158 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt 159 | gravida volutpat a amet ut scelerisque nulla. 160 |

161 |
162 |
165 |

166 | Seo
167 | & Smm 168 |

169 |

170 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt 171 | gravida volutpat a amet ut scelerisque nulla. 172 |

173 |
174 |
175 |
176 |
177 | 178 |
179 |

Recent Projects

180 |
181 |
182 | 183 |
Web Design
184 |
185 |
186 | 187 |
Web Design
188 |
189 |
190 | 191 |
Web Design
192 |
193 |
194 | 195 |
Web Design
196 |
197 |
198 | 199 |
Web Design
200 |
201 |
202 | 203 |
Web Design
204 |
205 |
206 |
207 | 208 | 233 | 234 | 235 | -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/input.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwindcss", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "build": "tailwindcss -i ./input.css -o ./css/style.css", 8 | "watch": "tailwindcss -i ./input.css -o ./css/style.css --watch" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "tailwindcss": "^3.1.8" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Finished Code/Projects/2. Web Agency/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | 3 | module.exports = { 4 | content: ["./*.html"], 5 | theme: { 6 | screens: { 7 | sm: "480px", 8 | md: "768px", 9 | lg: "976px", 10 | xl: "1440px", 11 | }, 12 | }, 13 | plugins: [], 14 | }; 15 | -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/css/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | ! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com 3 | */ 4 | 5 | /* 6 | 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 7 | 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) 8 | */ 9 | 10 | *, 11 | ::before, 12 | ::after { 13 | box-sizing: border-box; 14 | /* 1 */ 15 | border-width: 0; 16 | /* 2 */ 17 | border-style: solid; 18 | /* 2 */ 19 | border-color: #e5e7eb; 20 | /* 2 */ 21 | } 22 | 23 | ::before, 24 | ::after { 25 | --tw-content: ''; 26 | } 27 | 28 | /* 29 | 1. Use a consistent sensible line-height in all browsers. 30 | 2. Prevent adjustments of font size after orientation changes in iOS. 31 | 3. Use a more readable tab size. 32 | 4. Use the user's configured `sans` font-family by default. 33 | */ 34 | 35 | html { 36 | line-height: 1.5; 37 | /* 1 */ 38 | -webkit-text-size-adjust: 100%; 39 | /* 2 */ 40 | -moz-tab-size: 4; 41 | /* 3 */ 42 | -o-tab-size: 4; 43 | tab-size: 4; 44 | /* 3 */ 45 | font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 46 | /* 4 */ 47 | } 48 | 49 | /* 50 | 1. Remove the margin in all browsers. 51 | 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. 52 | */ 53 | 54 | body { 55 | margin: 0; 56 | /* 1 */ 57 | line-height: inherit; 58 | /* 2 */ 59 | } 60 | 61 | /* 62 | 1. Add the correct height in Firefox. 63 | 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 64 | 3. Ensure horizontal rules are visible by default. 65 | */ 66 | 67 | hr { 68 | height: 0; 69 | /* 1 */ 70 | color: inherit; 71 | /* 2 */ 72 | border-top-width: 1px; 73 | /* 3 */ 74 | } 75 | 76 | /* 77 | Add the correct text decoration in Chrome, Edge, and Safari. 78 | */ 79 | 80 | abbr:where([title]) { 81 | -webkit-text-decoration: underline dotted; 82 | text-decoration: underline dotted; 83 | } 84 | 85 | /* 86 | Remove the default font size and weight for headings. 87 | */ 88 | 89 | h1, 90 | h2, 91 | h3, 92 | h4, 93 | h5, 94 | h6 { 95 | font-size: inherit; 96 | font-weight: inherit; 97 | } 98 | 99 | /* 100 | Reset links to optimize for opt-in styling instead of opt-out. 101 | */ 102 | 103 | a { 104 | color: inherit; 105 | text-decoration: inherit; 106 | } 107 | 108 | /* 109 | Add the correct font weight in Edge and Safari. 110 | */ 111 | 112 | b, 113 | strong { 114 | font-weight: bolder; 115 | } 116 | 117 | /* 118 | 1. Use the user's configured `mono` font family by default. 119 | 2. Correct the odd `em` font sizing in all browsers. 120 | */ 121 | 122 | code, 123 | kbd, 124 | samp, 125 | pre { 126 | font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 127 | /* 1 */ 128 | font-size: 1em; 129 | /* 2 */ 130 | } 131 | 132 | /* 133 | Add the correct font size in all browsers. 134 | */ 135 | 136 | small { 137 | font-size: 80%; 138 | } 139 | 140 | /* 141 | Prevent `sub` and `sup` elements from affecting the line height in all browsers. 142 | */ 143 | 144 | sub, 145 | sup { 146 | font-size: 75%; 147 | line-height: 0; 148 | position: relative; 149 | vertical-align: baseline; 150 | } 151 | 152 | sub { 153 | bottom: -0.25em; 154 | } 155 | 156 | sup { 157 | top: -0.5em; 158 | } 159 | 160 | /* 161 | 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 162 | 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 163 | 3. Remove gaps between table borders by default. 164 | */ 165 | 166 | table { 167 | text-indent: 0; 168 | /* 1 */ 169 | border-color: inherit; 170 | /* 2 */ 171 | border-collapse: collapse; 172 | /* 3 */ 173 | } 174 | 175 | /* 176 | 1. Change the font styles in all browsers. 177 | 2. Remove the margin in Firefox and Safari. 178 | 3. Remove default padding in all browsers. 179 | */ 180 | 181 | button, 182 | input, 183 | optgroup, 184 | select, 185 | textarea { 186 | font-family: inherit; 187 | /* 1 */ 188 | font-size: 100%; 189 | /* 1 */ 190 | font-weight: inherit; 191 | /* 1 */ 192 | line-height: inherit; 193 | /* 1 */ 194 | color: inherit; 195 | /* 1 */ 196 | margin: 0; 197 | /* 2 */ 198 | padding: 0; 199 | /* 3 */ 200 | } 201 | 202 | /* 203 | Remove the inheritance of text transform in Edge and Firefox. 204 | */ 205 | 206 | button, 207 | select { 208 | text-transform: none; 209 | } 210 | 211 | /* 212 | 1. Correct the inability to style clickable types in iOS and Safari. 213 | 2. Remove default button styles. 214 | */ 215 | 216 | button, 217 | [type='button'], 218 | [type='reset'], 219 | [type='submit'] { 220 | -webkit-appearance: button; 221 | /* 1 */ 222 | background-color: transparent; 223 | /* 2 */ 224 | background-image: none; 225 | /* 2 */ 226 | } 227 | 228 | /* 229 | Use the modern Firefox focus style for all focusable elements. 230 | */ 231 | 232 | :-moz-focusring { 233 | outline: auto; 234 | } 235 | 236 | /* 237 | Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) 238 | */ 239 | 240 | :-moz-ui-invalid { 241 | box-shadow: none; 242 | } 243 | 244 | /* 245 | Add the correct vertical alignment in Chrome and Firefox. 246 | */ 247 | 248 | progress { 249 | vertical-align: baseline; 250 | } 251 | 252 | /* 253 | Correct the cursor style of increment and decrement buttons in Safari. 254 | */ 255 | 256 | ::-webkit-inner-spin-button, 257 | ::-webkit-outer-spin-button { 258 | height: auto; 259 | } 260 | 261 | /* 262 | 1. Correct the odd appearance in Chrome and Safari. 263 | 2. Correct the outline style in Safari. 264 | */ 265 | 266 | [type='search'] { 267 | -webkit-appearance: textfield; 268 | /* 1 */ 269 | outline-offset: -2px; 270 | /* 2 */ 271 | } 272 | 273 | /* 274 | Remove the inner padding in Chrome and Safari on macOS. 275 | */ 276 | 277 | ::-webkit-search-decoration { 278 | -webkit-appearance: none; 279 | } 280 | 281 | /* 282 | 1. Correct the inability to style clickable types in iOS and Safari. 283 | 2. Change font properties to `inherit` in Safari. 284 | */ 285 | 286 | ::-webkit-file-upload-button { 287 | -webkit-appearance: button; 288 | /* 1 */ 289 | font: inherit; 290 | /* 2 */ 291 | } 292 | 293 | /* 294 | Add the correct display in Chrome and Safari. 295 | */ 296 | 297 | summary { 298 | display: list-item; 299 | } 300 | 301 | /* 302 | Removes the default spacing and border for appropriate elements. 303 | */ 304 | 305 | blockquote, 306 | dl, 307 | dd, 308 | h1, 309 | h2, 310 | h3, 311 | h4, 312 | h5, 313 | h6, 314 | hr, 315 | figure, 316 | p, 317 | pre { 318 | margin: 0; 319 | } 320 | 321 | fieldset { 322 | margin: 0; 323 | padding: 0; 324 | } 325 | 326 | legend { 327 | padding: 0; 328 | } 329 | 330 | ol, 331 | ul, 332 | menu { 333 | list-style: none; 334 | margin: 0; 335 | padding: 0; 336 | } 337 | 338 | /* 339 | Prevent resizing textareas horizontally by default. 340 | */ 341 | 342 | textarea { 343 | resize: vertical; 344 | } 345 | 346 | /* 347 | 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 348 | 2. Set the default placeholder color to the user's configured gray 400 color. 349 | */ 350 | 351 | input::-moz-placeholder, textarea::-moz-placeholder { 352 | opacity: 1; 353 | /* 1 */ 354 | color: #9ca3af; 355 | /* 2 */ 356 | } 357 | 358 | input::placeholder, 359 | textarea::placeholder { 360 | opacity: 1; 361 | /* 1 */ 362 | color: #9ca3af; 363 | /* 2 */ 364 | } 365 | 366 | /* 367 | Set the default cursor for buttons. 368 | */ 369 | 370 | button, 371 | [role="button"] { 372 | cursor: pointer; 373 | } 374 | 375 | /* 376 | Make sure disabled buttons don't get the pointer cursor. 377 | */ 378 | 379 | :disabled { 380 | cursor: default; 381 | } 382 | 383 | /* 384 | 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 385 | 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) 386 | This can trigger a poorly considered lint error in some tools but is included by design. 387 | */ 388 | 389 | img, 390 | svg, 391 | video, 392 | canvas, 393 | audio, 394 | iframe, 395 | embed, 396 | object { 397 | display: block; 398 | /* 1 */ 399 | vertical-align: middle; 400 | /* 2 */ 401 | } 402 | 403 | /* 404 | Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) 405 | */ 406 | 407 | img, 408 | video { 409 | max-width: 100%; 410 | height: auto; 411 | } 412 | 413 | *, ::before, ::after { 414 | --tw-border-spacing-x: 0; 415 | --tw-border-spacing-y: 0; 416 | --tw-translate-x: 0; 417 | --tw-translate-y: 0; 418 | --tw-rotate: 0; 419 | --tw-skew-x: 0; 420 | --tw-skew-y: 0; 421 | --tw-scale-x: 1; 422 | --tw-scale-y: 1; 423 | --tw-pan-x: ; 424 | --tw-pan-y: ; 425 | --tw-pinch-zoom: ; 426 | --tw-scroll-snap-strictness: proximity; 427 | --tw-ordinal: ; 428 | --tw-slashed-zero: ; 429 | --tw-numeric-figure: ; 430 | --tw-numeric-spacing: ; 431 | --tw-numeric-fraction: ; 432 | --tw-ring-inset: ; 433 | --tw-ring-offset-width: 0px; 434 | --tw-ring-offset-color: #fff; 435 | --tw-ring-color: rgb(59 130 246 / 0.5); 436 | --tw-ring-offset-shadow: 0 0 #0000; 437 | --tw-ring-shadow: 0 0 #0000; 438 | --tw-shadow: 0 0 #0000; 439 | --tw-shadow-colored: 0 0 #0000; 440 | --tw-blur: ; 441 | --tw-brightness: ; 442 | --tw-contrast: ; 443 | --tw-grayscale: ; 444 | --tw-hue-rotate: ; 445 | --tw-invert: ; 446 | --tw-saturate: ; 447 | --tw-sepia: ; 448 | --tw-drop-shadow: ; 449 | --tw-backdrop-blur: ; 450 | --tw-backdrop-brightness: ; 451 | --tw-backdrop-contrast: ; 452 | --tw-backdrop-grayscale: ; 453 | --tw-backdrop-hue-rotate: ; 454 | --tw-backdrop-invert: ; 455 | --tw-backdrop-opacity: ; 456 | --tw-backdrop-saturate: ; 457 | --tw-backdrop-sepia: ; 458 | } 459 | 460 | ::-webkit-backdrop { 461 | --tw-border-spacing-x: 0; 462 | --tw-border-spacing-y: 0; 463 | --tw-translate-x: 0; 464 | --tw-translate-y: 0; 465 | --tw-rotate: 0; 466 | --tw-skew-x: 0; 467 | --tw-skew-y: 0; 468 | --tw-scale-x: 1; 469 | --tw-scale-y: 1; 470 | --tw-pan-x: ; 471 | --tw-pan-y: ; 472 | --tw-pinch-zoom: ; 473 | --tw-scroll-snap-strictness: proximity; 474 | --tw-ordinal: ; 475 | --tw-slashed-zero: ; 476 | --tw-numeric-figure: ; 477 | --tw-numeric-spacing: ; 478 | --tw-numeric-fraction: ; 479 | --tw-ring-inset: ; 480 | --tw-ring-offset-width: 0px; 481 | --tw-ring-offset-color: #fff; 482 | --tw-ring-color: rgb(59 130 246 / 0.5); 483 | --tw-ring-offset-shadow: 0 0 #0000; 484 | --tw-ring-shadow: 0 0 #0000; 485 | --tw-shadow: 0 0 #0000; 486 | --tw-shadow-colored: 0 0 #0000; 487 | --tw-blur: ; 488 | --tw-brightness: ; 489 | --tw-contrast: ; 490 | --tw-grayscale: ; 491 | --tw-hue-rotate: ; 492 | --tw-invert: ; 493 | --tw-saturate: ; 494 | --tw-sepia: ; 495 | --tw-drop-shadow: ; 496 | --tw-backdrop-blur: ; 497 | --tw-backdrop-brightness: ; 498 | --tw-backdrop-contrast: ; 499 | --tw-backdrop-grayscale: ; 500 | --tw-backdrop-hue-rotate: ; 501 | --tw-backdrop-invert: ; 502 | --tw-backdrop-opacity: ; 503 | --tw-backdrop-saturate: ; 504 | --tw-backdrop-sepia: ; 505 | } 506 | 507 | ::backdrop { 508 | --tw-border-spacing-x: 0; 509 | --tw-border-spacing-y: 0; 510 | --tw-translate-x: 0; 511 | --tw-translate-y: 0; 512 | --tw-rotate: 0; 513 | --tw-skew-x: 0; 514 | --tw-skew-y: 0; 515 | --tw-scale-x: 1; 516 | --tw-scale-y: 1; 517 | --tw-pan-x: ; 518 | --tw-pan-y: ; 519 | --tw-pinch-zoom: ; 520 | --tw-scroll-snap-strictness: proximity; 521 | --tw-ordinal: ; 522 | --tw-slashed-zero: ; 523 | --tw-numeric-figure: ; 524 | --tw-numeric-spacing: ; 525 | --tw-numeric-fraction: ; 526 | --tw-ring-inset: ; 527 | --tw-ring-offset-width: 0px; 528 | --tw-ring-offset-color: #fff; 529 | --tw-ring-color: rgb(59 130 246 / 0.5); 530 | --tw-ring-offset-shadow: 0 0 #0000; 531 | --tw-ring-shadow: 0 0 #0000; 532 | --tw-shadow: 0 0 #0000; 533 | --tw-shadow-colored: 0 0 #0000; 534 | --tw-blur: ; 535 | --tw-brightness: ; 536 | --tw-contrast: ; 537 | --tw-grayscale: ; 538 | --tw-hue-rotate: ; 539 | --tw-invert: ; 540 | --tw-saturate: ; 541 | --tw-sepia: ; 542 | --tw-drop-shadow: ; 543 | --tw-backdrop-blur: ; 544 | --tw-backdrop-brightness: ; 545 | --tw-backdrop-contrast: ; 546 | --tw-backdrop-grayscale: ; 547 | --tw-backdrop-hue-rotate: ; 548 | --tw-backdrop-invert: ; 549 | --tw-backdrop-opacity: ; 550 | --tw-backdrop-saturate: ; 551 | --tw-backdrop-sepia: ; 552 | } 553 | 554 | .absolute { 555 | position: absolute; 556 | } 557 | 558 | .relative { 559 | position: relative; 560 | } 561 | 562 | .m-20 { 563 | margin: 5rem; 564 | } 565 | 566 | .m-10 { 567 | margin: 2.5rem; 568 | } 569 | 570 | .mx-auto { 571 | margin-left: auto; 572 | margin-right: auto; 573 | } 574 | 575 | .mt-10 { 576 | margin-top: 2.5rem; 577 | } 578 | 579 | .mb-5 { 580 | margin-bottom: 1.25rem; 581 | } 582 | 583 | .ml-20 { 584 | margin-left: 5rem; 585 | } 586 | 587 | .mt-40 { 588 | margin-top: 10rem; 589 | } 590 | 591 | .mr-10 { 592 | margin-right: 2.5rem; 593 | } 594 | 595 | .mt-20 { 596 | margin-top: 5rem; 597 | } 598 | 599 | .mb-20 { 600 | margin-bottom: 5rem; 601 | } 602 | 603 | .mt-52 { 604 | margin-top: 13rem; 605 | } 606 | 607 | .mb-10 { 608 | margin-bottom: 2.5rem; 609 | } 610 | 611 | .mt-32 { 612 | margin-top: 8rem; 613 | } 614 | 615 | .mr-20 { 616 | margin-right: 5rem; 617 | } 618 | 619 | .flex { 620 | display: flex; 621 | } 622 | 623 | .h-\[25rem\] { 624 | height: 25rem; 625 | } 626 | 627 | .w-72 { 628 | width: 18rem; 629 | } 630 | 631 | .w-80 { 632 | width: 20rem; 633 | } 634 | 635 | .w-\[20rem\] { 636 | width: 20rem; 637 | } 638 | 639 | .w-64 { 640 | width: 16rem; 641 | } 642 | 643 | .flex-wrap { 644 | flex-wrap: wrap; 645 | } 646 | 647 | .items-center { 648 | align-items: center; 649 | } 650 | 651 | .justify-center { 652 | justify-content: center; 653 | } 654 | 655 | .justify-around { 656 | justify-content: space-around; 657 | } 658 | 659 | .border-b-2 { 660 | border-bottom-width: 2px; 661 | } 662 | 663 | .border-\[\#137548\] { 664 | --tw-border-opacity: 1; 665 | border-color: rgb(19 117 72 / var(--tw-border-opacity)); 666 | } 667 | 668 | .bg-\[\#137548\] { 669 | --tw-bg-opacity: 1; 670 | background-color: rgb(19 117 72 / var(--tw-bg-opacity)); 671 | } 672 | 673 | .bg-opacity-40 { 674 | --tw-bg-opacity: 0.4; 675 | } 676 | 677 | .py-2 { 678 | padding-top: 0.5rem; 679 | padding-bottom: 0.5rem; 680 | } 681 | 682 | .py-10 { 683 | padding-top: 2.5rem; 684 | padding-bottom: 2.5rem; 685 | } 686 | 687 | .pb-2 { 688 | padding-bottom: 0.5rem; 689 | } 690 | 691 | .text-right { 692 | text-align: right; 693 | } 694 | 695 | .text-8xl { 696 | font-size: 6rem; 697 | line-height: 1; 698 | } 699 | 700 | .text-5xl { 701 | font-size: 3rem; 702 | line-height: 1; 703 | } 704 | 705 | .font-bold { 706 | font-weight: 700; 707 | } 708 | 709 | .text-\[\#137548\] { 710 | --tw-text-opacity: 1; 711 | color: rgb(19 117 72 / var(--tw-text-opacity)); 712 | } 713 | 714 | .text-\[\#212221\] { 715 | --tw-text-opacity: 1; 716 | color: rgb(33 34 33 / var(--tw-text-opacity)); 717 | } 718 | 719 | .hover\:border-b-2:hover { 720 | border-bottom-width: 2px; 721 | } 722 | 723 | .hover\:border-\[\#137548\]:hover { 724 | --tw-border-opacity: 1; 725 | border-color: rgb(19 117 72 / var(--tw-border-opacity)); 726 | } 727 | 728 | .hover\:pb-2:hover { 729 | padding-bottom: 0.5rem; 730 | } 731 | 732 | .hover\:font-bold:hover { 733 | font-weight: 700; 734 | } 735 | 736 | @media (min-width: 640px) { 737 | .sm\:block { 738 | display: block; 739 | } 740 | 741 | .sm\:hidden { 742 | display: none; 743 | } 744 | 745 | .sm\:text-lg { 746 | font-size: 1.125rem; 747 | line-height: 1.75rem; 748 | } 749 | } 750 | 751 | @media (min-width: 768px) { 752 | .md\:right-10 { 753 | right: 2.5rem; 754 | } 755 | 756 | .md\:top-20 { 757 | top: 5rem; 758 | } 759 | 760 | .md\:block { 761 | display: block; 762 | } 763 | 764 | .md\:text-2xl { 765 | font-size: 1.5rem; 766 | line-height: 2rem; 767 | } 768 | } 769 | 770 | @media (min-width: 1024px) { 771 | .lg\:left-20 { 772 | left: 5rem; 773 | } 774 | 775 | .lg\:top-20 { 776 | top: 5rem; 777 | } 778 | 779 | .lg\:block { 780 | display: block; 781 | } 782 | 783 | .lg\:flex { 784 | display: flex; 785 | } 786 | 787 | .lg\:text-5xl { 788 | font-size: 3rem; 789 | line-height: 1; 790 | } 791 | } 792 | -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/images/alif-ngoylung-jg-6ARMiaPM-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/3. Photography/images/alif-ngoylung-jg-6ARMiaPM-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/images/cassidy-towers-3_XEOGZ_4b4-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/3. Photography/images/cassidy-towers-3_XEOGZ_4b4-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/images/ira-ostafiichuk-U6A27TdwQxg-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/3. Photography/images/ira-ostafiichuk-U6A27TdwQxg-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/images/jake-johnson-kdEV_pbBUS0-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/3. Photography/images/jake-johnson-kdEV_pbBUS0-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/images/james-adams-x0rJ-rzX7S8-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/3. Photography/images/james-adams-x0rJ-rzX7S8-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/images/kameron-kincade-CnVWM7rIM-E-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/3. Photography/images/kameron-kincade-CnVWM7rIM-E-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/images/karl-fredrickson-DsAjH9B24G8-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/3. Photography/images/karl-fredrickson-DsAjH9B24G8-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/images/marco-xu-ToUPBCO62Lw-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/3. Photography/images/marco-xu-ToUPBCO62Lw-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/images/reinhart-julian-WxM465oM4j4-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/3. Photography/images/reinhart-julian-WxM465oM4j4-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/images/william-thomas-ny6tO4ItOEY-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Finished Code/Projects/3. Photography/images/william-thomas-ny6tO4ItOEY-unsplash.jpg -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 12 | 13 | Photography 14 | 19 | 20 | 21 | 55 | 56 |
57 | 58 |
59 | 63 |

66 | The
67 | Photography 68 |

69 |
70 | 71 | 72 |
73 |

“

74 |

75 | Photography is the story 76 |
77 | I fail to put into words. 78 |

79 | 83 |
84 |
85 | 86 |
87 |

88 | Photography is the art, application, and 89 | practice of creating durable images by recording light, either 90 | electronically by means of an image sensor, or chemically by means of a 91 | light-sensitive material such as photographic film. 92 |

93 |

94 | What is
95 | Photography? 96 |

97 |
98 | 99 |
100 |
101 |
104 | 108 |
109 |
110 | 111 |
112 |

113 | About Founder 114 |

115 |

116 | Alec Soth is an American photographer, based in Minneapolis. Soth 117 | makes "large-scale American projects" featuring the midwestern United 118 | States. New York Times art critic Hilarie M. Sheets wrote that he has 119 | made a "photographic career out of finding chemistry with strangers" 120 | and photographs "loners and dreamers". 121 |

122 |
123 |
124 | 125 |
126 |

Recent Projects

127 |
128 |
129 | 130 |
Web Design
131 |
132 |
133 | 134 |
Impact
135 |
136 |
137 | 138 |
Personal
139 |
140 |
141 | 142 |
Nature
143 |
144 |
145 | 146 |
Fancy
147 |
148 |
149 | 150 |
Lexcury
151 |
152 |
153 |
154 | 155 | 180 | 181 | 182 | -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/input.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwindcss", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "build": "tailwindcss -i ./input.css -o ./css/style.css", 8 | "watch": "tailwindcss -i ./input.css -o ./css/style.css --watch" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "tailwindcss": "^3.1.8" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Finished Code/Projects/3. Photography/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | 3 | module.exports = { 4 | content: ["./*.html"], 5 | theme: { 6 | extend: {}, 7 | }, 8 | plugins: [], 9 | }; 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/README.md -------------------------------------------------------------------------------- /Starter/Fundamentals/1. Colors/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Colors 10 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Starter/Fundamentals/10. Flexbox/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Flex 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /Starter/Fundamentals/11. Grid/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Grid 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Starter/Fundamentals/12. Transform Transition & Animations/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Transform & Transition 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /Starter/Fundamentals/2. Container Spacing/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Container & Spacing 9 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /Starter/Fundamentals/3. Typography/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Typography 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /Starter/Fundamentals/4. Sizing/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Sizing 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /Starter/Fundamentals/5. Layout Position/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | TailwindCSS 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /Starter/Fundamentals/6. Backgrounds Shadows/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Backgrounds & Shadows 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /Starter/Fundamentals/7. Borders/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Borders 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /Starter/Fundamentals/8. Filters/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Filters 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Starter/Fundamentals/9. Breakpoints/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Breakpoints & Media Queries 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Starter/Projects/1. Rainbow Project/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules -------------------------------------------------------------------------------- /Starter/Projects/1. Rainbow Project/Images/SVG/SVG 1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Starter/Projects/1. Rainbow Project/Images/SVG/SVG 2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Starter/Projects/1. Rainbow Project/Images/SVG/SVG 3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Starter/Projects/1. Rainbow Project/Images/austin-wade-d2s8NQ6WD24-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/1. Rainbow Project/Images/austin-wade-d2s8NQ6WD24-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/1. Rainbow Project/Images/austin-wade-iQn82USu8gs-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/1. Rainbow Project/Images/austin-wade-iQn82USu8gs-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/1. Rainbow Project/Images/austin-wade-lNy-Yi0U-3o-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/1. Rainbow Project/Images/austin-wade-lNy-Yi0U-3o-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/1. Rainbow Project/Images/mohamad-khosravi-DuY4JP2M34Q-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/1. Rainbow Project/Images/mohamad-khosravi-DuY4JP2M34Q-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/1. Rainbow Project/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Branding Site 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Starter/Projects/1. Rainbow Project/input.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /Starter/Projects/1. Rainbow Project/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwindcss", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "build": "tailwindcss -i ./input.css -o ./css/style.css", 8 | "watch": "tailwindcss -i ./input.css -o ./css/style.css --watch" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "tailwindcss": "^3.1.8" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Starter/Projects/1. Rainbow Project/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | 3 | module.exports = { 4 | content: ["./*.html"], 5 | theme: { 6 | extend: {}, 7 | }, 8 | plugins: [], 9 | }; 10 | -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/images/alex-knight-j4uuKnN43_M-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/2. Web Agency/images/alex-knight-j4uuKnN43_M-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/images/carlos-muza-hpjSkU2UYSU-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/2. Web Agency/images/carlos-muza-hpjSkU2UYSU-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/images/davide-baraldi-Nzmyp6LsgNM-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/2. Web Agency/images/davide-baraldi-Nzmyp6LsgNM-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/images/hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/2. Web Agency/images/hero.jpg -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/images/igor-miske-JVSgcV8_vb4-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/2. Web Agency/images/igor-miske-JVSgcV8_vb4-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/images/kevin-bhagat-zNRITe8NPqY-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/2. Web Agency/images/kevin-bhagat-zNRITe8NPqY-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/images/nathan-da-silva-k-rKfqSm4L4-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/2. Web Agency/images/nathan-da-silva-k-rKfqSm4L4-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/images/section-two.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/2. Web Agency/images/section-two.jpg -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Loops Studio 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/input.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwindcss", 3 | "version": "1.0.0", 4 | "lockfileVersion": 2, 5 | "requires": true, 6 | "packages": { 7 | "": { 8 | "name": "tailwindcss", 9 | "version": "1.0.0", 10 | "license": "ISC", 11 | "devDependencies": { 12 | "tailwindcss": "^3.1.8" 13 | } 14 | }, 15 | "node_modules/@nodelib/fs.scandir": { 16 | "version": "2.1.5", 17 | "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", 18 | "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", 19 | "dev": true, 20 | "dependencies": { 21 | "@nodelib/fs.stat": "2.0.5", 22 | "run-parallel": "^1.1.9" 23 | }, 24 | "engines": { 25 | "node": ">= 8" 26 | } 27 | }, 28 | "node_modules/@nodelib/fs.stat": { 29 | "version": "2.0.5", 30 | "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", 31 | "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", 32 | "dev": true, 33 | "engines": { 34 | "node": ">= 8" 35 | } 36 | }, 37 | "node_modules/@nodelib/fs.walk": { 38 | "version": "1.2.8", 39 | "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", 40 | "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", 41 | "dev": true, 42 | "dependencies": { 43 | "@nodelib/fs.scandir": "2.1.5", 44 | "fastq": "^1.6.0" 45 | }, 46 | "engines": { 47 | "node": ">= 8" 48 | } 49 | }, 50 | "node_modules/acorn": { 51 | "version": "7.4.1", 52 | "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", 53 | "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", 54 | "dev": true, 55 | "bin": { 56 | "acorn": "bin/acorn" 57 | }, 58 | "engines": { 59 | "node": ">=0.4.0" 60 | } 61 | }, 62 | "node_modules/acorn-node": { 63 | "version": "1.8.2", 64 | "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz", 65 | "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==", 66 | "dev": true, 67 | "dependencies": { 68 | "acorn": "^7.0.0", 69 | "acorn-walk": "^7.0.0", 70 | "xtend": "^4.0.2" 71 | } 72 | }, 73 | "node_modules/acorn-walk": { 74 | "version": "7.2.0", 75 | "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz", 76 | "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==", 77 | "dev": true, 78 | "engines": { 79 | "node": ">=0.4.0" 80 | } 81 | }, 82 | "node_modules/anymatch": { 83 | "version": "3.1.2", 84 | "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz", 85 | "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==", 86 | "dev": true, 87 | "dependencies": { 88 | "normalize-path": "^3.0.0", 89 | "picomatch": "^2.0.4" 90 | }, 91 | "engines": { 92 | "node": ">= 8" 93 | } 94 | }, 95 | "node_modules/arg": { 96 | "version": "5.0.2", 97 | "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz", 98 | "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", 99 | "dev": true 100 | }, 101 | "node_modules/binary-extensions": { 102 | "version": "2.2.0", 103 | "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", 104 | "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", 105 | "dev": true, 106 | "engines": { 107 | "node": ">=8" 108 | } 109 | }, 110 | "node_modules/braces": { 111 | "version": "3.0.2", 112 | "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", 113 | "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", 114 | "dev": true, 115 | "dependencies": { 116 | "fill-range": "^7.0.1" 117 | }, 118 | "engines": { 119 | "node": ">=8" 120 | } 121 | }, 122 | "node_modules/camelcase-css": { 123 | "version": "2.0.1", 124 | "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", 125 | "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", 126 | "dev": true, 127 | "engines": { 128 | "node": ">= 6" 129 | } 130 | }, 131 | "node_modules/chokidar": { 132 | "version": "3.5.3", 133 | "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", 134 | "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", 135 | "dev": true, 136 | "funding": [ 137 | { 138 | "type": "individual", 139 | "url": "https://paulmillr.com/funding/" 140 | } 141 | ], 142 | "dependencies": { 143 | "anymatch": "~3.1.2", 144 | "braces": "~3.0.2", 145 | "glob-parent": "~5.1.2", 146 | "is-binary-path": "~2.1.0", 147 | "is-glob": "~4.0.1", 148 | "normalize-path": "~3.0.0", 149 | "readdirp": "~3.6.0" 150 | }, 151 | "engines": { 152 | "node": ">= 8.10.0" 153 | }, 154 | "optionalDependencies": { 155 | "fsevents": "~2.3.2" 156 | } 157 | }, 158 | "node_modules/chokidar/node_modules/glob-parent": { 159 | "version": "5.1.2", 160 | "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", 161 | "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", 162 | "dev": true, 163 | "dependencies": { 164 | "is-glob": "^4.0.1" 165 | }, 166 | "engines": { 167 | "node": ">= 6" 168 | } 169 | }, 170 | "node_modules/color-name": { 171 | "version": "1.1.4", 172 | "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", 173 | "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", 174 | "dev": true 175 | }, 176 | "node_modules/cssesc": { 177 | "version": "3.0.0", 178 | "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", 179 | "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", 180 | "dev": true, 181 | "bin": { 182 | "cssesc": "bin/cssesc" 183 | }, 184 | "engines": { 185 | "node": ">=4" 186 | } 187 | }, 188 | "node_modules/defined": { 189 | "version": "1.0.0", 190 | "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz", 191 | "integrity": "sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ==", 192 | "dev": true 193 | }, 194 | "node_modules/detective": { 195 | "version": "5.2.1", 196 | "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.1.tgz", 197 | "integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==", 198 | "dev": true, 199 | "dependencies": { 200 | "acorn-node": "^1.8.2", 201 | "defined": "^1.0.0", 202 | "minimist": "^1.2.6" 203 | }, 204 | "bin": { 205 | "detective": "bin/detective.js" 206 | }, 207 | "engines": { 208 | "node": ">=0.8.0" 209 | } 210 | }, 211 | "node_modules/didyoumean": { 212 | "version": "1.2.2", 213 | "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", 214 | "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==", 215 | "dev": true 216 | }, 217 | "node_modules/dlv": { 218 | "version": "1.1.3", 219 | "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", 220 | "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", 221 | "dev": true 222 | }, 223 | "node_modules/fast-glob": { 224 | "version": "3.2.11", 225 | "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz", 226 | "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==", 227 | "dev": true, 228 | "dependencies": { 229 | "@nodelib/fs.stat": "^2.0.2", 230 | "@nodelib/fs.walk": "^1.2.3", 231 | "glob-parent": "^5.1.2", 232 | "merge2": "^1.3.0", 233 | "micromatch": "^4.0.4" 234 | }, 235 | "engines": { 236 | "node": ">=8.6.0" 237 | } 238 | }, 239 | "node_modules/fast-glob/node_modules/glob-parent": { 240 | "version": "5.1.2", 241 | "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", 242 | "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", 243 | "dev": true, 244 | "dependencies": { 245 | "is-glob": "^4.0.1" 246 | }, 247 | "engines": { 248 | "node": ">= 6" 249 | } 250 | }, 251 | "node_modules/fastq": { 252 | "version": "1.13.0", 253 | "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz", 254 | "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==", 255 | "dev": true, 256 | "dependencies": { 257 | "reusify": "^1.0.4" 258 | } 259 | }, 260 | "node_modules/fill-range": { 261 | "version": "7.0.1", 262 | "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", 263 | "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", 264 | "dev": true, 265 | "dependencies": { 266 | "to-regex-range": "^5.0.1" 267 | }, 268 | "engines": { 269 | "node": ">=8" 270 | } 271 | }, 272 | "node_modules/fsevents": { 273 | "version": "2.3.2", 274 | "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", 275 | "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", 276 | "dev": true, 277 | "hasInstallScript": true, 278 | "optional": true, 279 | "os": [ 280 | "darwin" 281 | ], 282 | "engines": { 283 | "node": "^8.16.0 || ^10.6.0 || >=11.0.0" 284 | } 285 | }, 286 | "node_modules/function-bind": { 287 | "version": "1.1.1", 288 | "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", 289 | "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", 290 | "dev": true 291 | }, 292 | "node_modules/glob-parent": { 293 | "version": "6.0.2", 294 | "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", 295 | "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", 296 | "dev": true, 297 | "dependencies": { 298 | "is-glob": "^4.0.3" 299 | }, 300 | "engines": { 301 | "node": ">=10.13.0" 302 | } 303 | }, 304 | "node_modules/has": { 305 | "version": "1.0.3", 306 | "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", 307 | "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", 308 | "dev": true, 309 | "dependencies": { 310 | "function-bind": "^1.1.1" 311 | }, 312 | "engines": { 313 | "node": ">= 0.4.0" 314 | } 315 | }, 316 | "node_modules/is-binary-path": { 317 | "version": "2.1.0", 318 | "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", 319 | "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", 320 | "dev": true, 321 | "dependencies": { 322 | "binary-extensions": "^2.0.0" 323 | }, 324 | "engines": { 325 | "node": ">=8" 326 | } 327 | }, 328 | "node_modules/is-core-module": { 329 | "version": "2.10.0", 330 | "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz", 331 | "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==", 332 | "dev": true, 333 | "dependencies": { 334 | "has": "^1.0.3" 335 | }, 336 | "funding": { 337 | "url": "https://github.com/sponsors/ljharb" 338 | } 339 | }, 340 | "node_modules/is-extglob": { 341 | "version": "2.1.1", 342 | "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", 343 | "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", 344 | "dev": true, 345 | "engines": { 346 | "node": ">=0.10.0" 347 | } 348 | }, 349 | "node_modules/is-glob": { 350 | "version": "4.0.3", 351 | "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", 352 | "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", 353 | "dev": true, 354 | "dependencies": { 355 | "is-extglob": "^2.1.1" 356 | }, 357 | "engines": { 358 | "node": ">=0.10.0" 359 | } 360 | }, 361 | "node_modules/is-number": { 362 | "version": "7.0.0", 363 | "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", 364 | "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", 365 | "dev": true, 366 | "engines": { 367 | "node": ">=0.12.0" 368 | } 369 | }, 370 | "node_modules/lilconfig": { 371 | "version": "2.0.6", 372 | "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.6.tgz", 373 | "integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==", 374 | "dev": true, 375 | "engines": { 376 | "node": ">=10" 377 | } 378 | }, 379 | "node_modules/merge2": { 380 | "version": "1.4.1", 381 | "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", 382 | "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", 383 | "dev": true, 384 | "engines": { 385 | "node": ">= 8" 386 | } 387 | }, 388 | "node_modules/micromatch": { 389 | "version": "4.0.5", 390 | "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", 391 | "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", 392 | "dev": true, 393 | "dependencies": { 394 | "braces": "^3.0.2", 395 | "picomatch": "^2.3.1" 396 | }, 397 | "engines": { 398 | "node": ">=8.6" 399 | } 400 | }, 401 | "node_modules/minimist": { 402 | "version": "1.2.6", 403 | "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz", 404 | "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==", 405 | "dev": true 406 | }, 407 | "node_modules/nanoid": { 408 | "version": "3.3.4", 409 | "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", 410 | "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==", 411 | "dev": true, 412 | "bin": { 413 | "nanoid": "bin/nanoid.cjs" 414 | }, 415 | "engines": { 416 | "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" 417 | } 418 | }, 419 | "node_modules/normalize-path": { 420 | "version": "3.0.0", 421 | "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", 422 | "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", 423 | "dev": true, 424 | "engines": { 425 | "node": ">=0.10.0" 426 | } 427 | }, 428 | "node_modules/object-hash": { 429 | "version": "3.0.0", 430 | "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", 431 | "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", 432 | "dev": true, 433 | "engines": { 434 | "node": ">= 6" 435 | } 436 | }, 437 | "node_modules/path-parse": { 438 | "version": "1.0.7", 439 | "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", 440 | "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", 441 | "dev": true 442 | }, 443 | "node_modules/picocolors": { 444 | "version": "1.0.0", 445 | "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", 446 | "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", 447 | "dev": true 448 | }, 449 | "node_modules/picomatch": { 450 | "version": "2.3.1", 451 | "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", 452 | "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", 453 | "dev": true, 454 | "engines": { 455 | "node": ">=8.6" 456 | }, 457 | "funding": { 458 | "url": "https://github.com/sponsors/jonschlinkert" 459 | } 460 | }, 461 | "node_modules/pify": { 462 | "version": "2.3.0", 463 | "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", 464 | "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", 465 | "dev": true, 466 | "engines": { 467 | "node": ">=0.10.0" 468 | } 469 | }, 470 | "node_modules/postcss": { 471 | "version": "8.4.16", 472 | "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz", 473 | "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==", 474 | "dev": true, 475 | "funding": [ 476 | { 477 | "type": "opencollective", 478 | "url": "https://opencollective.com/postcss/" 479 | }, 480 | { 481 | "type": "tidelift", 482 | "url": "https://tidelift.com/funding/github/npm/postcss" 483 | } 484 | ], 485 | "dependencies": { 486 | "nanoid": "^3.3.4", 487 | "picocolors": "^1.0.0", 488 | "source-map-js": "^1.0.2" 489 | }, 490 | "engines": { 491 | "node": "^10 || ^12 || >=14" 492 | } 493 | }, 494 | "node_modules/postcss-import": { 495 | "version": "14.1.0", 496 | "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz", 497 | "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==", 498 | "dev": true, 499 | "dependencies": { 500 | "postcss-value-parser": "^4.0.0", 501 | "read-cache": "^1.0.0", 502 | "resolve": "^1.1.7" 503 | }, 504 | "engines": { 505 | "node": ">=10.0.0" 506 | }, 507 | "peerDependencies": { 508 | "postcss": "^8.0.0" 509 | } 510 | }, 511 | "node_modules/postcss-js": { 512 | "version": "4.0.0", 513 | "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz", 514 | "integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==", 515 | "dev": true, 516 | "dependencies": { 517 | "camelcase-css": "^2.0.1" 518 | }, 519 | "engines": { 520 | "node": "^12 || ^14 || >= 16" 521 | }, 522 | "funding": { 523 | "type": "opencollective", 524 | "url": "https://opencollective.com/postcss/" 525 | }, 526 | "peerDependencies": { 527 | "postcss": "^8.3.3" 528 | } 529 | }, 530 | "node_modules/postcss-load-config": { 531 | "version": "3.1.4", 532 | "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz", 533 | "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==", 534 | "dev": true, 535 | "dependencies": { 536 | "lilconfig": "^2.0.5", 537 | "yaml": "^1.10.2" 538 | }, 539 | "engines": { 540 | "node": ">= 10" 541 | }, 542 | "funding": { 543 | "type": "opencollective", 544 | "url": "https://opencollective.com/postcss/" 545 | }, 546 | "peerDependencies": { 547 | "postcss": ">=8.0.9", 548 | "ts-node": ">=9.0.0" 549 | }, 550 | "peerDependenciesMeta": { 551 | "postcss": { 552 | "optional": true 553 | }, 554 | "ts-node": { 555 | "optional": true 556 | } 557 | } 558 | }, 559 | "node_modules/postcss-nested": { 560 | "version": "5.0.6", 561 | "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz", 562 | "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==", 563 | "dev": true, 564 | "dependencies": { 565 | "postcss-selector-parser": "^6.0.6" 566 | }, 567 | "engines": { 568 | "node": ">=12.0" 569 | }, 570 | "funding": { 571 | "type": "opencollective", 572 | "url": "https://opencollective.com/postcss/" 573 | }, 574 | "peerDependencies": { 575 | "postcss": "^8.2.14" 576 | } 577 | }, 578 | "node_modules/postcss-selector-parser": { 579 | "version": "6.0.10", 580 | "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", 581 | "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", 582 | "dev": true, 583 | "dependencies": { 584 | "cssesc": "^3.0.0", 585 | "util-deprecate": "^1.0.2" 586 | }, 587 | "engines": { 588 | "node": ">=4" 589 | } 590 | }, 591 | "node_modules/postcss-value-parser": { 592 | "version": "4.2.0", 593 | "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", 594 | "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", 595 | "dev": true 596 | }, 597 | "node_modules/queue-microtask": { 598 | "version": "1.2.3", 599 | "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", 600 | "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", 601 | "dev": true, 602 | "funding": [ 603 | { 604 | "type": "github", 605 | "url": "https://github.com/sponsors/feross" 606 | }, 607 | { 608 | "type": "patreon", 609 | "url": "https://www.patreon.com/feross" 610 | }, 611 | { 612 | "type": "consulting", 613 | "url": "https://feross.org/support" 614 | } 615 | ] 616 | }, 617 | "node_modules/quick-lru": { 618 | "version": "5.1.1", 619 | "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz", 620 | "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==", 621 | "dev": true, 622 | "engines": { 623 | "node": ">=10" 624 | }, 625 | "funding": { 626 | "url": "https://github.com/sponsors/sindresorhus" 627 | } 628 | }, 629 | "node_modules/read-cache": { 630 | "version": "1.0.0", 631 | "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", 632 | "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", 633 | "dev": true, 634 | "dependencies": { 635 | "pify": "^2.3.0" 636 | } 637 | }, 638 | "node_modules/readdirp": { 639 | "version": "3.6.0", 640 | "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", 641 | "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", 642 | "dev": true, 643 | "dependencies": { 644 | "picomatch": "^2.2.1" 645 | }, 646 | "engines": { 647 | "node": ">=8.10.0" 648 | } 649 | }, 650 | "node_modules/resolve": { 651 | "version": "1.22.1", 652 | "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", 653 | "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", 654 | "dev": true, 655 | "dependencies": { 656 | "is-core-module": "^2.9.0", 657 | "path-parse": "^1.0.7", 658 | "supports-preserve-symlinks-flag": "^1.0.0" 659 | }, 660 | "bin": { 661 | "resolve": "bin/resolve" 662 | }, 663 | "funding": { 664 | "url": "https://github.com/sponsors/ljharb" 665 | } 666 | }, 667 | "node_modules/reusify": { 668 | "version": "1.0.4", 669 | "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", 670 | "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", 671 | "dev": true, 672 | "engines": { 673 | "iojs": ">=1.0.0", 674 | "node": ">=0.10.0" 675 | } 676 | }, 677 | "node_modules/run-parallel": { 678 | "version": "1.2.0", 679 | "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", 680 | "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", 681 | "dev": true, 682 | "funding": [ 683 | { 684 | "type": "github", 685 | "url": "https://github.com/sponsors/feross" 686 | }, 687 | { 688 | "type": "patreon", 689 | "url": "https://www.patreon.com/feross" 690 | }, 691 | { 692 | "type": "consulting", 693 | "url": "https://feross.org/support" 694 | } 695 | ], 696 | "dependencies": { 697 | "queue-microtask": "^1.2.2" 698 | } 699 | }, 700 | "node_modules/source-map-js": { 701 | "version": "1.0.2", 702 | "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", 703 | "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", 704 | "dev": true, 705 | "engines": { 706 | "node": ">=0.10.0" 707 | } 708 | }, 709 | "node_modules/supports-preserve-symlinks-flag": { 710 | "version": "1.0.0", 711 | "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", 712 | "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", 713 | "dev": true, 714 | "engines": { 715 | "node": ">= 0.4" 716 | }, 717 | "funding": { 718 | "url": "https://github.com/sponsors/ljharb" 719 | } 720 | }, 721 | "node_modules/tailwindcss": { 722 | "version": "3.1.8", 723 | "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.8.tgz", 724 | "integrity": "sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==", 725 | "dev": true, 726 | "dependencies": { 727 | "arg": "^5.0.2", 728 | "chokidar": "^3.5.3", 729 | "color-name": "^1.1.4", 730 | "detective": "^5.2.1", 731 | "didyoumean": "^1.2.2", 732 | "dlv": "^1.1.3", 733 | "fast-glob": "^3.2.11", 734 | "glob-parent": "^6.0.2", 735 | "is-glob": "^4.0.3", 736 | "lilconfig": "^2.0.6", 737 | "normalize-path": "^3.0.0", 738 | "object-hash": "^3.0.0", 739 | "picocolors": "^1.0.0", 740 | "postcss": "^8.4.14", 741 | "postcss-import": "^14.1.0", 742 | "postcss-js": "^4.0.0", 743 | "postcss-load-config": "^3.1.4", 744 | "postcss-nested": "5.0.6", 745 | "postcss-selector-parser": "^6.0.10", 746 | "postcss-value-parser": "^4.2.0", 747 | "quick-lru": "^5.1.1", 748 | "resolve": "^1.22.1" 749 | }, 750 | "bin": { 751 | "tailwind": "lib/cli.js", 752 | "tailwindcss": "lib/cli.js" 753 | }, 754 | "engines": { 755 | "node": ">=12.13.0" 756 | }, 757 | "peerDependencies": { 758 | "postcss": "^8.0.9" 759 | } 760 | }, 761 | "node_modules/to-regex-range": { 762 | "version": "5.0.1", 763 | "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", 764 | "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", 765 | "dev": true, 766 | "dependencies": { 767 | "is-number": "^7.0.0" 768 | }, 769 | "engines": { 770 | "node": ">=8.0" 771 | } 772 | }, 773 | "node_modules/util-deprecate": { 774 | "version": "1.0.2", 775 | "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", 776 | "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", 777 | "dev": true 778 | }, 779 | "node_modules/xtend": { 780 | "version": "4.0.2", 781 | "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", 782 | "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", 783 | "dev": true, 784 | "engines": { 785 | "node": ">=0.4" 786 | } 787 | }, 788 | "node_modules/yaml": { 789 | "version": "1.10.2", 790 | "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", 791 | "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", 792 | "dev": true, 793 | "engines": { 794 | "node": ">= 6" 795 | } 796 | } 797 | }, 798 | "dependencies": { 799 | "@nodelib/fs.scandir": { 800 | "version": "2.1.5", 801 | "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", 802 | "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", 803 | "dev": true, 804 | "requires": { 805 | "@nodelib/fs.stat": "2.0.5", 806 | "run-parallel": "^1.1.9" 807 | } 808 | }, 809 | "@nodelib/fs.stat": { 810 | "version": "2.0.5", 811 | "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", 812 | "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", 813 | "dev": true 814 | }, 815 | "@nodelib/fs.walk": { 816 | "version": "1.2.8", 817 | "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", 818 | "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", 819 | "dev": true, 820 | "requires": { 821 | "@nodelib/fs.scandir": "2.1.5", 822 | "fastq": "^1.6.0" 823 | } 824 | }, 825 | "acorn": { 826 | "version": "7.4.1", 827 | "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", 828 | "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", 829 | "dev": true 830 | }, 831 | "acorn-node": { 832 | "version": "1.8.2", 833 | "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz", 834 | "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==", 835 | "dev": true, 836 | "requires": { 837 | "acorn": "^7.0.0", 838 | "acorn-walk": "^7.0.0", 839 | "xtend": "^4.0.2" 840 | } 841 | }, 842 | "acorn-walk": { 843 | "version": "7.2.0", 844 | "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz", 845 | "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==", 846 | "dev": true 847 | }, 848 | "anymatch": { 849 | "version": "3.1.2", 850 | "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz", 851 | "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==", 852 | "dev": true, 853 | "requires": { 854 | "normalize-path": "^3.0.0", 855 | "picomatch": "^2.0.4" 856 | } 857 | }, 858 | "arg": { 859 | "version": "5.0.2", 860 | "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz", 861 | "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", 862 | "dev": true 863 | }, 864 | "binary-extensions": { 865 | "version": "2.2.0", 866 | "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", 867 | "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", 868 | "dev": true 869 | }, 870 | "braces": { 871 | "version": "3.0.2", 872 | "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", 873 | "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", 874 | "dev": true, 875 | "requires": { 876 | "fill-range": "^7.0.1" 877 | } 878 | }, 879 | "camelcase-css": { 880 | "version": "2.0.1", 881 | "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", 882 | "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", 883 | "dev": true 884 | }, 885 | "chokidar": { 886 | "version": "3.5.3", 887 | "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", 888 | "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", 889 | "dev": true, 890 | "requires": { 891 | "anymatch": "~3.1.2", 892 | "braces": "~3.0.2", 893 | "fsevents": "~2.3.2", 894 | "glob-parent": "~5.1.2", 895 | "is-binary-path": "~2.1.0", 896 | "is-glob": "~4.0.1", 897 | "normalize-path": "~3.0.0", 898 | "readdirp": "~3.6.0" 899 | }, 900 | "dependencies": { 901 | "glob-parent": { 902 | "version": "5.1.2", 903 | "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", 904 | "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", 905 | "dev": true, 906 | "requires": { 907 | "is-glob": "^4.0.1" 908 | } 909 | } 910 | } 911 | }, 912 | "color-name": { 913 | "version": "1.1.4", 914 | "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", 915 | "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", 916 | "dev": true 917 | }, 918 | "cssesc": { 919 | "version": "3.0.0", 920 | "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", 921 | "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", 922 | "dev": true 923 | }, 924 | "defined": { 925 | "version": "1.0.0", 926 | "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz", 927 | "integrity": "sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ==", 928 | "dev": true 929 | }, 930 | "detective": { 931 | "version": "5.2.1", 932 | "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.1.tgz", 933 | "integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==", 934 | "dev": true, 935 | "requires": { 936 | "acorn-node": "^1.8.2", 937 | "defined": "^1.0.0", 938 | "minimist": "^1.2.6" 939 | } 940 | }, 941 | "didyoumean": { 942 | "version": "1.2.2", 943 | "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", 944 | "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==", 945 | "dev": true 946 | }, 947 | "dlv": { 948 | "version": "1.1.3", 949 | "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", 950 | "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", 951 | "dev": true 952 | }, 953 | "fast-glob": { 954 | "version": "3.2.11", 955 | "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz", 956 | "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==", 957 | "dev": true, 958 | "requires": { 959 | "@nodelib/fs.stat": "^2.0.2", 960 | "@nodelib/fs.walk": "^1.2.3", 961 | "glob-parent": "^5.1.2", 962 | "merge2": "^1.3.0", 963 | "micromatch": "^4.0.4" 964 | }, 965 | "dependencies": { 966 | "glob-parent": { 967 | "version": "5.1.2", 968 | "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", 969 | "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", 970 | "dev": true, 971 | "requires": { 972 | "is-glob": "^4.0.1" 973 | } 974 | } 975 | } 976 | }, 977 | "fastq": { 978 | "version": "1.13.0", 979 | "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz", 980 | "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==", 981 | "dev": true, 982 | "requires": { 983 | "reusify": "^1.0.4" 984 | } 985 | }, 986 | "fill-range": { 987 | "version": "7.0.1", 988 | "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", 989 | "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", 990 | "dev": true, 991 | "requires": { 992 | "to-regex-range": "^5.0.1" 993 | } 994 | }, 995 | "fsevents": { 996 | "version": "2.3.2", 997 | "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", 998 | "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", 999 | "dev": true, 1000 | "optional": true 1001 | }, 1002 | "function-bind": { 1003 | "version": "1.1.1", 1004 | "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", 1005 | "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", 1006 | "dev": true 1007 | }, 1008 | "glob-parent": { 1009 | "version": "6.0.2", 1010 | "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", 1011 | "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", 1012 | "dev": true, 1013 | "requires": { 1014 | "is-glob": "^4.0.3" 1015 | } 1016 | }, 1017 | "has": { 1018 | "version": "1.0.3", 1019 | "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", 1020 | "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", 1021 | "dev": true, 1022 | "requires": { 1023 | "function-bind": "^1.1.1" 1024 | } 1025 | }, 1026 | "is-binary-path": { 1027 | "version": "2.1.0", 1028 | "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", 1029 | "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", 1030 | "dev": true, 1031 | "requires": { 1032 | "binary-extensions": "^2.0.0" 1033 | } 1034 | }, 1035 | "is-core-module": { 1036 | "version": "2.10.0", 1037 | "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz", 1038 | "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==", 1039 | "dev": true, 1040 | "requires": { 1041 | "has": "^1.0.3" 1042 | } 1043 | }, 1044 | "is-extglob": { 1045 | "version": "2.1.1", 1046 | "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", 1047 | "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", 1048 | "dev": true 1049 | }, 1050 | "is-glob": { 1051 | "version": "4.0.3", 1052 | "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", 1053 | "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", 1054 | "dev": true, 1055 | "requires": { 1056 | "is-extglob": "^2.1.1" 1057 | } 1058 | }, 1059 | "is-number": { 1060 | "version": "7.0.0", 1061 | "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", 1062 | "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", 1063 | "dev": true 1064 | }, 1065 | "lilconfig": { 1066 | "version": "2.0.6", 1067 | "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.6.tgz", 1068 | "integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==", 1069 | "dev": true 1070 | }, 1071 | "merge2": { 1072 | "version": "1.4.1", 1073 | "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", 1074 | "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", 1075 | "dev": true 1076 | }, 1077 | "micromatch": { 1078 | "version": "4.0.5", 1079 | "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", 1080 | "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", 1081 | "dev": true, 1082 | "requires": { 1083 | "braces": "^3.0.2", 1084 | "picomatch": "^2.3.1" 1085 | } 1086 | }, 1087 | "minimist": { 1088 | "version": "1.2.6", 1089 | "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz", 1090 | "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==", 1091 | "dev": true 1092 | }, 1093 | "nanoid": { 1094 | "version": "3.3.4", 1095 | "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", 1096 | "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==", 1097 | "dev": true 1098 | }, 1099 | "normalize-path": { 1100 | "version": "3.0.0", 1101 | "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", 1102 | "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", 1103 | "dev": true 1104 | }, 1105 | "object-hash": { 1106 | "version": "3.0.0", 1107 | "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", 1108 | "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", 1109 | "dev": true 1110 | }, 1111 | "path-parse": { 1112 | "version": "1.0.7", 1113 | "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", 1114 | "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", 1115 | "dev": true 1116 | }, 1117 | "picocolors": { 1118 | "version": "1.0.0", 1119 | "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", 1120 | "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", 1121 | "dev": true 1122 | }, 1123 | "picomatch": { 1124 | "version": "2.3.1", 1125 | "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", 1126 | "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", 1127 | "dev": true 1128 | }, 1129 | "pify": { 1130 | "version": "2.3.0", 1131 | "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", 1132 | "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", 1133 | "dev": true 1134 | }, 1135 | "postcss": { 1136 | "version": "8.4.16", 1137 | "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz", 1138 | "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==", 1139 | "dev": true, 1140 | "requires": { 1141 | "nanoid": "^3.3.4", 1142 | "picocolors": "^1.0.0", 1143 | "source-map-js": "^1.0.2" 1144 | } 1145 | }, 1146 | "postcss-import": { 1147 | "version": "14.1.0", 1148 | "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz", 1149 | "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==", 1150 | "dev": true, 1151 | "requires": { 1152 | "postcss-value-parser": "^4.0.0", 1153 | "read-cache": "^1.0.0", 1154 | "resolve": "^1.1.7" 1155 | } 1156 | }, 1157 | "postcss-js": { 1158 | "version": "4.0.0", 1159 | "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz", 1160 | "integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==", 1161 | "dev": true, 1162 | "requires": { 1163 | "camelcase-css": "^2.0.1" 1164 | } 1165 | }, 1166 | "postcss-load-config": { 1167 | "version": "3.1.4", 1168 | "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz", 1169 | "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==", 1170 | "dev": true, 1171 | "requires": { 1172 | "lilconfig": "^2.0.5", 1173 | "yaml": "^1.10.2" 1174 | } 1175 | }, 1176 | "postcss-nested": { 1177 | "version": "5.0.6", 1178 | "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz", 1179 | "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==", 1180 | "dev": true, 1181 | "requires": { 1182 | "postcss-selector-parser": "^6.0.6" 1183 | } 1184 | }, 1185 | "postcss-selector-parser": { 1186 | "version": "6.0.10", 1187 | "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", 1188 | "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", 1189 | "dev": true, 1190 | "requires": { 1191 | "cssesc": "^3.0.0", 1192 | "util-deprecate": "^1.0.2" 1193 | } 1194 | }, 1195 | "postcss-value-parser": { 1196 | "version": "4.2.0", 1197 | "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", 1198 | "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", 1199 | "dev": true 1200 | }, 1201 | "queue-microtask": { 1202 | "version": "1.2.3", 1203 | "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", 1204 | "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", 1205 | "dev": true 1206 | }, 1207 | "quick-lru": { 1208 | "version": "5.1.1", 1209 | "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz", 1210 | "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==", 1211 | "dev": true 1212 | }, 1213 | "read-cache": { 1214 | "version": "1.0.0", 1215 | "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", 1216 | "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", 1217 | "dev": true, 1218 | "requires": { 1219 | "pify": "^2.3.0" 1220 | } 1221 | }, 1222 | "readdirp": { 1223 | "version": "3.6.0", 1224 | "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", 1225 | "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", 1226 | "dev": true, 1227 | "requires": { 1228 | "picomatch": "^2.2.1" 1229 | } 1230 | }, 1231 | "resolve": { 1232 | "version": "1.22.1", 1233 | "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", 1234 | "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", 1235 | "dev": true, 1236 | "requires": { 1237 | "is-core-module": "^2.9.0", 1238 | "path-parse": "^1.0.7", 1239 | "supports-preserve-symlinks-flag": "^1.0.0" 1240 | } 1241 | }, 1242 | "reusify": { 1243 | "version": "1.0.4", 1244 | "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", 1245 | "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", 1246 | "dev": true 1247 | }, 1248 | "run-parallel": { 1249 | "version": "1.2.0", 1250 | "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", 1251 | "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", 1252 | "dev": true, 1253 | "requires": { 1254 | "queue-microtask": "^1.2.2" 1255 | } 1256 | }, 1257 | "source-map-js": { 1258 | "version": "1.0.2", 1259 | "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", 1260 | "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", 1261 | "dev": true 1262 | }, 1263 | "supports-preserve-symlinks-flag": { 1264 | "version": "1.0.0", 1265 | "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", 1266 | "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", 1267 | "dev": true 1268 | }, 1269 | "tailwindcss": { 1270 | "version": "3.1.8", 1271 | "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.8.tgz", 1272 | "integrity": "sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==", 1273 | "dev": true, 1274 | "requires": { 1275 | "arg": "^5.0.2", 1276 | "chokidar": "^3.5.3", 1277 | "color-name": "^1.1.4", 1278 | "detective": "^5.2.1", 1279 | "didyoumean": "^1.2.2", 1280 | "dlv": "^1.1.3", 1281 | "fast-glob": "^3.2.11", 1282 | "glob-parent": "^6.0.2", 1283 | "is-glob": "^4.0.3", 1284 | "lilconfig": "^2.0.6", 1285 | "normalize-path": "^3.0.0", 1286 | "object-hash": "^3.0.0", 1287 | "picocolors": "^1.0.0", 1288 | "postcss": "^8.4.14", 1289 | "postcss-import": "^14.1.0", 1290 | "postcss-js": "^4.0.0", 1291 | "postcss-load-config": "^3.1.4", 1292 | "postcss-nested": "5.0.6", 1293 | "postcss-selector-parser": "^6.0.10", 1294 | "postcss-value-parser": "^4.2.0", 1295 | "quick-lru": "^5.1.1", 1296 | "resolve": "^1.22.1" 1297 | } 1298 | }, 1299 | "to-regex-range": { 1300 | "version": "5.0.1", 1301 | "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", 1302 | "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", 1303 | "dev": true, 1304 | "requires": { 1305 | "is-number": "^7.0.0" 1306 | } 1307 | }, 1308 | "util-deprecate": { 1309 | "version": "1.0.2", 1310 | "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", 1311 | "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", 1312 | "dev": true 1313 | }, 1314 | "xtend": { 1315 | "version": "4.0.2", 1316 | "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", 1317 | "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", 1318 | "dev": true 1319 | }, 1320 | "yaml": { 1321 | "version": "1.10.2", 1322 | "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", 1323 | "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", 1324 | "dev": true 1325 | } 1326 | } 1327 | } 1328 | -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwindcss", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "build": "tailwindcss -i ./input.css -o ./css/style.css", 8 | "watch": "tailwindcss -i ./input.css -o ./css/style.css --watch" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "tailwindcss": "^3.1.8" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Starter/Projects/2. Web Agency/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | 3 | module.exports = { 4 | content: ["./*.html"], 5 | theme: { 6 | screens: { 7 | sm: "480px", 8 | md: "768px", 9 | lg: "976px", 10 | xl: "1440px", 11 | }, 12 | }, 13 | plugins: [], 14 | }; 15 | -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/images/alif-ngoylung-jg-6ARMiaPM-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/3. Photography/images/alif-ngoylung-jg-6ARMiaPM-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/images/cassidy-towers-3_XEOGZ_4b4-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/3. Photography/images/cassidy-towers-3_XEOGZ_4b4-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/images/ira-ostafiichuk-U6A27TdwQxg-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/3. Photography/images/ira-ostafiichuk-U6A27TdwQxg-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/images/jake-johnson-kdEV_pbBUS0-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/3. Photography/images/jake-johnson-kdEV_pbBUS0-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/images/james-adams-x0rJ-rzX7S8-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/3. Photography/images/james-adams-x0rJ-rzX7S8-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/images/kameron-kincade-CnVWM7rIM-E-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/3. Photography/images/kameron-kincade-CnVWM7rIM-E-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/images/karl-fredrickson-DsAjH9B24G8-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/3. Photography/images/karl-fredrickson-DsAjH9B24G8-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/images/marco-xu-ToUPBCO62Lw-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/3. Photography/images/marco-xu-ToUPBCO62Lw-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/images/reinhart-julian-WxM465oM4j4-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/3. Photography/images/reinhart-julian-WxM465oM4j4-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/images/william-thomas-ny6tO4ItOEY-unsplash.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/Starter/Projects/3. Photography/images/william-thomas-ny6tO4ItOEY-unsplash.jpg -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 12 | 13 | Photography 14 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/input.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailwindcss", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "build": "tailwindcss -i ./input.css -o ./css/style.css", 8 | "watch": "tailwindcss -i ./input.css -o ./css/style.css --watch" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "tailwindcss": "^3.1.8" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Starter/Projects/3. Photography/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | 3 | module.exports = { 4 | content: ["./*.html"], 5 | theme: { 6 | extend: {}, 7 | }, 8 | plugins: [], 9 | }; 10 | -------------------------------------------------------------------------------- /thumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HuXn-WebDev/Master-TailwindCSS/5d2a1a38153ea1cdfe2fc300035e6565eafa5c6c/thumb.png --------------------------------------------------------------------------------