@scrippsproduct/entertainment-sites-css 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/dist/css/base.css +422 -0
  2. package/dist/css/base.css.map +1 -0
  3. package/dist/css/base.min.css +1 -0
  4. package/dist/css/episode-guide.css +93 -0
  5. package/dist/css/episode-guide.css.map +1 -0
  6. package/dist/css/episode-guide.min.css +1 -0
  7. package/dist/css/find-us.css +273 -0
  8. package/dist/css/find-us.css.map +1 -0
  9. package/dist/css/find-us.min.css +1 -0
  10. package/dist/css/footer.css +156 -0
  11. package/dist/css/footer.css.map +1 -0
  12. package/dist/css/footer.min.css +1 -0
  13. package/dist/css/header.css +154 -0
  14. package/dist/css/header.css.map +1 -0
  15. package/dist/css/header.min.css +1 -0
  16. package/dist/css/home.css +592 -0
  17. package/dist/css/home.css.map +1 -0
  18. package/dist/css/home.min.css +1 -0
  19. package/dist/css/index.css +2799 -0
  20. package/dist/css/index.css.map +1 -0
  21. package/dist/css/index.min.css +1 -0
  22. package/dist/css/page-not-found.css +32 -0
  23. package/dist/css/page-not-found.css.map +1 -0
  24. package/dist/css/page-not-found.min.css +1 -0
  25. package/dist/css/privacy-center.css +28 -0
  26. package/dist/css/privacy-center.css.map +1 -0
  27. package/dist/css/privacy-center.min.css +1 -0
  28. package/dist/css/privacy-policy.css +69 -0
  29. package/dist/css/privacy-policy.css.map +1 -0
  30. package/dist/css/privacy-policy.min.css +1 -0
  31. package/dist/css/schedule.css +252 -0
  32. package/dist/css/schedule.css.map +1 -0
  33. package/dist/css/schedule.min.css +1 -0
  34. package/dist/css/settings.css +3 -0
  35. package/dist/css/settings.css.map +1 -0
  36. package/dist/css/settings.min.css +0 -0
  37. package/dist/css/show-details.css +467 -0
  38. package/dist/css/show-details.css.map +1 -0
  39. package/dist/css/show-details.min.css +1 -0
  40. package/dist/css/shows.css +83 -0
  41. package/dist/css/shows.css.map +1 -0
  42. package/dist/css/shows.min.css +1 -0
  43. package/dist/css/special-lander.css +110 -0
  44. package/dist/css/special-lander.css.map +1 -0
  45. package/dist/css/special-lander.min.css +1 -0
  46. package/dist/css/sweeps.css +42 -0
  47. package/dist/css/sweeps.css.map +1 -0
  48. package/dist/css/sweeps.min.css +1 -0
  49. package/package.json +20 -0
  50. package/src/_reset.scss +59 -0
  51. package/src/base.scss +374 -0
  52. package/src/episode-guide.scss +101 -0
  53. package/src/find-us.scss +308 -0
  54. package/src/footer.scss +188 -0
  55. package/src/header.scss +185 -0
  56. package/src/home.scss +760 -0
  57. package/src/index.scss +17 -0
  58. package/src/page-not-found.scss +32 -0
  59. package/src/privacy-center.scss +25 -0
  60. package/src/privacy-policy.scss +75 -0
  61. package/src/schedule.scss +288 -0
  62. package/src/settings.scss +0 -0
  63. package/src/show-details.scss +578 -0
  64. package/src/shows.scss +98 -0
  65. package/src/special-lander.scss +137 -0
  66. package/src/sweeps.scss +42 -0
@@ -0,0 +1,273 @@
1
+ .find-us-page .page-content-header {
2
+ margin: 0;
3
+ padding-block-start: 2.4rem;
4
+ text-wrap: balance;
5
+ line-height: 1;
6
+ }
7
+ .find-us-page content-constarainer {
8
+ margin-block-start: 2rem;
9
+ padding-block-end: 9rem;
10
+ }
11
+
12
+ .find-us__channel-search-section {
13
+ padding-inline: 1rem;
14
+ }
15
+
16
+ channel-search__wrapper {
17
+ background-color: var(--mono-color-100);
18
+ border: double 4px var(--theme-color-300);
19
+ margin: auto;
20
+ padding: 4rem;
21
+ box-sizing: border-box;
22
+ max-width: 61.25rem;
23
+ transition: max-width 0.325s ease-out;
24
+ }
25
+ channel-search__wrapper:has(.search-results-header) {
26
+ max-width: 100rem;
27
+ }
28
+ @media screen and (max-width: 37.5rem) {
29
+ channel-search__wrapper {
30
+ padding: 2rem 0;
31
+ }
32
+ }
33
+
34
+ @media screen and (max-width: 37.5rem) {
35
+ .ad-wrapper {
36
+ padding-inline: 2rem;
37
+ }
38
+ }
39
+
40
+ .channel-search__submit-btn {
41
+ --button-bg-color: var(--theme-color-200);
42
+ --button-hover-bg-color: var(--theme-color-500);
43
+ --button-color: #fff;
44
+ --button-hover-color: #fff;
45
+ --button-border-color: var(--theme-color-200);
46
+ --button-hover-border-color: var(--theme-color-500);
47
+ background-image: linear-gradient(180deg, var(--theme-color-200), var(--theme-color-100), var(--theme-color-100), var(--theme-color-200));
48
+ background-position: bottom left;
49
+ background-size: 100% 400%;
50
+ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
51
+ padding-inline: 2.75rem;
52
+ padding-block: 0.45rem;
53
+ font-size: 1.125rem;
54
+ transition: background-position 0.225s ease-in-out, scale 0.325s ease-out;
55
+ }
56
+ .channel-search__submit-btn:hover, .channel-search__submit-btn:focus {
57
+ background-position: top left;
58
+ scale: 1.02;
59
+ border-radius: 0;
60
+ }
61
+ @media screen and (max-width: 37.5rem) {
62
+ .channel-search__submit-btn {
63
+ margin-top: 0;
64
+ }
65
+ }
66
+
67
+ .channel-search__label,
68
+ .search-results-header {
69
+ font-size: 1.4rem;
70
+ font-weight: 700;
71
+ color: #333;
72
+ }
73
+
74
+ .search-results-header {
75
+ color: var(--theme-color-200);
76
+ }
77
+ .search-results-header ~ div:not(.ad-wrapper) {
78
+ border-bottom: 1px solid var(--mono-color-400);
79
+ }
80
+
81
+ .results-table__header-row {
82
+ background-color: var(--theme-color-300);
83
+ color: var(--mono-color-100);
84
+ text-align: center;
85
+ font-size: 1.125rem;
86
+ }
87
+
88
+ .results-table__row {
89
+ text-align: center;
90
+ font-size: 1.125rem;
91
+ }
92
+ .results-table__row:nth-child(even) {
93
+ background-color: #f2f2f2;
94
+ }
95
+
96
+ .channel-search {
97
+ border-color: #ddd;
98
+ gap: 1rem;
99
+ }
100
+ .channel-search > span {
101
+ padding: unset;
102
+ }
103
+ .channel-search label[for=zipcode] {
104
+ padding: unset;
105
+ }
106
+ .channel-search input[name=zipcode] {
107
+ border: 1px solid var(--mono-color-400);
108
+ }
109
+ @media screen and (max-width: 37.5rem) {
110
+ .channel-search {
111
+ border-bottom: none;
112
+ margin-block-end: 0;
113
+ }
114
+ }
115
+
116
+ @media screen and (max-width: 37.5rem) {
117
+ promotion-block {
118
+ padding: 0 2rem;
119
+ }
120
+ }
121
+
122
+ .find-us__rescan-platform-section {
123
+ margin-block-start: 3rem;
124
+ background-color: var(--mono-color-100);
125
+ }
126
+
127
+ .rescan__header,
128
+ .grid-list-header {
129
+ font-size: 1.5rem;
130
+ font-weight: 500;
131
+ color: var(--theme-color-200);
132
+ text-transform: uppercase;
133
+ margin-block-end: 1.5rem;
134
+ }
135
+
136
+ .devices-platforms__column-item:first-child .grid-list-header {
137
+ margin-block-start: 0;
138
+ }
139
+
140
+ .rescan__header {
141
+ font-size: 2rem;
142
+ font-weight: 400;
143
+ margin-bottom: 1rem;
144
+ }
145
+
146
+ .instructions-list {
147
+ margin-bottom: 2.5rem;
148
+ }
149
+
150
+ .instructions-list__header {
151
+ color: var(--mono-color-400);
152
+ }
153
+
154
+ .icon-list-item {
155
+ background-image: linear-gradient(to bottom, var(--theme-color-200) 0%, var(--theme-color-100) 100%);
156
+ border: none;
157
+ border-radius: 0.372rem;
158
+ }
159
+ .icon-list-item:focus img, .icon-list-item:hover img {
160
+ transform: scale(1.15);
161
+ }
162
+ .icon-list-item:has(.icon-list-item__link) {
163
+ transform: scale(1) !important;
164
+ }
165
+ .icon-list-item:has(.icon-list-item__link)::after {
166
+ opacity: 0 !important;
167
+ }
168
+ .icon-list-item:has(.icon-list-item__link:focus)::after {
169
+ opacity: 0 !important;
170
+ }
171
+ .icon-list-item img {
172
+ filter: contrast(200%) invert(1);
173
+ transition: transform 0.35s cubic-bezier(0.215, 0.715, 0.465, 0.955);
174
+ }
175
+
176
+ .findus__column,
177
+ .devices-platforms__column {
178
+ border-color: #ddd;
179
+ }
180
+
181
+ .instructions-list__list {
182
+ color: #444;
183
+ }
184
+
185
+ .findus__grid-wrapper {
186
+ grid-template-columns: 2.5fr 1fr;
187
+ padding: 4rem 6rem;
188
+ margin: 3rem auto 0;
189
+ border-top: none;
190
+ max-width: 125rem;
191
+ }
192
+
193
+ promotion-block h4 {
194
+ color: #444;
195
+ text-wrap: balance;
196
+ }
197
+
198
+ @media screen and (max-width: 93.75rem) {
199
+ .findus__grid-wrapper {
200
+ grid-template-columns: 1.5fr 1fr;
201
+ }
202
+ }
203
+ @media screen and (max-width: 68.75rem) {
204
+ .findus__grid-wrapper {
205
+ padding: 4rem 2rem;
206
+ }
207
+ }
208
+ @media screen and (max-width: 60rem) {
209
+ .findus__grid-wrapper {
210
+ padding: 2rem;
211
+ }
212
+ .results-table__header-row {
213
+ display: none;
214
+ }
215
+ .results-table__row {
216
+ flex-direction: column;
217
+ justify-content: flex-start;
218
+ padding: 0.7em 0;
219
+ border-bottom: 1px dotted;
220
+ text-align: left;
221
+ }
222
+ .results-table__row:nth-of-type(2) {
223
+ padding-top: 0.8rem;
224
+ }
225
+ .results-table__item {
226
+ align-items: center;
227
+ border-right: none;
228
+ padding: 0.4em 2em;
229
+ display: flex;
230
+ }
231
+ .results-table__item > span {
232
+ flex: 0 0 9.5em;
233
+ text-align: end;
234
+ margin-right: 1rem;
235
+ margin-inline-end: 1rem;
236
+ display: inline-block;
237
+ font-weight: 700;
238
+ }
239
+ }
240
+ @media screen and (max-width: 51.875rem) {
241
+ .findus__grid-wrapper {
242
+ grid-template-columns: 1fr;
243
+ }
244
+ }
245
+ @media screen and (max-width: 43.125rem) {
246
+ .find-us-page .page-content-header {
247
+ line-height: 1.1;
248
+ margin-bottom: 0.5rem;
249
+ padding-top: 3rem;
250
+ }
251
+ }
252
+ @media screen and (max-width: 37.5rem) {
253
+ .grid-list-header {
254
+ text-align: center;
255
+ margin-bottom: 1.5rem;
256
+ }
257
+ .devices-platforms {
258
+ margin-block-start: 0;
259
+ padding-block-start: 2.5rem;
260
+ border-top-color: var(--mono-color-200);
261
+ }
262
+ }
263
+ @media screen and (max-width: 34.375rem) {
264
+ .results-table__item {
265
+ display: block;
266
+ }
267
+ .results-table__item > span {
268
+ display: block;
269
+ text-align: left;
270
+ }
271
+ }
272
+
273
+ /*# sourceMappingURL=find-us.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/find-us.scss","find-us.css"],"names":[],"mappings":"AACI;EACI,SAAA;EACA,2BAAA;EACA,kBAAA;EACA,cAAA;ACAR;ADGI;EACI,wBAAA;EACA,uBAAA;ACDR;;ADKA;EAAmC,oBAAA;ACDnC;;ADGA;EACI,uCAAA;EACA,yCAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,qCAAA;ACAJ;ADEI;EACI,iBAAA;ACAR;ADGI;EAbJ;IAcQ,eAAA;ECAN;AACF;;ADII;EADJ;IAEQ,oBAAA;ECAN;AACF;;ADGA;EACI,yCAAA;EACA,+CAAA;EACA,oBAAA;EACA,0BAAA;EACA,6CAAA;EACA,mDAAA;EACA,yIAAA;EACA,gCAAA;EACA,0BAAA;EACA,2CAAA;EACA,uBAAA;EACA,sBAAA;EACA,mBAAA;EAEA,yEAAA;ACDJ;ADGI;EAEI,6BAAA;EACA,WAAA;EACA,gBAAA;ACFR;ADKI;EAxBJ;IAyBQ,aAAA;ECFN;AACF;;ADKA;;EAEI,iBAAA;EACA,gBAAA;EACA,WAAA;ACFJ;;ADKA;EACI,6BAAA;ACFJ;ADII;EACI,8CAAA;ACFR;;ADMA;EACI,wCAAA;EACA,4BAAA;EACA,kBAAA;EACA,mBAAA;ACHJ;;ADMA;EACI,kBAAA;EACA,mBAAA;ACHJ;ADKI;EACI,yBAAA;ACHR;;ADOA;EACI,kBAAA;EACA,SAAA;ACJJ;ADMI;EAAS,cAAA;ACHb;ADKI;EACI,cAAA;ACHR;ADMI;EACI,uCAAA;ACJR;ADOI;EAdJ;IAeQ,mBAAA;IACA,mBAAA;ECJN;AACF;;ADQI;EADJ;IAEQ,eAAA;ECJN;AACF;;ADOA;EACI,wBAAA;EACA,uCAAA;ACJJ;;ADOA;;EAEI,iBAAA;EACA,gBAAA;EACA,6BAAA;EACA,yBAAA;EACA,wBAAA;ACJJ;;ADQI;EACI,qBAAA;ACLR;;ADSA;EACI,eAAA;EACA,gBAAA;EACA,mBAAA;ACNJ;;ADSA;EACI,qBAAA;ACNJ;;ADSA;EACI,4BAAA;ACNJ;;ADSA;EACI,oGAAA;EACA,YAAA;EACA,uBAAA;ACNJ;ADUQ;EACI,sBAAA;ACRZ;ADYI;EACI,8BAAA;ACVR;ADYQ;EACI,qBAAA;ACVZ;ADeQ;EACI,qBAAA;ACbZ;ADiBI;EACI,gCAAA;EACA,oEAAA;ACfR;;ADmBA;;EAEI,kBAAA;AChBJ;;ADyBA;EACI,WAAA;ACtBJ;;ADyBA;EACI,gCAAA;EACA,kBAAA;EACA,mBAAA;EACA,gBAAA;EACA,iBAAA;ACtBJ;;AD0BI;EACI,WAAA;EACA,kBAAA;ACvBR;;AD2BA;EACI;IACI,gCAAA;ECxBN;AACF;AD2BA;EACI;IACI,kBAAA;ECzBN;AACF;AD4BA;EACI;IACI,aAAA;EC1BN;ED6BE;IAA6B,aAAA;EC1B/B;ED4BE;IACI,sBAAA;IACA,2BAAA;IACA,gBAAA;IACA,yBAAA;IACA,gBAAA;EC1BN;ED4BM;IACI,mBAAA;EC1BV;ED8BE;IACI,mBAAA;IACA,kBAAA;IACA,kBAAA;IACA,aAAA;EC5BN;ED8BM;IACI,eAAA;IACA,eAAA;IACA,kBAAA;IACA,uBAAA;IACA,qBAAA;IACA,gBAAA;EC5BV;AACF;ADgCA;EACI;IACI,0BAAA;EC9BN;AACF;ADiCA;EACI;IACI,gBAAA;IACA,qBAAA;IACA,iBAAA;EC/BN;AACF;ADkCA;EACI;IACI,kBAAA;IACA,qBAAA;EChCN;EDmCE;IACI,qBAAA;IACA,2BAAA;IACA,uCAAA;ECjCN;AACF;ADoCA;EACI;IACI,cAAA;EClCN;EDoCM;IACI,cAAA;IACA,gBAAA;EClCV;AACF","file":"find-us.css"}
@@ -0,0 +1 @@
1
+ .find-us-page .page-content-header{margin:0;padding-block-start:2.4rem;text-wrap:balance;line-height:1}.find-us-page content-constarainer{margin-block-start:2rem;padding-block-end:9rem}.find-us__channel-search-section{padding-inline:1rem}channel-search__wrapper{background-color:var(--mono-color-100);border:double 4px var(--theme-color-300);margin:auto;padding:4rem;box-sizing:border-box;max-width:61.25rem;transition:max-width 325ms ease-out}channel-search__wrapper:has(.search-results-header){max-width:100rem}@media screen and (max-width:37.5rem){channel-search__wrapper{padding:2rem 0}}@media screen and (max-width:37.5rem){.ad-wrapper{padding-inline:2rem}}.channel-search__submit-btn{--button-bg-color:var(--theme-color-200);--button-hover-bg-color:var(--theme-color-500);--button-color:#fff;--button-hover-color:#fff;--button-border-color:var(--theme-color-200);--button-hover-border-color:var(--theme-color-500);background-image:linear-gradient(180deg,var(--theme-color-200),var(--theme-color-100),var(--theme-color-100),var(--theme-color-200));background-position:bottom left;background-size:100% 400%;text-shadow:1px 1px 2px rgba(0,0,0,.4);padding-inline:2.75rem;padding-block:0.45rem;font-size:1.125rem;transition:background-position 225ms ease-in-out,scale 325ms ease-out}.channel-search__submit-btn:focus,.channel-search__submit-btn:hover{background-position:top left;scale:1.02;border-radius:0}@media screen and (max-width:37.5rem){.channel-search__submit-btn{margin-top:0}}.channel-search__label,.search-results-header{font-size:1.4rem;font-weight:700;color:#333}.search-results-header{color:var(--theme-color-200)}.search-results-header~div:not(.ad-wrapper){border-bottom:1px solid var(--mono-color-400)}.results-table__header-row{background-color:var(--theme-color-300);color:var(--mono-color-100);text-align:center;font-size:1.125rem}.results-table__row{text-align:center;font-size:1.125rem}.results-table__row:nth-child(2n){background-color:#f2f2f2}.channel-search{border-color:#ddd;gap:1rem}.channel-search>span{padding:unset}.channel-search label[for=zipcode]{padding:unset}.channel-search input[name=zipcode]{border:1px solid var(--mono-color-400)}@media screen and (max-width:37.5rem){.channel-search{border-bottom:none;margin-block-end:0}}@media screen and (max-width:37.5rem){promotion-block{padding:0 2rem}}.find-us__rescan-platform-section{margin-block-start:3rem;background-color:var(--mono-color-100)}.grid-list-header,.rescan__header{font-size:1.5rem;font-weight:500;color:var(--theme-color-200);text-transform:uppercase;margin-block-end:1.5rem}.devices-platforms__column-item:first-child .grid-list-header{margin-block-start:0}.rescan__header{font-size:2rem;font-weight:400;margin-bottom:1rem}.instructions-list{margin-bottom:2.5rem}.instructions-list__header{color:var(--mono-color-400)}.icon-list-item{background-image:linear-gradient(to bottom,var(--theme-color-200) 0,var(--theme-color-100) 100%);border:none;border-radius:.372rem}.icon-list-item:focus img,.icon-list-item:hover img{transform:scale(1.15)}.icon-list-item:has(.icon-list-item__link){transform:scale(1)!important}.icon-list-item:has(.icon-list-item__link)::after{opacity:0!important}.icon-list-item:has(.icon-list-item__link:focus)::after{opacity:0!important}.icon-list-item img{filter:contrast(200%) invert(1);transition:transform .35s cubic-bezier(.215, .715, .465, .955)}.devices-platforms__column,.findus__column{border-color:#ddd}.instructions-list__list{color:#444}.findus__grid-wrapper{grid-template-columns:2.5fr 1fr;padding:4rem 6rem;margin:3rem auto 0;border-top:none;max-width:125rem}promotion-block h4{color:#444;text-wrap:balance}@media screen and (max-width:93.75rem){.findus__grid-wrapper{grid-template-columns:1.5fr 1fr}}@media screen and (max-width:68.75rem){.findus__grid-wrapper{padding:4rem 2rem}}@media screen and (max-width:60rem){.findus__grid-wrapper{padding:2rem}.results-table__header-row{display:none}.results-table__row{flex-direction:column;justify-content:flex-start;padding:.7em 0;border-bottom:1px dotted;text-align:left}.results-table__row:nth-of-type(2){padding-top:.8rem}.results-table__item{align-items:center;border-right:none;padding:.4em 2em;display:flex}.results-table__item>span{flex:0 0 9.5em;text-align:end;margin-right:1rem;margin-inline-end:1rem;display:inline-block;font-weight:700}}@media screen and (max-width:51.875rem){.findus__grid-wrapper{grid-template-columns:1fr}}@media screen and (max-width:43.125rem){.find-us-page .page-content-header{line-height:1.1;margin-bottom:.5rem;padding-top:3rem}}@media screen and (max-width:37.5rem){.grid-list-header{text-align:center;margin-bottom:1.5rem}.devices-platforms{margin-block-start:0;padding-block-start:2.5rem;border-top-color:var(--mono-color-200)}}@media screen and (max-width:34.375rem){.results-table__item{display:block}.results-table__item>span{display:block;text-align:left}}
@@ -0,0 +1,156 @@
1
+ .main-footer {
2
+ background-position: top center, top left, top left;
3
+ background-size: cover;
4
+ background-image: var(--footer-gradient);
5
+ }
6
+
7
+ .info-page + .main-footer {
8
+ background-image: unset;
9
+ }
10
+ .info-page + .main-footer .copyright-notice {
11
+ background-color: transparent;
12
+ }
13
+
14
+ .footer-logo {
15
+ text-align: center;
16
+ margin-block-start: 2rem;
17
+ }
18
+
19
+ .footer-nav-wrapper {
20
+ display: grid;
21
+ grid-template-columns: 4fr 1fr;
22
+ -moz-column-gap: 3rem;
23
+ column-gap: 3rem;
24
+ margin-block-start: 2rem;
25
+ }
26
+ .footer-nav-wrapper .social-links__header {
27
+ color: var(--mono-color-100);
28
+ text-transform: uppercase;
29
+ font-weight: 800;
30
+ letter-spacing: 1px;
31
+ margin-top: 0.83em;
32
+ margin-bottom: 1rem;
33
+ }
34
+ .footer-nav-wrapper .social-links {
35
+ justify-self: end;
36
+ }
37
+ .footer-nav-wrapper .social-link {
38
+ padding: 0.5rem;
39
+ margin-bottom: 1rem;
40
+ margin-block-end: 1rem;
41
+ border: 1px solid #fff;
42
+ transition: scale 0.255s ease-in-out, border-radius 0.225s ease-out;
43
+ }
44
+ .footer-nav-wrapper .social-link:first-of-type {
45
+ padding: 0.5rem 0.6rem 0.5rem 0.4rem;
46
+ }
47
+ .footer-nav-wrapper .social-link:hover {
48
+ scale: 1.1;
49
+ }
50
+ .footer-nav-wrapper .social-link:hover .social-link__icon {
51
+ fill: var(--mono-color-100);
52
+ stroke: none;
53
+ }
54
+ .footer-nav-wrapper .social-link svg {
55
+ stroke: none;
56
+ }
57
+ .footer-nav-wrapper .social-link--instagram .social-link__icon {
58
+ stroke: var(--mono-color-100);
59
+ fill: none;
60
+ }
61
+ .footer-nav-wrapper .social-link--instagram:hover .social-link__icon {
62
+ fill: none;
63
+ stroke: var(--mono-color-100);
64
+ }
65
+ .footer-nav-wrapper .social-link--youtube .social-link__icon polygon {
66
+ fill: var(--cta-button-color);
67
+ }
68
+ .footer-nav-wrapper .social-link--twitter .social-link__icon {
69
+ fill: var(--mono-color-100);
70
+ }
71
+
72
+ @media screen and (max-width: 68.75rem) {
73
+ .footer-nav-wrapper {
74
+ grid-template-columns: 1fr;
75
+ }
76
+ .footer-nav-wrapper .social-links {
77
+ justify-self: start;
78
+ padding-right: 1.2rem;
79
+ margin-block-start: 1.5rem;
80
+ }
81
+ }
82
+ @media screen and (max-width: 46.25rem) {
83
+ .footer-nav-wrapper {
84
+ display: block;
85
+ }
86
+ [aria-labelledby=footer-navigation] {
87
+ display: block;
88
+ }
89
+ .footer-nav {
90
+ margin-bottom: 4rem;
91
+ }
92
+ .footer-nav .h4 {
93
+ margin-bottom: 1.5rem;
94
+ font-size: 1.2rem !important;
95
+ }
96
+ .footer-nav .footer-nav__nav-link {
97
+ font-size: 1.2rem;
98
+ }
99
+ .footer-nav__nav-item {
100
+ margin-bottom: 0;
101
+ padding: 0.75rem 0;
102
+ border-bottom: 1px solid rgba(255, 255, 255, 0.5);
103
+ }
104
+ .footer-nav__nav-item:first-child {
105
+ border-top: 1px solid rgba(255, 255, 255, 0.5);
106
+ }
107
+ }
108
+ .footer-nav .h4 {
109
+ color: var(--mono-color-100);
110
+ text-transform: uppercase;
111
+ font-size: 1rem;
112
+ font-weight: 800;
113
+ letter-spacing: 1px;
114
+ }
115
+
116
+ .footer-nav__nav-link {
117
+ color: var(--mono-color-100);
118
+ font-size: 1rem;
119
+ font-weight: 600;
120
+ position: relative;
121
+ }
122
+ .footer-nav__nav-link:before {
123
+ content: "";
124
+ position: absolute;
125
+ bottom: -0.1rem;
126
+ width: 100%;
127
+ height: 0.1rem;
128
+ background-color: var(--mono-color-100);
129
+ transform: scale(0, 1);
130
+ transition: transform 0.175s ease-out;
131
+ }
132
+ .footer-nav__nav-link:hover, .footer-nav__nav-link:focus {
133
+ color: var(--mono-color-100);
134
+ }
135
+ .footer-nav__nav-link:hover:before, .footer-nav__nav-link:focus:before {
136
+ transform: scale(1);
137
+ }
138
+
139
+ .copyright-notice {
140
+ width: -moz-max-content;
141
+ width: max-content;
142
+ margin: 4.5rem auto 0;
143
+ padding: 0.5rem 1.5rem;
144
+ font-size: 0.9rem;
145
+ font-weight: 600;
146
+ text-align: center;
147
+ color: var(--mono-color-100);
148
+ }
149
+
150
+ @media screen and (max-width: 68.75rem) {
151
+ .copyright-notice {
152
+ width: 80%;
153
+ }
154
+ }
155
+
156
+ /*# sourceMappingURL=footer.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/footer.scss","footer.css"],"names":[],"mappings":"AAAA;EACI,mDAAA;EACA,sBAAA;EACA,wCAAA;ACCJ;;ADEA;EACI,uBAAA;ACCJ;ADCI;EACI,6BAAA;ACCR;;ADGA;EACI,kBAAA;EACA,wBAAA;ACAJ;;ADGA;EACI,aAAA;EACA,8BAAA;EACA,qBAAA;OAAA,gBAAA;EACA,wBAAA;ACAJ;ADEI;EACI,4BAAA;EACA,yBAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,mBAAA;ACAR;ADGI;EAAgB,iBAAA;ACApB;ADEI;EACI,eAAA;EACA,mBAAA;EACA,sBAAA;EACA,sBAAA;EACA,mEAAA;ACAR;ADEQ;EACI,oCAAA;ACAZ;ADGQ;EACI,UAAA;ACDZ;ADGY;EACI,2BAAA;EACA,YAAA;ACDhB;ADKQ;EACI,YAAA;ACHZ;ADQQ;EACI,6BAAA;EACA,UAAA;ACNZ;ADUY;EACI,UAAA;EACA,6BAAA;ACRhB;ADeY;EACI,6BAAA;ACbhB;ADmBQ;EACI,2BAAA;ACjBZ;;ADsBA;EACI;IACI,0BAAA;ECnBN;EDqBM;IACI,mBAAA;IACA,qBAAA;IACA,0BAAA;ECnBV;AACF;ADuBA;EACI;IACI,cAAA;ECrBN;EDwBE;IACI,cAAA;ECtBN;EDyBE;IACI,mBAAA;ECvBN;EDyBM;IACI,qBAAA;IACA,4BAAA;ECvBV;ED0BM;IACI,iBAAA;ECxBV;ED4BE;IACI,gBAAA;IACA,kBAAA;IACA,iDAAA;EC1BN;ED4BM;IACI,8CAAA;EC1BV;AACF;ADgCI;EACI,4BAAA;EACA,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AC9BR;;ADkCA;EACI,4BAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;AC/BJ;ADiCI;EACI,WAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,cAAA;EACA,uCAAA;EACA,sBAAA;EACA,qCAAA;AC/BR;ADkCI;EAEI,4BAAA;ACjCR;ADkCQ;EACI,mBAAA;AChCZ;;ADqCA;EACI,uBAAA;EAAA,kBAAA;EACA,qBAAA;EACA,sBAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;EACA,4BAAA;AClCJ;;ADsCA;EACI;IACI,UAAA;ECnCN;AACF","file":"footer.css"}
@@ -0,0 +1 @@
1
+ .main-footer{background-position:top center,top left,top left;background-size:cover;background-image:var(--footer-gradient)}.info-page+.main-footer{background-image:unset}.info-page+.main-footer .copyright-notice{background-color:transparent}.footer-logo{text-align:center;margin-block-start:2rem}.footer-nav-wrapper{display:grid;grid-template-columns:4fr 1fr;-moz-column-gap:3rem;column-gap:3rem;margin-block-start:2rem}.footer-nav-wrapper .social-links__header{color:var(--mono-color-100);text-transform:uppercase;font-weight:800;letter-spacing:1px;margin-top:.83em;margin-bottom:1rem}.footer-nav-wrapper .social-links{justify-self:end}.footer-nav-wrapper .social-link{padding:.5rem;margin-bottom:1rem;margin-block-end:1rem;border:1px solid #fff;transition:scale 255ms ease-in-out,border-radius 225ms ease-out}.footer-nav-wrapper .social-link:first-of-type{padding:.5rem .6rem .5rem .4rem}.footer-nav-wrapper .social-link:hover{scale:1.1}.footer-nav-wrapper .social-link:hover .social-link__icon{fill:var(--mono-color-100);stroke:none}.footer-nav-wrapper .social-link svg{stroke:none}.footer-nav-wrapper .social-link--instagram .social-link__icon{stroke:var(--mono-color-100);fill:none}.footer-nav-wrapper .social-link--instagram:hover .social-link__icon{fill:none;stroke:var(--mono-color-100)}.footer-nav-wrapper .social-link--youtube .social-link__icon polygon{fill:var(--cta-button-color)}.footer-nav-wrapper .social-link--twitter .social-link__icon{fill:var(--mono-color-100)}@media screen and (max-width:68.75rem){.footer-nav-wrapper{grid-template-columns:1fr}.footer-nav-wrapper .social-links{justify-self:start;padding-right:1.2rem;margin-block-start:1.5rem}}@media screen and (max-width:46.25rem){.footer-nav-wrapper{display:block}[aria-labelledby=footer-navigation]{display:block}.footer-nav{margin-bottom:4rem}.footer-nav .h4{margin-bottom:1.5rem;font-size:1.2rem!important}.footer-nav .footer-nav__nav-link{font-size:1.2rem}.footer-nav__nav-item{margin-bottom:0;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.5)}.footer-nav__nav-item:first-child{border-top:1px solid rgba(255,255,255,.5)}}.footer-nav .h4{color:var(--mono-color-100);text-transform:uppercase;font-size:1rem;font-weight:800;letter-spacing:1px}.footer-nav__nav-link{color:var(--mono-color-100);font-size:1rem;font-weight:600;position:relative}.footer-nav__nav-link:before{content:"";position:absolute;bottom:-.1rem;width:100%;height:.1rem;background-color:var(--mono-color-100);transform:scale(0,1);transition:transform 175ms ease-out}.footer-nav__nav-link:focus,.footer-nav__nav-link:hover{color:var(--mono-color-100)}.footer-nav__nav-link:focus:before,.footer-nav__nav-link:hover:before{transform:scale(1)}.copyright-notice{width:-moz-max-content;width:max-content;margin:4.5rem auto 0;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;text-align:center;color:var(--mono-color-100)}@media screen and (max-width:68.75rem){.copyright-notice{width:80%}}
@@ -0,0 +1,154 @@
1
+ header {
2
+ padding-top: 2.5rem;
3
+ transition: padding 0.325s ease-out;
4
+ }
5
+ header.header--shrink {
6
+ padding: 0;
7
+ }
8
+
9
+ header-menu-wrapper {
10
+ display: flex;
11
+ justify-content: flex-end;
12
+ margin-left: auto;
13
+ }
14
+
15
+ header > content-constrainer {
16
+ display: flex;
17
+ align-items: center;
18
+ padding-top: 0;
19
+ padding-bottom: 0;
20
+ }
21
+
22
+ header logo-navigation {
23
+ gap: 1rem;
24
+ }
25
+ header logo-navigation .image-replacement-anchor:hover,
26
+ header logo-navigation .image-replacement-anchor:focus {
27
+ filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
28
+ }
29
+ header logo-navigation a:last-child {
30
+ margin-right: 0;
31
+ }
32
+
33
+ .main-navigation {
34
+ margin: 0 1rem 0 auto;
35
+ }
36
+ .main-navigation .main-navigation__nav-list {
37
+ gap: 2.5rem;
38
+ }
39
+
40
+ .main-navigation__nav-item {
41
+ margin-bottom: 0;
42
+ }
43
+
44
+ .main-navigation__nav-link {
45
+ --transition-length: 0.175s;
46
+ display: inline-block;
47
+ color: #fff;
48
+ font-weight: 600;
49
+ font-size: 1.15rem;
50
+ text-transform: uppercase;
51
+ letter-spacing: 0.8px;
52
+ transition: scale var(--transition-length) ease-out, text-shadow var(--transition-length) ease-out;
53
+ transform-origin: bottom;
54
+ position: relative;
55
+ }
56
+ .main-navigation__nav-link:before {
57
+ content: "";
58
+ position: absolute;
59
+ bottom: 0.1em;
60
+ margin: 0 auto;
61
+ width: 100%;
62
+ height: 0.07rem;
63
+ background: #fff;
64
+ box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
65
+ transform: scale(0, 1);
66
+ transition: transform var(--transition-length) ease-out;
67
+ }
68
+ .main-navigation__nav-link:hover, .main-navigation__nav-link:focus {
69
+ scale: 1.05;
70
+ text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
71
+ }
72
+ .main-navigation__nav-link:hover:before, .main-navigation__nav-link:focus:before {
73
+ transform: scale(1);
74
+ }
75
+
76
+ .mobile-nav {
77
+ display: none;
78
+ }
79
+
80
+ @media screen and (max-width: 60rem) {
81
+ header {
82
+ padding-top: 4.375rem;
83
+ }
84
+ header > content-constrainer {
85
+ display: none;
86
+ }
87
+ .mobile-nav {
88
+ z-index: 50;
89
+ display: block;
90
+ position: fixed;
91
+ width: 100%;
92
+ top: 0;
93
+ left: 0;
94
+ width: 100%;
95
+ height: 4.375rem;
96
+ }
97
+ .mobile-nav:before {
98
+ position: absolute;
99
+ content: "";
100
+ top: 0;
101
+ right: 0;
102
+ bottom: 0;
103
+ left: 0;
104
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.3));
105
+ z-index: -1;
106
+ transition: opacity 0.2s linear;
107
+ opacity: 0;
108
+ }
109
+ .mobile-nav--shadow::before {
110
+ opacity: 1;
111
+ }
112
+ .drawer-navigation__nav-bar {
113
+ background: transparent;
114
+ }
115
+ .drawer-navigation__nav-bar:before {
116
+ position: absolute;
117
+ content: "";
118
+ top: 0;
119
+ right: 0;
120
+ bottom: 0;
121
+ left: 0;
122
+ background: var(--theme-color-100);
123
+ z-index: -1;
124
+ transition: opacity 0.2s linear;
125
+ opacity: 0;
126
+ }
127
+ .drawer-navigation__nav-bar--expanded {
128
+ background: var(--theme-color-100);
129
+ }
130
+ .drawer-navigation__nav-bar--expanded::before,
131
+ .drawer-navigation__nav-bar--closing::before {
132
+ opacity: 1;
133
+ }
134
+ .drawer-navigation__primary-navigation {
135
+ background: linear-gradient(to bottom, var(--theme-color-100) 0%, var(--theme-color-200) 100%) !important;
136
+ }
137
+ .mobile-nav .main-navigation {
138
+ margin: 0 1rem 2rem;
139
+ }
140
+ .mobile-nav .main-navigation__nav-item {
141
+ margin-bottom: 1rem;
142
+ }
143
+ .drawer-navigation__nav-bar .image-replacement-anchor {
144
+ margin-left: 1rem;
145
+ }
146
+ .drawer-navigation__menu-toggle {
147
+ padding: 1em;
148
+ }
149
+ .drawer-navigation__separator {
150
+ margin: 1.5rem auto;
151
+ }
152
+ }
153
+
154
+ /*# sourceMappingURL=header.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/header.scss","header.css"],"names":[],"mappings":"AAAA;EACI,mBAAA;EAKA,mCAAA;ACHJ;ADKI;EACI,UAAA;ACHR;;ADOA;EACI,aAAA;EACA,yBAAA;EACA,iBAAA;ACJJ;;ADOA;EACI,aAAA;EACA,mBAAA;EACA,cAAA;EACA,iBAAA;ACJJ;;ADOA;EACI,SAAA;ACJJ;ADMI;;EAEI,mDAAA;ACJR;ADOI;EACI,eAAA;ACLR;;ADSA;EACI,qBAAA;ACNJ;ADQI;EACI,WAAA;ACNR;;ADUA;EACI,gBAAA;ACPJ;;ADUA;EACI,2BAAA;EACA,qBAAA;EACA,WAAA;EACA,gBAAA;EACA,kBAAA;EACA,yBAAA;EACA,qBAAA;EACA,kGAAA;EACA,wBAAA;EACA,kBAAA;ACPJ;ADSI;EACI,WAAA;EACA,kBAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAA;EACA,0CAAA;EACA,sBAAA;EAEA,uDAAA;ACRR;ADWI;EAEI,WAAA;EACA,2CAAA;ACVR;ADYQ;EACI,mBAAA;ACVZ;;ADeA;EACI,aAAA;ACZJ;;ADeA;EAEI;IACI,qBAAA;ECbN;EDiBE;IACI,aAAA;ECfN;EDkBE;IACI,WAAA;IACA,cAAA;IACA,eAAA;IACA,WAAA;IACA,MAAA;IACA,OAAA;IACA,WAAA;IACA,gBAAA;EChBN;EDmBM;IACI,kBAAA;IACA,WAAA;IACA,MAAA;IACA,QAAA;IACA,SAAA;IACA,OAAA;IACA,6EAAA;IACA,WAAA;IACA,+BAAA;IACA,UAAA;ECjBV;EDqBE;IACI,UAAA;ECnBN;EDsBE;IACI,uBAAA;ECpBN;EDuBM;IACI,kBAAA;IACA,WAAA;IACA,MAAA;IACA,QAAA;IACA,SAAA;IACA,OAAA;IACA,kCAAA;IACA,WAAA;IACA,+BAAA;IACA,UAAA;ECrBV;ED0BE;IACI,kCAAA;ECxBN;ED4BE;;IAEI,UAAA;EC1BN;ED6BE;IACI,yGAAA;EC3BN;ED8BE;IACI,mBAAA;EC5BN;ED+BE;IACI,mBAAA;EC7BN;EDgCE;IACI,iBAAA;EC9BN;EDiCE;IACI,YAAA;EC/BN;EDkCE;IACI,mBAAA;EChCN;AACF","file":"header.css"}
@@ -0,0 +1 @@
1
+ header{padding-top:2.5rem;transition:padding 325ms ease-out}header.header--shrink{padding:0}header-menu-wrapper{display:flex;justify-content:flex-end;margin-left:auto}header>content-constrainer{display:flex;align-items:center;padding-top:0;padding-bottom:0}header logo-navigation{gap:1rem}header logo-navigation .image-replacement-anchor:focus,header logo-navigation .image-replacement-anchor:hover{filter:drop-shadow(2px 2px 2px rgba(0, 0, 0, .2))}header logo-navigation a:last-child{margin-right:0}.main-navigation{margin:0 1rem 0 auto}.main-navigation .main-navigation__nav-list{gap:2.5rem}.main-navigation__nav-item{margin-bottom:0}.main-navigation__nav-link{--transition-length:0.175s;display:inline-block;color:#fff;font-weight:600;font-size:1.15rem;text-transform:uppercase;letter-spacing:.8px;transition:scale var(--transition-length) ease-out,text-shadow var(--transition-length) ease-out;transform-origin:bottom;position:relative}.main-navigation__nav-link:before{content:"";position:absolute;bottom:.1em;margin:0 auto;width:100%;height:.07rem;background:#fff;box-shadow:2px 2px 4px rgba(0,0,0,.3);transform:scale(0,1);transition:transform var(--transition-length) ease-out}.main-navigation__nav-link:focus,.main-navigation__nav-link:hover{scale:1.05;text-shadow:2px 2px 2px rgba(0,0,0,.2)}.main-navigation__nav-link:focus:before,.main-navigation__nav-link:hover:before{transform:scale(1)}.mobile-nav{display:none}@media screen and (max-width:60rem){header{padding-top:4.375rem}header>content-constrainer{display:none}.mobile-nav{z-index:50;display:block;position:fixed;width:100%;top:0;left:0;width:100%;height:4.375rem}.mobile-nav:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3));z-index:-1;transition:opacity .2s linear;opacity:0}.mobile-nav--shadow::before{opacity:1}.drawer-navigation__nav-bar{background:0 0}.drawer-navigation__nav-bar:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:var(--theme-color-100);z-index:-1;transition:opacity .2s linear;opacity:0}.drawer-navigation__nav-bar--expanded{background:var(--theme-color-100)}.drawer-navigation__nav-bar--closing::before,.drawer-navigation__nav-bar--expanded::before{opacity:1}.drawer-navigation__primary-navigation{background:linear-gradient(to bottom,var(--theme-color-100) 0,var(--theme-color-200) 100%)!important}.mobile-nav .main-navigation{margin:0 1rem 2rem}.mobile-nav .main-navigation__nav-item{margin-bottom:1rem}.drawer-navigation__nav-bar .image-replacement-anchor{margin-left:1rem}.drawer-navigation__menu-toggle{padding:1em}.drawer-navigation__separator{margin:1.5rem auto}}