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.
- checksums.yaml +4 -4
- data/_config.yml +8 -1
- data/_includes/hash/theme_hash.yml +1 -1
- data/_includes/hero-slider.html +5 -5
- data/_includes/preconnect.html +0 -2
- data/_includes/scripts/kcc-theme.html +1 -1
- data/_includes/svg/mykcc-inline.html +1 -0
- data/_includes/svg/mykcc.html +32 -0
- data/_layouts/default-core.html +1 -3
- data/assets/js/alerts/addAccordionOrTabHistoryStates.js +1 -1
- data/assets/js/alerts/alerts.js +19 -10
- data/assets/js/alerts/contentHashLink.js +2 -9
- data/assets/js/alerts/createAlertsHtml.js +4 -5
- data/assets/js/alerts/getCachedResponse.js +4 -4
- data/assets/js/dist/126.7697ce50437cfdf40d41.bundle.js +1 -0
- data/assets/js/dist/282.7697ce50437cfdf40d41.bundle.js +1 -0
- data/assets/js/dist/45.7697ce50437cfdf40d41.bundle.js +1 -0
- data/assets/js/dist/504.7697ce50437cfdf40d41.bundle.js +1 -0
- data/assets/js/dist/{57.bundle.js → 57.7697ce50437cfdf40d41.bundle.js} +0 -0
- data/assets/js/dist/{576.bundle.js → 576.7697ce50437cfdf40d41.bundle.js} +0 -0
- data/assets/js/dist/582.7697ce50437cfdf40d41.bundle.js +1 -0
- data/assets/js/dist/640.7697ce50437cfdf40d41.bundle.js +1 -0
- data/assets/js/dist/{647.bundle.js → 647.7697ce50437cfdf40d41.bundle.js} +0 -0
- data/assets/js/dist/647.7697ce50437cfdf40d41.css +1 -0
- data/assets/js/dist/{searchPageOverrides.bundle.js → 658.7697ce50437cfdf40d41.bundle.js} +1 -1
- data/assets/js/dist/658.7697ce50437cfdf40d41.css +1 -0
- data/assets/js/dist/709.7697ce50437cfdf40d41.bundle.js +1 -0
- data/assets/js/dist/755.7697ce50437cfdf40d41.bundle.js +1 -0
- data/assets/js/dist/787.7697ce50437cfdf40d41.bundle.js +1 -0
- data/assets/js/dist/{795.bundle.js → 795.7697ce50437cfdf40d41.bundle.js} +0 -0
- data/assets/js/dist/{addAccordionOrTabHistoryStates.bundle.js → 814.7697ce50437cfdf40d41.bundle.js} +1 -1
- data/assets/js/dist/{darkModeStyling.bundle.js → 83.7697ce50437cfdf40d41.bundle.js} +1 -1
- data/assets/js/dist/83.7697ce50437cfdf40d41.css +1 -0
- data/assets/js/dist/{853.bundle.js → 853.7697ce50437cfdf40d41.bundle.js} +0 -0
- data/assets/js/dist/{859.bundle.js → 859.7697ce50437cfdf40d41.bundle.js} +0 -0
- data/assets/js/dist/{862.bundle.js → 862.7697ce50437cfdf40d41.bundle.js} +0 -0
- data/assets/js/dist/{909.bundle.js → 909.7697ce50437cfdf40d41.bundle.js} +0 -0
- data/assets/js/dist/{936.bundle.js → 936.7697ce50437cfdf40d41.bundle.js} +0 -0
- data/assets/js/dist/968.7697ce50437cfdf40d41.bundle.js +1 -0
- data/assets/js/dist/kcc-theme.7697ce50437cfdf40d41.bundle.js +1 -0
- data/assets/js/dist/kcc-theme.7697ce50437cfdf40d41.css +1 -0
- data/assets/js/dist/{translate.bundle.js → translate.7697ce50437cfdf40d41.bundle.js} +0 -0
- data/assets/js/dist/translate.7697ce50437cfdf40d41.css +1 -0
- data/assets/js/nav/megaNav/closeMegaNavOnClick.js +6 -34
- data/assets/js/nav/megaNav/googleCustomSearch.js +107 -58
- data/assets/js/nav/megaNav/megaNav.js +5 -4
- data/assets/js/nav/megaNav/searchToggleMegaNav.js +1 -5
- data/assets/js/nav/megaNav/toggleMenuOnWindowResize.js +1 -5
- data/assets/js/nav/megaNav/underlineCurrentSite.js +1 -6
- data/assets/js/src/all.js +73 -25
- data/assets/scss/0-tools/_vars.scss +3 -0
- data/assets/scss/1-base/_buttons.scss +8 -1
- data/assets/scss/1-base/_header-global.scss +6 -0
- data/assets/scss/1-base/_links.scss +1 -0
- data/assets/scss/1-base/_svg.scss +27 -2
- data/assets/scss/1-base/_typography.scss +2 -2
- data/assets/scss/2-modules/_hero-slider.scss +48 -12
- data/assets/scss/2-modules/_link-launch.scss +41 -0
- data/assets/scss/2-modules/_sliders.scss +14 -189
- data/assets/scss/kcc-theme.scss +1 -1
- metadata +34 -45
- data/_includes/image-slider.html +0 -23
- data/_includes/scripts/kcc-mega-nav.html +0 -2
- data/assets/js/alerts/checkForAccordionOrTab.js +0 -11
- data/assets/js/alerts/simpleSetSheetParameters.js +0 -23
- data/assets/js/dist/243.bundle.js +0 -1
- data/assets/js/dist/289.bundle.js +0 -1
- data/assets/js/dist/315.bundle.js +0 -1
- data/assets/js/dist/45.bundle.js +0 -1
- data/assets/js/dist/504.bundle.js +0 -1
- data/assets/js/dist/528.bundle.js +0 -1
- data/assets/js/dist/582.bundle.js +0 -1
- data/assets/js/dist/618.5bb24fcff044be7f9c63.css +0 -2
- data/assets/js/dist/644.bundle.js +0 -1
- data/assets/js/dist/647.5bb24fcff044be7f9c63.css +0 -2
- data/assets/js/dist/87.5bb24fcff044be7f9c63.css +0 -2
- data/assets/js/dist/alerts.bundle.js +0 -1
- data/assets/js/dist/contentHashLink.bundle.js +0 -1
- data/assets/js/dist/darkMode.bundle.js +0 -1
- data/assets/js/dist/kcc-mega-nav.bundle.js +0 -1
- data/assets/js/dist/kcc-nav.bundle.js +0 -1
- data/assets/js/dist/kcc-theme-landing.bundle.js +0 -1
- data/assets/js/dist/kcc-theme.5bb24fcff044be7f9c63.css +0 -2
- data/assets/js/dist/kcc-theme.bundle.js +0 -1
- data/assets/js/dist/translate.5bb24fcff044be7f9c63.css +0 -2
- data/assets/js/landing/landing.js +0 -5
- data/assets/js/landing/landingPage.js +0 -49
- data/assets/js/nav/megaNav/toggleDropdownOnWindowResize.js +0 -78
- data/assets/js/src/loadClarusCorpScript.js +0 -12
- data/assets/js/src/test.js +0 -7
- 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
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
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
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
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
|
+
|
@@ -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
|
}
|
@@ -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
|
-
|
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-
|
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-
|
154
|
-
width:
|
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-
|
240
|
-
border-color: $grey-8;
|
262
|
+
.hero-slider__slider--slide-img {
|
241
263
|
border-style: solid;
|
242
|
-
border-width:
|
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:
|
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
|
-
|
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
|
-
}
|
data/assets/scss/kcc-theme.scss
CHANGED
@@ -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.
|