kcc-gem-theme 1.83.93 → 2.0.0

data/assets/scss/2-modules/_footer.scss

@@ -7,6 +7,7 @@
 
 .footer {
   background-color: $grey-4;
+  margin-bottom: -56px;
   margin-top: 60px;
   padding-bottom: 40px;
   padding-top: 40px;

data/assets/scss/2-modules/_setting.scss

@@ -0,0 +1,53 @@
+.setting__video {
+  background-color: transparent;
+  border: none;
+  display: block;
+  margin-right: .5rem;
+  height: 46px;
+  width: 58px;
+  position: relative;
+  top: 5px;
+  margin-bottom: -56px;
+  opacity: 0;
+  transition: all ease-in-out .25s;
+  &::before {
+    content: ' ';
+    background-image: url('/assets/img/settings.svg');
+    background-repeat: no-repeat;
+    background-position: center;
+    width: 46px;
+    height: 46px;
+    position: absolute;
+    top: 0;
+    left: 6px;
+  } 
+}
+
+.setting__video:hover,
+.setting__video:focus {
+  opacity: 1 !important;
+}
+
+@media screen and (min-width: 400px) {
+  .setting__video {
+    height: 56px;
+    width: 68px;
+    &::before {
+      background-image: url('/assets/img/settings_56.svg');
+      height: 56px;
+      width: 56px;
+    }
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .setting__video {
+    top: -3px;
+  } 
+}
+
+@media screen and (min-width: 1024px) {
+  .setting__video {
+    top: -5px;
+  } 
+}

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

@@ -4,7 +4,6 @@
 @import '0-tools/cloudcannon';
 @import '0-tools/gsc-overrides';
 @import '0-tools/targetx-overrides';
-@import '0-tools/google-translate-overrides';
 
 // Base items
 @import '1-base/typography';
@@ -36,6 +35,7 @@
 @import '2-modules/nav-local';
 @import '2-modules/yt-embed';
 @import '2-modules/breadcrumbs';
+@import '2-modules/setting';
 
 // Layout items
 // @import "3-layout/...";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: kcc-gem-theme
 version: !ruby/object:Gem::Version
-  version: 1.83.93
+  version: 2.0.0
 platform: ruby
 authors:
 - wdzajicek
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-04-01 00:00:00.000000000 Z
+date: 2021-05-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -197,6 +197,8 @@ files:
 - assets/img/play_mobile.svg
 - assets/img/riverfrontcampus.jpg
 - assets/img/search.svg
+- assets/img/settings.svg
+- assets/img/settings_56.svg
 - assets/img/soccer.svg
 - assets/img/social-icon.svg
 - assets/img/twitter-white.svg
@@ -217,6 +219,9 @@ files:
 - assets/js/theme/alerts/parseMarkdownToHTML.js
 - assets/js/theme/alerts/simpleSetSheetParameters.js
 - assets/js/theme/dist/alerts.bundle.js
+- assets/js/theme/dist/darkMode.bundle.js
+- assets/js/theme/dist/darkModeStyling.bundle.js
+- assets/js/theme/dist/darkModeStyling.css
 - assets/js/theme/dist/kcc-mega-nav.bundle.js
 - assets/js/theme/dist/kcc-nav.bundle.js
 - assets/js/theme/dist/kcc-theme-landing.bundle.js
@@ -239,6 +244,7 @@ files:
 - assets/js/theme/nav/nav/toggleNavSearchDropdownOnWindowResize.js
 - assets/js/theme/src/addClassToOpenNavbar.js
 - assets/js/theme/src/all.js
+- assets/js/theme/src/darkMode.js
 - assets/js/theme/src/footerDate.js
 - assets/js/theme/src/lazyLoad.js
 - assets/js/theme/src/sliders.js
@@ -267,6 +273,7 @@ files:
 - assets/scss/2-modules/_campus-alerts.scss
 - assets/scss/2-modules/_card-section.scss
 - assets/scss/2-modules/_contacts.scss
+- assets/scss/2-modules/_dark-mode.scss
 - assets/scss/2-modules/_error.scss
 - assets/scss/2-modules/_footer.scss
 - assets/scss/2-modules/_header.scss
@@ -276,6 +283,7 @@ files:
 - assets/scss/2-modules/_nav-global.scss
 - assets/scss/2-modules/_nav-landing.scss
 - assets/scss/2-modules/_nav-local.scss
+- assets/scss/2-modules/_setting.scss
 - assets/scss/2-modules/_sliders.scss
 - assets/scss/2-modules/_social-icons.scss
 - assets/scss/2-modules/_sub-nav.scss
@@ -289,8 +297,8 @@ files:
 - assets/scss/3-layout/_tables.scss
 - assets/scss/3-layout/_thank-you.scss
 - assets/scss/4-pages/index/_home.scss
+- assets/scss/darkMode.scss
 - assets/scss/kcc-theme.scss
-- assets/scss/translate.scss
 - assets/vendor/css/ajax-loader.gif
 - assets/vendor/css/bootstrap.min.css
 - assets/vendor/css/fonts/slick.eot

data/assets/scss/translate.scss

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