kcc-gem-theme 2.12.2 → 2.14.2

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 (91) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +8 -1
  3. data/_includes/hash/theme_hash.yml +1 -1
  4. data/_includes/hero-slider.html +5 -5
  5. data/_includes/preconnect.html +0 -2
  6. data/_includes/scripts/kcc-theme.html +1 -1
  7. data/_includes/svg/mykcc-inline.html +1 -0
  8. data/_includes/svg/mykcc.html +32 -0
  9. data/_layouts/default-core.html +1 -3
  10. data/assets/js/alerts/addAccordionOrTabHistoryStates.js +1 -1
  11. data/assets/js/alerts/alerts.js +19 -10
  12. data/assets/js/alerts/contentHashLink.js +2 -9
  13. data/assets/js/alerts/createAlertsHtml.js +4 -5
  14. data/assets/js/alerts/getCachedResponse.js +4 -4
  15. data/assets/js/dist/126.7697ce50437cfdf40d41.bundle.js +1 -0
  16. data/assets/js/dist/282.7697ce50437cfdf40d41.bundle.js +1 -0
  17. data/assets/js/dist/45.7697ce50437cfdf40d41.bundle.js +1 -0
  18. data/assets/js/dist/504.7697ce50437cfdf40d41.bundle.js +1 -0
  19. data/assets/js/dist/{57.bundle.js → 57.7697ce50437cfdf40d41.bundle.js} +0 -0
  20. data/assets/js/dist/{576.bundle.js → 576.7697ce50437cfdf40d41.bundle.js} +0 -0
  21. data/assets/js/dist/582.7697ce50437cfdf40d41.bundle.js +1 -0
  22. data/assets/js/dist/640.7697ce50437cfdf40d41.bundle.js +1 -0
  23. data/assets/js/dist/{647.bundle.js → 647.7697ce50437cfdf40d41.bundle.js} +0 -0
  24. data/assets/js/dist/647.7697ce50437cfdf40d41.css +1 -0
  25. data/assets/js/dist/{searchPageOverrides.bundle.js → 658.7697ce50437cfdf40d41.bundle.js} +1 -1
  26. data/assets/js/dist/658.7697ce50437cfdf40d41.css +1 -0
  27. data/assets/js/dist/709.7697ce50437cfdf40d41.bundle.js +1 -0
  28. data/assets/js/dist/755.7697ce50437cfdf40d41.bundle.js +1 -0
  29. data/assets/js/dist/787.7697ce50437cfdf40d41.bundle.js +1 -0
  30. data/assets/js/dist/{795.bundle.js → 795.7697ce50437cfdf40d41.bundle.js} +0 -0
  31. data/assets/js/dist/{addAccordionOrTabHistoryStates.bundle.js → 814.7697ce50437cfdf40d41.bundle.js} +1 -1
  32. data/assets/js/dist/{darkModeStyling.bundle.js → 83.7697ce50437cfdf40d41.bundle.js} +1 -1
  33. data/assets/js/dist/83.7697ce50437cfdf40d41.css +1 -0
  34. data/assets/js/dist/{853.bundle.js → 853.7697ce50437cfdf40d41.bundle.js} +0 -0
  35. data/assets/js/dist/{859.bundle.js → 859.7697ce50437cfdf40d41.bundle.js} +0 -0
  36. data/assets/js/dist/{862.bundle.js → 862.7697ce50437cfdf40d41.bundle.js} +0 -0
  37. data/assets/js/dist/{909.bundle.js → 909.7697ce50437cfdf40d41.bundle.js} +0 -0
  38. data/assets/js/dist/{936.bundle.js → 936.7697ce50437cfdf40d41.bundle.js} +0 -0
  39. data/assets/js/dist/968.7697ce50437cfdf40d41.bundle.js +1 -0
  40. data/assets/js/dist/kcc-theme.7697ce50437cfdf40d41.bundle.js +1 -0
  41. data/assets/js/dist/kcc-theme.7697ce50437cfdf40d41.css +1 -0
  42. data/assets/js/dist/{translate.bundle.js → translate.7697ce50437cfdf40d41.bundle.js} +0 -0
  43. data/assets/js/dist/translate.7697ce50437cfdf40d41.css +1 -0
  44. data/assets/js/nav/megaNav/closeMegaNavOnClick.js +6 -34
  45. data/assets/js/nav/megaNav/googleCustomSearch.js +107 -58
  46. data/assets/js/nav/megaNav/megaNav.js +5 -4
  47. data/assets/js/nav/megaNav/searchToggleMegaNav.js +1 -5
  48. data/assets/js/nav/megaNav/toggleMenuOnWindowResize.js +1 -5
  49. data/assets/js/nav/megaNav/underlineCurrentSite.js +1 -6
  50. data/assets/js/src/all.js +73 -25
  51. data/assets/scss/0-tools/_vars.scss +3 -0
  52. data/assets/scss/1-base/_buttons.scss +8 -1
  53. data/assets/scss/1-base/_header-global.scss +6 -0
  54. data/assets/scss/1-base/_links.scss +1 -0
  55. data/assets/scss/1-base/_svg.scss +27 -2
  56. data/assets/scss/1-base/_typography.scss +2 -2
  57. data/assets/scss/2-modules/_hero-slider.scss +48 -12
  58. data/assets/scss/2-modules/_link-launch.scss +41 -0
  59. data/assets/scss/2-modules/_sliders.scss +14 -189
  60. data/assets/scss/kcc-theme.scss +1 -1
  61. metadata +34 -45
  62. data/_includes/image-slider.html +0 -23
  63. data/_includes/scripts/kcc-mega-nav.html +0 -2
  64. data/assets/js/alerts/checkForAccordionOrTab.js +0 -11
  65. data/assets/js/alerts/simpleSetSheetParameters.js +0 -23
  66. data/assets/js/dist/243.bundle.js +0 -1
  67. data/assets/js/dist/289.bundle.js +0 -1
  68. data/assets/js/dist/315.bundle.js +0 -1
  69. data/assets/js/dist/45.bundle.js +0 -1
  70. data/assets/js/dist/504.bundle.js +0 -1
  71. data/assets/js/dist/528.bundle.js +0 -1
  72. data/assets/js/dist/582.bundle.js +0 -1
  73. data/assets/js/dist/618.5bb24fcff044be7f9c63.css +0 -2
  74. data/assets/js/dist/644.bundle.js +0 -1
  75. data/assets/js/dist/647.5bb24fcff044be7f9c63.css +0 -2
  76. data/assets/js/dist/87.5bb24fcff044be7f9c63.css +0 -2
  77. data/assets/js/dist/alerts.bundle.js +0 -1
  78. data/assets/js/dist/contentHashLink.bundle.js +0 -1
  79. data/assets/js/dist/darkMode.bundle.js +0 -1
  80. data/assets/js/dist/kcc-mega-nav.bundle.js +0 -1
  81. data/assets/js/dist/kcc-nav.bundle.js +0 -1
  82. data/assets/js/dist/kcc-theme-landing.bundle.js +0 -1
  83. data/assets/js/dist/kcc-theme.5bb24fcff044be7f9c63.css +0 -2
  84. data/assets/js/dist/kcc-theme.bundle.js +0 -1
  85. data/assets/js/dist/translate.5bb24fcff044be7f9c63.css +0 -2
  86. data/assets/js/landing/landing.js +0 -5
  87. data/assets/js/landing/landingPage.js +0 -49
  88. data/assets/js/nav/megaNav/toggleDropdownOnWindowResize.js +0 -78
  89. data/assets/js/src/loadClarusCorpScript.js +0 -12
  90. data/assets/js/src/test.js +0 -7
  91. data/assets/js/src/ytEmbed.js +0 -30
data/assets/js/src/all.js CHANGED
@@ -9,33 +9,81 @@ function loadModule(...moduleArgs) {
9
9
  moduleArgs.length > 2 ? funcArg = moduleArgs[2] : null;
10
10
 
11
11
  import(`./${module}`).then(({ default: defaultFunc }) => {
12
- funcArg = undefined ? defaultFunc() : defaultFunc(funcArg);
12
+ return funcArg = undefined ? defaultFunc() : defaultFunc(funcArg);
13
13
  });
14
14
  }
15
15
 
16
- document.addEventListener('DOMContentLoaded', function () {
17
- window.location.hostname.search(/\.kcc\.edu/) !== -1 ? loadModule('loadClarusCorpScript') : null;
18
- loadModule('wrapPowerText');
19
- loadModule('sliders', 'initSliders');
20
- loadModule('walkText', 'walkText', document.body);
21
- loadModule('footerDate');
22
- loadModule('lazyLoad');
23
- loadModule('addClassToOpenNavbar');
24
-
25
- if (window.localStorage.getItem('darkModeSetting') == 'true' || window.location.pathname == '/settings/') {
26
- import(/* webpackChunkName: 'darkMode' */ './darkMode').then(({ default: darkMode }) => {
27
- return darkMode;
28
- }).then(darkMode => {
29
- import(/* webpackChunkName: 'darkModeStyling' */ '../../scss/darkMode.scss').then(() => {
30
- darkMode();
31
- });
16
+ // Modules that load before window.onload
17
+ window.addEventListener('load', () => {
18
+
19
+ // 1.) Import hero slider JS modules
20
+ // './wrapPowerText'
21
+ // 'sliders', 'initSliders'
22
+ // Hero slider module import error handler
23
+
24
+ // 2.) 'walkText', 'walkText', document.body
25
+ // 3.) 'lazyLoad'
26
+ // 4.) 'footerDate'
27
+ // 5.) 'addClassToOpenNavbar'
28
+ // 6.) 'errorPageSearch'
29
+
30
+ // 7. 'darkMode' JS modules
31
+ // 8.) 'darkMode.scss'
32
+
33
+ // 9. '../../scss/searchPageOverrides.scss'
34
+ // 10.) document.getElementById('google_translate_element') ? loadModule('translateScript', 'watchForMenuClicks') : null;
35
+
36
+ import('../alerts/alerts')
37
+ .then(({ default: alerts }) => alerts())
38
+ .then(() => {
39
+ if (document.querySelector('.hero-slider__slider')) {
40
+ Promise.resolve()
41
+ .then(() => loadModule('wrapPowerText'))
42
+ .then(() => loadModule('sliders', 'initSliders'))
43
+ .catch((err) => console.error(`Error loading slider modules :${err}`, err))
44
+ }
45
+ loadModule('walkText', 'walkText', document.body)
46
+ document.querySelector('img[data-src]') ? loadModule('lazyLoad') : null;
47
+ loadModule('footerDate')
48
+ loadModule('addClassToOpenNavbar')
49
+ document.getElementById('errorPageSearch') ? loadModule('errorPageSearch', 'errorPageSearch') : null;
32
50
  })
33
- }
34
- if (window.location.pathname == "/search/") {
35
- import(/* webpackChunkName: 'searchPageOverrides' */ '../../scss/searchPageOverrides.scss').then(() => {
36
- console.info('Search page overrides styling loaded');
37
- }).catch( err => console.error(`Error loading searchPageOverrides.scss \n${err}`, err) );
38
- }
39
- document.getElementById('google_translate_element') ? loadModule('translateScript', 'watchForMenuClicks') : null;
40
- document.getElementById('errorPageSearch') ? loadModule('errorPageSearch', 'errorPageSearch') : null;
51
+ .then(async () => {
52
+ const { default: megaNav } = await import('../nav/megaNav/megaNav');
53
+ return megaNav();
54
+ })
55
+ .catch(err => console.error(`Error loading window.onload modules: ${err}`, err))
56
+
57
+ if (window.localStorage.getItem('darkModeSetting') == 'true' || window.location.pathname == '/settings/') {
58
+ import('./darkMode').then(({ default: darkMode }) => {
59
+ return darkMode;
60
+ }).then(darkMode => {
61
+ import('../../scss/darkMode.scss').then(() => {
62
+ return darkMode();
63
+ });
64
+ })
65
+ }
66
+ if (window.location.pathname == "/search/") {
67
+ import('../../scss/searchPageOverrides.scss')
68
+ .catch(err => console.error(`Error loading searchPageOverrides.scss \n${err}`, err));
69
+ }
70
+ if (document.getElementById('google_translate_element')) {
71
+ import('./translateScript').then(({ default: watchForMenuClicks }) => {
72
+ return watchForMenuClicks();
73
+ })
74
+ }
75
+
76
+
77
+ // if (document.querySelector('.hero-slider__slider')) {
78
+ // Promise.resolve()
79
+ // .then(() => loadModule('wrapPowerText'))
80
+ // .then(() => loadModule('sliders', 'initSliders'))
81
+ // .catch((err) => console.error(`Error loading slider modules :${err}`, err))
82
+ // }
83
+ // loadModule('walkText', 'walkText', document.body)
84
+ // document.querySelector('img[data-src]') ? loadModule('lazyLoad') : null;
85
+ // loadModule('footerDate')
86
+ // loadModule('addClassToOpenNavbar')
87
+ // document.getElementById('errorPageSearch') ? loadModule('errorPageSearch', 'errorPageSearch') : null;
41
88
  });
89
+
@@ -85,3 +85,6 @@ $btn-hover-bg: #022b55;
85
85
  $btn-hover-border: #021e3d;
86
86
  $darker-link: #006ce0;
87
87
  $orange-heading: $color-orange;
88
+
89
+ $color-bs-blue: #007bff;
90
+ $color-bs-blue-hover: #0056b3;
@@ -170,10 +170,17 @@
170
170
  }
171
171
 
172
172
  .alert:hover .buttons--sync,
173
- .alert:focus .buttons--sync {
173
+ .alert:focus .buttons--sync,
174
+ .buttons--sync:focus,
175
+ .buttons--sync:focus-visible {
174
176
  opacity: 1;
175
177
  }
176
178
 
179
+ .buttons--sync:focus-visible,
180
+ .buttons__action:focus-visible {
181
+ outline: -webkit-focus-ring-color auto 1px;
182
+ }
183
+
177
184
  .buttons--sync--visible {
178
185
  opacity: 1;
179
186
  }
@@ -75,6 +75,12 @@
75
75
  }
76
76
  }
77
77
 
78
+ @media screen and (min-width: 992px) {
79
+ .header-global {
80
+ border-bottom: solid 1px rgba(0,0,0,.5);
81
+ }
82
+ }
83
+
78
84
  .header-global__open {
79
85
  bottom: 0;
80
86
  overflow-x: hidden;
@@ -1,5 +1,6 @@
1
1
  // Rules for styling links
2
2
  // =========================================
3
+ @import '../2-modules/link-launch';
3
4
 
4
5
  .links__kcc-logo {
5
6
  display: inline;
@@ -78,8 +78,7 @@
78
78
  }
79
79
  }
80
80
 
81
-
82
-
81
+ // Styling of the little sync icon that refreshes the KCC-alerts system/message
83
82
  .svg__sync {
84
83
  fill: $color-blue-reboot;
85
84
  transition: fill ease-in-out .2s;
@@ -89,3 +88,29 @@ button:hover .svg__sync,
89
88
  button:focus .svg__sync {
90
89
  fill: $color-blue-reboot-hover;
91
90
  }
91
+
92
+ // Styling for `_includes/svg/mykcc.html` - which is a stylized MyKCC link
93
+ // For creating a a stylized MyKCC link via {% include svg/mykcc.html %}
94
+ /**
95
+ *
96
+ * TODO - Remove these style rules (and `_includes/svg/mykcc.html`) when gem version is higher
97
+ * than kcc-gem-theme-2.14.1.gem - these style rules are being moved into the theme
98
+ *
99
+ */
100
+
101
+ .svg__mykcc {
102
+ display: inline-block;
103
+ height: 1.5rem;
104
+ width: 80px;
105
+ fill: $color-bs-blue;
106
+ }
107
+
108
+ a.svg__link--no-decoration:hover,
109
+ a.svg__link--no-decoration:focus {
110
+ text-decoration: none;
111
+ }
112
+
113
+ a.svg__link--no-decoration:hover .svg__mykcc,
114
+ a.svg__link--no-decoration:focus .svg__mykcc{
115
+ fill: $color-bs-blue-hover;
116
+ }
@@ -185,7 +185,7 @@ body {
185
185
  font-size: 1rem;
186
186
  font-weight: 400;
187
187
  }
188
- & .nav-link:not([role=tab]) {
188
+ .nav-link:not([role=tab]) {
189
189
  margin-left: 5px;
190
190
  margin-right: 5px;
191
191
  }
@@ -641,4 +641,4 @@ h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { // Make superscripts within hea
641
641
 
642
642
  .dark-mode .typography__header-global--nav-bottom {
643
643
  color: #9bb7dd;
644
- }
644
+ }
@@ -63,7 +63,7 @@
63
63
  }
64
64
  }
65
65
 
66
- .hero-slider__heading--bold {
66
+ .hero-slider__heading--bold { // ?????????????
67
67
  color: $white;
68
68
  filter: drop-shadow(2px 2px 5px #000);
69
69
  font-family: $font-family-power;
@@ -110,7 +110,6 @@
110
110
  padding-left: 5px;
111
111
  position: absolute;
112
112
  top: 55%;
113
- width: 10%;
114
113
  z-index: 4444;
115
114
  }
116
115
 
@@ -146,12 +145,36 @@
146
145
  }
147
146
  }
148
147
 
149
- .hero-slider__slides-4 {
148
+ .hero-slider__slides-1 .hero-slider__slider--heading-container {
149
+ width: 100%;
150
+ }
151
+
152
+ .hero-slider__slides-2 .hero-slider__slider--heading-container {
153
+ width: 18.5%;
154
+ }
155
+
156
+ .hero-slider__slides-3 .hero-slider__slider--heading-container {
157
+ width: 13%;
158
+ }
159
+
160
+ .hero-slider__slides-4 .hero-slider__slider--heading-container {
150
161
  width: 10%;
151
162
  }
152
163
 
153
- .hero-slider__slides-8 {
154
- width: 5%;
164
+ .hero-slider__slides-5 .hero-slider__slider--heading-container {
165
+ width: 8%;
166
+ }
167
+
168
+ .hero-slider__slides-6 .hero-slider__slider--heading-container {
169
+ width: 6.65%;
170
+ }
171
+
172
+ .hero-slider__slides-7 .hero-slider__slider--heading-container {
173
+ width: 5.75%;
174
+ }
175
+
176
+ .hero-slider__slides-8 .hero-slider__slider--heading-container {
177
+ width: 4.85%;
155
178
  }
156
179
 
157
180
 
@@ -236,10 +259,14 @@
236
259
  padding-right: 0;
237
260
  }
238
261
 
239
- .hero-slider__slide-img--border {
240
- border-color: $grey-8;
262
+ .hero-slider__slider--slide-img {
241
263
  border-style: solid;
242
- border-width: thin;
264
+ border-width: 1px;
265
+ border-color: transparent;
266
+ }
267
+
268
+ .hero-slider__slide-img--border {
269
+ border-color: rgba(0,0,0,.25);
243
270
  }
244
271
 
245
272
  .hero-slider__slider { // prevents all slides from displaying vertically before slick has initialized
@@ -275,11 +302,10 @@
275
302
  cursor: pointer;
276
303
  display: block;
277
304
  font-size: 0;
278
- height: 25px;
305
+ height: auto;
279
306
  right: 50%;
280
307
  margin-right: -12.5px;
281
308
  line-height: 0;
282
- outline: none;
283
309
  padding: 0;
284
310
  position: absolute;
285
311
  bottom: 0;
@@ -287,10 +313,21 @@
287
313
  width: 25px;
288
314
  }
289
315
 
316
+ .hero-slider__button--toggle:focus-visible,
317
+ .hero-slider__button--toggle:focus,
318
+ .slick-next:focus-visible,
319
+ .slick-prev:focus-visible {
320
+ outline: -webkit-focus-ring-color auto 1px;
321
+ }
322
+
323
+ button[id*="slick-slide-control"]:focus-visible {
324
+ outline: -webkit-focus-ring-color auto 1px;
325
+ }
326
+
327
+
290
328
  @media screen and (min-width: 992px) {
291
329
  .hero-slider__button--toggle {
292
330
  width: 40px;
293
- bottom: 25px;
294
331
  margin-right: -20px;
295
332
  }
296
333
  }
@@ -320,7 +357,6 @@
320
357
  .hero-slider__button--toggle:hover,
321
358
  .hero-slider__button--toggle:focus {
322
359
  color: transparent;
323
- outline: none;
324
360
  background: transparent;
325
361
  }
326
362
 
@@ -0,0 +1,41 @@
1
+ /**
2
+ *
3
+ * This module provides a `.links_launch` class can be added to a link to create a launch-icon.
4
+ * - This icon is a pseudo-element with an SVG in an encoded data-URI as its content.
5
+ * - The launch icon gives users a visual indicator that the link will launch in a new tab
6
+ * - The anchor needs at least following attributes:
7
+ * `<a target="_blank" rel="noopener noreferrer" class="links__launch">`
8
+ *
9
+ * @author Wesley Zajicek | <https://github.com/wdzajicek>
10
+ *
11
+ * @requires sass:string - the "sass:string" sass module
12
+ * @function launchSvg - takes a single param
13
+ * @param $color {string} - a hex-color-code for the SVG's fill color
14
+ *
15
+ */
16
+
17
+ @use "sass:string";
18
+
19
+ @function launchSvg($color) {
20
+ @return 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23#{string.slice($color, 2, 7)}" height="20" viewBox="0 0 24 24" width="20"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>';
21
+ }
22
+
23
+ .links__dropdown-toggle--custom::after {
24
+ margin-left: .75rem;
25
+ }
26
+
27
+ [aria-expanded='true'].links__dropdown-toggle--custom::after {
28
+ transform: rotate(-180deg);
29
+ }
30
+
31
+ .links__launch {
32
+ &::after {
33
+ content: url(launchSvg('#007bff'));
34
+ margin-left: .375rem;
35
+ vertical-align: middle;
36
+ line-height: 1;
37
+ }
38
+ &:hover::after {
39
+ content: url(launchSvg('#0056b3'));
40
+ }
41
+ }
@@ -1,191 +1,16 @@
1
- // Styles for both the .heroSlider and .baseballSlider
1
+ /**
2
+ *
3
+ * Custom SCSS styling for KCC
4
+ * @copyright © 2022 Kankakee Community College
5
+ * @author Wesley Zajicek | https://github.com/wdzajicek
6
+ */
7
+
8
+ // Custom KCC theme-styling for Slickjs carousel/sliders
9
+ //
10
+ // This smaller SCSS partial needs to be imported into a stylesheet that
11
+ // loads before/while the page initially renders. Doing so ensures
12
+ // that Slick renders smoothly. Place any overrides that are needed for
13
+ // Slick to render correctly in this file and import it.
14
+
2
15
  // slick carousels
3
16
  //==============================================
4
- .slider-container {
5
- padding-left: 0;
6
- padding-right: 0;
7
- }
8
-
9
- @media screen and (min-width: 1400px) {
10
- .slider-container {
11
- max-width: 1300px;
12
- }
13
- }
14
-
15
- @media screen and (min-width: 1400px) {
16
- .index-slider-container {
17
- max-width: 1300px;
18
- }
19
- }
20
-
21
- .slider-row {
22
- margin-left: 0;
23
- margin-right: 0;
24
- }
25
-
26
- .heading-container { // div container for slide headings
27
- border-left-color: $white;
28
- border-left-style: solid;
29
- border-left-width: 2px;
30
- margin-left: .9%;
31
- padding-left: 5px;
32
- position: absolute;
33
- top: 55%;
34
- width: 7%;
35
- z-index: 4444;
36
- }
37
-
38
- @media screen and (min-width: 488px) {
39
- .heading-container {
40
- top: 60%;
41
- width: 6%;
42
- }
43
- }
44
-
45
- @media screen and (min-width: 768px) {
46
- .heading-container {
47
- margin-left: .7%;
48
- padding-left: 10px;
49
- top: 61%;
50
- width: 6%;
51
- }
52
- }
53
-
54
- @media screen and (min-width: 992px) {
55
- .heading-container {
56
- margin-left: .6%;
57
- padding-left: 20px;
58
- top: 67%;
59
- }
60
- }
61
-
62
- @media screen and (min-width: 1200px) {
63
- .heading-container {
64
- top: 69%;
65
- }
66
- }
67
-
68
- .heroSlider .slide-img,
69
- .baseballSlider .slide-img {
70
- position: relative;
71
- width: 100%;
72
- }
73
-
74
- .heroSlider .slick-next,
75
- .baseballSlider .slick-next {
76
- right: 20px;
77
- }
78
-
79
- .heroSlider .slick-prev,
80
- .baseballSlider .slick-prev {
81
- left: 20px;
82
- z-index: 4;
83
- }
84
-
85
- @media screen and (min-width: 576px) {
86
- .heroSlider .slick-next,
87
- .baseballSlider .slick-next {
88
- right: 25px;
89
- }
90
-
91
- .heroSlider .slick-prev,
92
- .baseballSlider .slick-prev {
93
- left: 25px;
94
- z-index: 4;
95
- }
96
- }
97
-
98
- .heroSlider .slick-next,
99
- .heroSlider .slick-prev,
100
- .baseballSlider .slick-next,
101
- .baseballSlider .slick-prev {
102
- height: 25px;
103
- top: 75%;
104
- width: 25px;
105
- }
106
-
107
- @media screen and (min-width: 992px) {
108
- .heroSlider .slick-next,
109
- .heroSlider .slick-prev,
110
- .baseballSlider .slick-next,
111
- .baseballSlider .slick-prev {
112
- height: 40px;
113
- top: 80%;
114
- width: 40px;
115
- }
116
- }
117
-
118
- .heroSlider .slick-dots li button:before,
119
- .baseballSlider .slick-dots li button:before {
120
- color: $landing-bg;
121
- font-size: 12px;
122
- line-height: 30px;
123
- opacity: 1;
124
- text-shadow:
125
- -1px -1px 0 $black,
126
- 1px -1px 0 $black,
127
- -1px 1px 0 $black,
128
- 1px 1px 0 $black;
129
- }
130
-
131
- .heroSlider .slick-dots li.slick-active button:before,
132
- .baseballSlider .slick-dots li.slick-active button:before {
133
- color: $primary-blue;
134
- opacity: 1;
135
- text-shadow:
136
- -1px -1px 0 $black,
137
- 1px -1px 0 $black,
138
- -1px 1px 0 $black,
139
- 1px 1px 0 $black;
140
- }
141
-
142
- .heroSlider .slick-dots li,
143
- .baseballSlider .slick-dots li {
144
- margin-left: 1px;
145
- margin-right: 1px;
146
- padding-left: 0;
147
- padding-right: 0;
148
- }
149
-
150
- .njcaa-link {
151
- margin-top: 30px;
152
- position: absolute;
153
- right: 15%;
154
- z-index: 1000;
155
- }
156
-
157
- @media screen and (min-width:1600px) {
158
- .njcaa-link {
159
- right: 20%;
160
- }
161
- }
162
-
163
- @media screen and (min-width:1900px) {
164
- .njcaa-link {
165
- right: 25%;
166
- }
167
- }
168
-
169
- @media screen and (min-width:1200px) {
170
- .njcaa-logo {
171
- width: 175px;
172
- }
173
- }
174
-
175
- @media screen and (min-width:1600px) {
176
- .njcaa-logo {
177
- width: 200px;
178
- }
179
- }
180
-
181
- .baseballSlider { // prevents all slides from displaying vertically before slick has initialized
182
- visibility: hidden;
183
- }
184
-
185
- .slick-initialized { // makes slides visible again once slick has initialized
186
- visibility: visible;
187
- }
188
-
189
- .slick-track {
190
- margin-left: 0;
191
- }
@@ -18,7 +18,7 @@
18
18
  // Modular components
19
19
  @import '2-modules/header';
20
20
  @import '2-modules/footer';
21
- @import '2-modules/sliders';
21
+ // @import '2-modules/sliders';
22
22
  @import '2-modules/social-icons';
23
23
  @import '2-modules/nav-landing'; // Styles for the navbar in landing pages.
24
24
  @import '2-modules/nav-global'; // Remove after implimenting the new header-global with mega-nav.