kcc-gem-theme-core 0.0.1

data/assets/scss/2-modules/_sub-nav.scss

@@ -0,0 +1,32 @@
+
+.sub-nav__nav-link {
+  color: $primary-blue;
+  font-family: 'Oswald', sans-serif;
+  font-weight: 500;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-left: 5px;
+  padding-right: 5px;
+  &:hover {
+    color: $primary-red;
+  }
+}
+
+.nav-item.active .sub-nav__nav-link {
+  border-bottom-color: $primary-red;
+  border-bottom-style: solid;
+  border-bottom-width: thick;
+  padding-bottom: 0;
+}
+
+.sub-nav__navbar {
+  border-style: solid;
+  border-width: 1px;
+  border-color: $grey-5;
+  border-radius: 3px;
+}
+
+.sub-nav__content--wrapper {
+  padding-left: 25px;
+  padding-right: 25px;
+}

data/assets/scss/2-modules/_yt-embed.scss

@@ -0,0 +1,14 @@
+.yt-embed__wrapper {
+  height: 0;
+  overflow: hidden;
+  padding-bottom: 56.25%;
+  padding-top: 30px;
+  position: relative;
+  & iframe {
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+  }
+}

data/assets/scss/3-layout/_background.scss

@@ -0,0 +1,3 @@
+.background__color--tan {
+  background-color: $color-tan-light;
+}

data/assets/scss/3-layout/_margins.scss

@@ -0,0 +1,2 @@
+// Margin styles
+// ============================

data/assets/scss/3-layout/_padding.scss

@@ -0,0 +1,2 @@
+// Padding Styles
+// ==========================

data/assets/scss/3-layout/_positioning.scss

@@ -0,0 +1,104 @@
+// Positioning Styles
+// ==========================================
+.positioning__margin-bottom {
+  margin-bottom: 30px;
+}
+
+@media screen and (min-width: 1200px) {
+  .positioning__margin-bottom {
+    margin-bottom: 40px;
+  }
+}
+
+.positioning__margin-top {
+  margin-top: 30px;
+}
+
+@media screen and (min-width: 1200px) {
+  .positioning__margin-top {
+    margin-top: 40px;
+  }
+}
+
+.positioning__heading-margin-bottom {
+  margin-bottom: 15px;
+}
+
+@media screen and (min-width: 1200px) {
+  .positioning__heading-margin-bottom {
+    margin-bottom: 20px;
+  }
+}
+
+.positioning__iframe-wrapper {
+  margin-bottom: 20px;
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9 */
+  padding-top: 25px;
+  height: 0;
+}
+.positioning__iframe-wrapper iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.positioning__card--spacing {
+  margin-bottom: 40px;
+}
+
+.positioning__blue-section {
+  background-color: $color-blue-light;
+  padding-bottom: 25px;
+  padding-top: 25px;
+}
+
+// Emergency alerts styles
+.position__offset-alert {
+  margin-top: 0;
+  padding-top: 125px;
+  height: 1px;
+  &--visible {
+    height: auto;
+  }
+}
+
+@media screen and (min-width: 400px) {
+  .position__offset-alert {
+    padding-top: 135px;
+  }
+}
+
+@media screen and (min-width: 576px) {
+  .position__offset-alert {
+      padding-top: 140px;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .position__offset-alert {
+      padding-top: 145px;
+  }
+}
+
+@media screen and (min-width: 992px) {
+  .position__offset-alert {
+      padding-top: 150px;
+  }
+}
+
+.position__offset-alert.position__offset-alert-core {
+  margin-top: 0;
+  padding-top: 115px;
+}
+
+@media screen and (min-width: 992px) {
+  .position__offset-alert.position__offset-alert-core {
+    padding-top: 110px;
+  }
+  .header-global--subsite + .position__offset-alert.position__offset-alert-core {
+    padding-top: 160px;
+  }
+}

data/assets/scss/3-layout/_section.scss

@@ -0,0 +1,23 @@
+
+// heading-underline used in homepage styling
+.section__heading-underline {
+  background-image: url(/assets/img/heading-bg-underline-transparent.png);
+  background-repeat: no-repeat;
+  background-position: 0 50px;
+}
+
+.section__heading-underline--transparent {
+  background-image: url(/assets/img/heading-bg-underline-transparent.png);
+  background-repeat: no-repeat;
+  background-position: 0 50px;
+}
+
+.section__heading-underline-tan {
+  background-image: url(/assets/img/heading-bg-underline-transparent.png);
+  background-repeat: no-repeat;
+  background-position: 0 50px;
+}
+
+.section__margin-bottom {
+  margin-bottom: 3rem;
+}

data/assets/scss/3-layout/_tables.scss

@@ -0,0 +1,8 @@
+.tables td,
+.tables th {
+  border-style: solid;
+  border-width: thin;
+  border-color: #808080;
+  padding-left: 5px;
+  padding-right: 5px;
+}

data/assets/scss/4-pages/index/_home.scss

@@ -0,0 +1,15 @@
+// Homepage specific Styles
+// ==========================================
+
+.home__col--heading-underline {
+  background-image: url('/assets/img/heading-bg-underline-transparent.png');
+  background-repeat: no-repeat;
+  background-position: 0 50px;
+}
+
+.home__col--heading-underline-tan {
+  background-image: url('/assets/img/heading-bg-underline-transparent.png');
+  background-repeat: no-repeat;
+  background-position: 0 50px;
+  bottom: -20px;
+}

data/assets/scss/bootstrap.scss

@@ -0,0 +1,75 @@
+// bootstrap.scss - import Bootstrap 4's SCSS partials for Bootstrap 4 styling
+
+// Required
+@import '../../node_modules/bootstrap/scss/functions';
+@import '../../node_modules/bootstrap/scss/variables';
+@import '../../node_modules/bootstrap/scss/mixins';
+
+// Variable overrides - override any Bootstrap variables here
+// $body-bg: #000;
+// $body-color: #111;
+
+// Bootstrap has a .*-primary color that is too light for sufficient color-contrast
+$blue: #006fe6; // This is a darker blue that provides a higher contrast ratio
+$primary: $blue;
+$link-color: $blue; // Used to set link color in reboot sass partial below
+
+// Bootstrap and its default variables
+// These are optional
+// To add missing styling uncomment the desired omitted styles
+@import '../../node_modules/bootstrap/scss/root';
+@import '../../node_modules/bootstrap/scss/reboot';
+@import '../../node_modules/bootstrap/scss/type';
+@import '../../node_modules/bootstrap/scss/images';
+@import '../../node_modules/bootstrap/scss/grid';
+@import '../../node_modules/bootstrap/scss/tables';
+@import '../../node_modules/bootstrap/scss/buttons';
+@import '../../node_modules/bootstrap/scss/transitions'; // needed for collapse
+@import '../../node_modules/bootstrap/scss/dropdown';
+@import '../../node_modules/bootstrap/scss/nav';
+@import '../../node_modules/bootstrap/scss/navbar';
+@import '../../node_modules/bootstrap/scss/card';
+@import '../../node_modules/bootstrap/scss/breadcrumb';
+@import '../../node_modules/bootstrap/scss/alert';
+@import '../../node_modules/bootstrap/scss/close';
+@import '../../node_modules/bootstrap/scss/modal';
+@import '../../node_modules/bootstrap/scss/spinners';
+// Omitted optional styles
+// @import '../../node_modules/bootstrap/scss/code';
+// @import '../../node_modules/bootstrap/scss/forms';
+// @import '../../node_modules/bootstrap/scss/button-group';
+// @import '../../node_modules/bootstrap/scss/input-group';
+// @import '../../node_modules/bootstrap/scss/custom-forms';
+// @import '../../node_modules/bootstrap/scss/progress';
+// @import '../../node_modules/bootstrap/scss/media';
+// @import '../../node_modules/bootstrap/scss/list-group';
+// @import '../../node_modules/bootstrap/scss/pagination';
+// @import '../../node_modules/bootstrap/scss/badge';
+// @import '../../node_modules/bootstrap/scss/jumbotron';
+// @import '../../node_modules/bootstrap/scss/toasts';
+// @import '../../node_modules/bootstrap/scss/tooltip';
+// @import '../../node_modules/bootstrap/scss/popover';
+// @import '../../node_modules/bootstrap/scss/carousel';
+// @import '../../node_modules/bootstrap/scss/print';
+
+// Individual Bootstrap 4 Utilities
+// Uncomment desired omitted-utilities to add them
+@import '../../node_modules/bootstrap/scss/utilities/align';
+@import '../../node_modules/bootstrap/scss/utilities/background';
+@import '../../node_modules/bootstrap/scss/utilities/borders';
+@import '../../node_modules/bootstrap/scss/utilities/clearfix';
+@import '../../node_modules/bootstrap/scss/utilities/display';
+@import '../../node_modules/bootstrap/scss/utilities/flex';
+@import '../../node_modules/bootstrap/scss/utilities/float';
+@import '../../node_modules/bootstrap/scss/utilities/interactions';
+@import '../../node_modules/bootstrap/scss/utilities/overflow';
+@import '../../node_modules/bootstrap/scss/utilities/position';
+@import '../../node_modules/bootstrap/scss/utilities/screenreaders';
+@import '../../node_modules/bootstrap/scss/utilities/sizing';
+@import '../../node_modules/bootstrap/scss/utilities/spacing';
+@import '../../node_modules/bootstrap/scss/utilities/text';
+@import '../../node_modules/bootstrap/scss/utilities/visibility';
+// Omitted Bootstrap 4 Utilities
+// @import '../../node_modules/bootstrap/scss/utilities/embed';
+// @import '../../node_modules/bootstrap/scss/utilities/shadows';
+// @import '../../node_modules/bootstrap/scss/utilities/stretched-link';

data/assets/scss/darkMode.scss

@@ -0,0 +1,5 @@
+// This file is compiled by Webpack and NOT Gulp
+// The styles here are dynamically loaded (after DOMContentLoaded event has fired)
+// only if the user has the localStorage.darkModeSetting = 'true'
+@import './0-tools/vars';
+@import './2-modules/dark-mode';

data/assets/scss/kcc-theme.scss

@@ -0,0 +1,47 @@
+@import './bootstrap.scss'; // Imports & compiles the Bootstrap 4 styling
+
+// Variables
+@import '0-tools/vars';
+@import '0-tools/bootstrap-overrides';
+@import '0-tools/cloudcannon';
+@import '0-tools/gsc-overrides'; // Google Custom Search overrides
+
+// Base items
+@import '1-base/typography';
+@import '1-base/links';
+@import '1-base/buttons';
+@import '1-base/img';
+@import '1-base/header-global'; // Header-global holds the navigation-bar styling
+@import '1-base/background';
+@import '1-base/svg';
+@import '1-base/html';
+
+// Modular components
+@import '2-modules/footer';
+@import '2-modules/sliders'; // Custom style overrides for `slick-carousel` required before slick is loaded dynamically
+@import '2-modules/social-icons';
+@import '2-modules/error';
+@import '2-modules/benefits';
+// @import '2-modules/hero-slider';
+// @import '2-modules/sub-nav';
+@import '2-modules/card-section';
+@import '2-modules/contacts';
+@import '2-modules/accordion';
+@import '2-modules/loader';
+@import '2-modules/nav-content';
+@import '2-modules/yt-embed';
+@import '2-modules/breadcrumbs';
+@import '2-modules/setting';
+
+// Layout items
+// @import "3-layout/...";
+@import '3-layout/positioning';
+@import '3-layout/margins';
+@import '3-layout/padding';
+@import '3-layout/tables';
+@import '3-layout/section';
+@import '3-layout/background';
+
+// Page specific styling
+// @import "4-pages/...";
+@import '4-pages/index/home';

data/assets/scss/searchPageOverrides.scss

@@ -0,0 +1,2 @@
+@import '0-tools/vars';
+@import '0-tools/gsc-search-page-overrides';

data/assets/scss/slick-carousel.scss

@@ -0,0 +1,9 @@
+// Slick carousel styling SCSS partials
+@import '0-tools/slick-vars';
+@import '../../node_modules/slick-carousel/slick/slick.scss';
+
+@import '../../node_modules/slick-carousel/slick/slick-theme.scss';
+
+@import '0-tools/vars';
+@import '2-modules/sliders';
+@import '2-modules/hero-slider';

data/assets/scss/translate.scss

@@ -0,0 +1,4 @@
+// Custom Google Translate Styles
+@import '0-tools/vars';
+
+@import '0-tools/google-translate-overrides';