kcc-gem-theme-original 1.0.0

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

@@ -0,0 +1,343 @@
+// 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;
+  }
+}
+
+.position__offset-fixed-nav {
+  margin-top: 105px;
+}
+
+
+@media screen and (min-width: 360px) {
+  .position__offset-fixed-nav {
+    margin-top: 110px;
+  }
+}
+
+@media screen and (min-width:410px) {
+  .position__offset-fixed-nav {
+    margin-top: 120px;
+  }
+}
+
+@media screen and (min-width: 576px) {
+  .position__offset-fixed-nav {
+    margin-top: 125px;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .position__offset-fixed-nav {
+    margin-top: 130px;
+  }
+}
+
+@media screen and (min-width: 992px) {
+  .position__offset-fixed-nav {
+    margin-top: 170px;
+  }
+}
+
+.position__sub-nav--offset-fixed-nav {
+  margin-bottom: 15px;
+  margin-top: 130px;
+}
+
+@media screen and (min-width:360px) {
+  .position__sub-nav--offset-fixed-nav {
+    margin-bottom: 20px;
+    margin-top: 135px;
+  }
+}
+
+@media screen and (min-width:410px) {
+  .position__sub-nav--offset-fixed-nav {
+    margin-top: 140px;
+  }
+}
+
+@media screen and (min-width:576px) {
+  .position__sub-nav--offset-fixed-nav {
+    margin-top: 145px;
+  }
+}
+
+@media screen and (min-width:768px) {
+  .position__sub-nav--offset-fixed-nav {
+    margin-top: 150px;
+  }
+}
+
+@media screen and (min-width:992px) {
+  .position__sub-nav--offset-fixed-nav {
+    margin-top: 155px;
+  }
+}
+
+@media screen and (min-width:1200px) {
+  .position__sub-nav--offset-fixed-nav {
+    margin-top: 160px;
+  }
+}
+
+.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__offset-global-nav {
+  margin-top: 60px;
+}
+
+.positioning__accordian--padding {
+  margin-top: 15px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+@media screen and (min-width: 992px) {
+  .positioning__accordian--padding {
+    margin-top: 60px;
+  }
+}
+
+.positioning__accordian-marg {
+  margin-top: 75px;
+}
+
+.positioning__card--spacing {
+  margin-bottom: 40px;
+}
+
+.positioning__first-section--marg {
+  margin-top: 15px;
+  background-color: $color-blue-light;
+  padding-bottom: 25px;
+  padding-top: 25px;
+}
+
+@media screen and (min-width: 1200px) {
+  .positioning__first-section--marg {
+    margin-top: 15px;
+  }
+}
+
+.positioning__section--marg {
+  margin-top: 35px;
+}
+
+@media screen and (min-width: 1200px) {
+  .positioning__section--marg {
+    margin-top: 65px;
+  }
+}
+
+.positioning__row--pad {
+  margin-top: 25px;
+}
+
+.positioning__register--itransfer-img {
+  width: 120px;
+  margin-top: 40px;
+}
+
+@media screen and (min-width: 400px) {
+  .positioning__register--itransfer-img {
+    width: 140px;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .positioning__register--itransfer-img {
+    width: 150px;
+  }
+}
+
+@media screen and (min-width: 992px) {
+  .positioning__register--itransfer-img {
+    padding-left: 25px;
+  }
+}
+
+.positioning__register--mobile-row--pad {
+  padding-left: 0;
+}
+
+@media screen and (min-width: 576px) {
+  .positioning__register--mobile-row--pad {
+    padding-left: 20%;
+  }
+}
+
+@media screen and (min-width: 992px) {
+  .positioning__register--mobile-row--pad {
+    padding-left: 0;
+  }
+}
+
+.positioning__register--idfpr-img {
+  width: 330px;
+  margin-top: 60px;
+}
+
+@media screen and (max-width: 992px) {
+  .positioning__register--idfpr-img {
+    margin-bottom: 15px;
+  }
+}
+
+.positioning__register--iccb-img {
+  width: 250px;
+}
+
+@media screen and (max-width: 992px) {
+  .positioning__register--iccb-img {
+    margin-top: 15px;
+  }
+}
+
+.positioning__heading--row {
+  margin-top: 16%;
+}
+
+.positioning__check-svg {
+  margin-top: -60px;
+  width: 80px;
+}
+
+.positioning__blue-section {
+  background-color: $color-blue-light;
+  padding-bottom: 25px;
+  padding-top: 25px;
+}
+
+.positioning__col--offset {
+  margin-right: -25px;
+}
+
+@media screen and (min-width: 768px) {
+  .positioning__col--offset {
+    margin-right: -45px;
+  }
+}
+
+.positioning__offset-global-nav {
+  margin-top: 60px;
+}
+
+
+@media screen and (min-width: 768px) {
+  .position__col--min-height {
+    min-height: 15rem;
+  }
+}
+
+@media screen and (min-width: 992px) {
+  .position__col--min-height {
+    min-height: 12rem;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .position__col--min-height {
+    min-height: 9rem;
+  }
+}
+
+.position__offset-core-nav {
+  margin-top: 99px;
+}
+
+.position__offset-core-nav.position__campus-alerts--open {
+  margin-top: 109px;
+}
+
+@media screen and (min-width: 992px) {
+  .position__offset-core-nav {
+    margin-top: 80px;
+  }
+  .position__offset-core-nav.position__campus-alerts--open {
+    margin-top: 93px;
+  }
+}
+
+.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;
+  }
+}

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

@@ -0,0 +1,22 @@
+
+.section__heading-underline {
+  background-image: url(/assets/img/heading-bg-underline.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-tan.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/3-layout/_thank-you.scss

@@ -0,0 +1,5 @@
+
+.thank-you__check-mark {
+  height: 75px;
+  width: 75px;
+}

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.png);
+  background-repeat: no-repeat;
+  background-position: 0 50px;
+}
+
+.home__col--heading-underline-tan {
+  background-image: url(/assets/img/heading-bg-underline-tan.png);
+  background-repeat: no-repeat;
+  background-position: 0 50px;
+  bottom: -20px;
+}

data/assets/scss/bootstrap.scss

@@ -0,0 +1,98 @@
+// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
+@import '../../node_modules/bootstrap/scss/functions';
+
+// 2. Include any default variable overrides here
+
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1140px,
+  xxl: 1140px
+);
+
+$link-decoration: none;
+$link-hover-decoration: underline;
+
+$navbar-padding-x: 1rem;
+
+$breadcrumb-padding-y: .75rem;
+$breadcrumb-padding-x: 1rem;
+
+// 3. Include remainder of required Bootstrap stylesheets
+@import '../../node_modules/bootstrap/scss/variables';
+// @import '../../node_modules/bootstrap/scss/variables-dark';
+@import '../../node_modules/bootstrap/scss/maps';
+@import '../../node_modules/bootstrap/scss/mixins';
+@import '../../node_modules/bootstrap/scss/root';
+
+// 4. Include any optional Bootstrap CSS as needed
+@import '../../node_modules/bootstrap/scss/utilities';
+@import '../../node_modules/bootstrap/scss/reboot';
+@import '../../node_modules/bootstrap/scss/type';
+@import '../../node_modules/bootstrap/scss/images';
+@import '../../node_modules/bootstrap/scss/containers';
+@import '../../node_modules/bootstrap/scss/grid';
+@import '../../node_modules/bootstrap/scss/transitions';
+@import '../../node_modules/bootstrap/scss/nav';
+@import '../../node_modules/bootstrap/scss/navbar';
+// @import '../../node_modules/bootstrap/scss/accordion';
+@import '../../node_modules/bootstrap/scss/alert';
+@import '../../node_modules/bootstrap/scss/breadcrumb';
+@import '../../node_modules/bootstrap/scss/button-group';
+@import '../../node_modules/bootstrap/scss/buttons';
+@import '../../node_modules/bootstrap/scss/card';
+@import '../../node_modules/bootstrap/scss/close';
+@import '../../node_modules/bootstrap/scss/dropdown';
+@import '../../node_modules/bootstrap/scss/modal';
+@import '../../node_modules/bootstrap/scss/tables';
+
+// All Bootstrap 5 scss partial files:
+//  * items in use start with single line comment (//)
+//  * items not yet used are /* multi-line comments */
+/* _accordion.scss */
+// _alert.scss
+/* _badge.scss */
+// _breadcrumb.scss
+/* _button-group.scss */
+// _buttons.scss
+// _card.scss
+/* _carousel.scss */
+// _close.scss
+// _containers.scss
+// _dropdown.scss
+/* _forms.scss */
+// _functions.scss
+// _grid.scss
+// _helpers.scss
+// _images.scss
+/* _list-group.scss */
+/* _maps.scss */
+// _mixins.scss
+// _modal.scss
+// _nav.scss
+// _navbar.scss
+/* _offcanvas.scss */
+/* _pagination.scss */
+/* _placeholders.scss */
+/* _popover.scss */
+/* _progress.scss */
+// _reboot.scss
+// _root.scss
+/* _spinners.scss */
+// _tables.scss
+/* _toasts.scss */
+/* _tooltip.scss */
+// _transitions.scss
+// _type.scss
+// _utilities.scss
+/* _variables-dark.scss */
+// _variables.scss
+
+//5. Include helpers 
+@import '../../node_modules/bootstrap/scss/helpers';
+
+// 6. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss`
+@import '../../node_modules/bootstrap/scss/utilities/api';
+
+// 7. Add additional custom code here

data/assets/scss/kcc-theme.scss

@@ -0,0 +1,50 @@
+// Variables
+@import '0-tools/vars';
+@import '0-tools/bootstrap-overrides';
+@import '0-tools/cloudcannon';
+@import '0-tools/gsc-overrides';
+@import '0-tools/google-translate-overrides';
+
+// Base items
+@import '1-base/typography';
+@import '1-base/links';
+@import '1-base/buttons';
+@import '1-base/img';
+@import '1-base/background';
+@import '1-base/svg';
+@import '1-base/html';
+
+// Modular components
+@import '2-modules/header';
+@import '2-modules/footer';
+// @import '2-modules/sliders';
+@import '2-modules/social-icons';
+@import '2-modules/nav-landing'; // Styles for the navbar in landing pages.
+@import '2-modules/nav-global';  // Remove after implimenting the new header-global with mega-nav.
+@import '2-modules/error';
+@import '2-modules/benefits';
+@import '2-modules/hero-slider';
+@import '2-modules/img-hover';
+@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-global';
+@import '2-modules/nav-local';
+@import '2-modules/yt-embed';
+@import '2-modules/breadcrumbs';
+
+// 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';
+@import '3-layout/thank-you';
+
+// Page specific styling
+// @import "4-pages/...";
+@import '4-pages/index/home';

data/assets/scss/translate.scss

@@ -0,0 +1,5 @@
+// Vars
+@import '0-tools/vars';
+
+//Translate styles
+@import '0-tools/google-translate-overrides';