kcc-gem-theme 0.4.7 → 0.5.0

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

@@ -1,10 +1,10 @@
 
 .error__main-heading {
   color: $primary-red;
-  font-weight: $secondaryfont-weight-bold;
+  font-weight: $font-weight-bold;
 }
 
 .error__sub-heading {
   color: $primary-blue;
-  font-weight: $secondaryfont-weight-bold;
+  font-weight: $font-weight-bold;
 }

data/assets/scss/2-modules/_latest-news-widget.scss

@@ -14,8 +14,8 @@
 
 .latest-news-widget__latest__h {
   font-size: 41px;
-  font-weight: $base-font-weigth-bold;
-  font-family: $basefont-stack;
+  font-weight: $font-weight-bolder;
+  font-family: $font-family-paragraph;
   margin: 0 0 18px;
   line-height: 1;
   padding: 15px 0;
@@ -719,7 +719,7 @@
   color: #fff;
   text-decoration: none;
   margin-bottom: 0;
-  font-family: 'Oswald', sans-serif;
+  font-family: $font-family-oswald;
   font-size: 32px;
   font-weight: 500;
   letter-spacing: .1rem;

data/assets/scss/2-modules/{_global-nav.scss → _nav-global.scss}

@@ -1,4 +1,4 @@
-.global-nav {
+.nav-global {
   background-color: $primary-red;
   height: 56px;
   margin-left: 0;
@@ -7,73 +7,60 @@
   min-width: 100%;
   padding-bottom: 10px;
   padding-left: 5%;
-  padding-top: 15px;
+  padding-top: 10px;
   width: 100%;
   z-index: 1031;
 }
 
-.kcc-logo {
+.nav-global__kcc-logo {
   margin-left: 5px;
   width: 190px;
 }
 
 @media screen and (min-width: 360px) {
-  .kcc-logo {
+  .nav-global__kcc-logo {
     width: 225px;
   }
 }
 
 @media screen and (min-width: 410px) {
-  .kcc-logo {
+  .nav-global__kcc-logo {
     width: 255px;
   }
 }
 
 @media screen and (min-width: 488px) {
-  .kcc-logo {
+  .nav-global__kcc-logo {
     width: 260px;
   }
 }
 
 @media screen and (min-width: 576px) {
-  .kcc-logo {
+  .nav-global__kcc-logo {
     width: 300px;
   }
 }
 
 @media screen and (min-width: 768px) {
-  .kcc-logo {
+  .nav-global__kcc-logo {
     width: 320px;
   }
 }
 
 @media screen and (min-width: 992px) and (max-width: 1100px) {
-  .kcc-logo {
+  .nav-global__kcc-logo {
     margin-left: -25px;
     width: 310px;
   }
 }
 
 @media screen and (min-width: 1100px) {
-  .kcc-logo {
+  .nav-global__kcc-logo {
     margin-left: -25px;
     width: 340px;
   }
 }
 
-.form-inline {
-  float: right;
-}
-
-.local-search {
-  border-radius: 1.5em;
-}
-
-.search {
-  font-size: 1.2em;
-  margin-right: 40%;
-}
-
 .clearSearch {
   background-position: center 72px;
   padding-top: 72px;
@@ -84,12 +71,12 @@
   height: 46px;
 }
 
-.global-nav__gcse-wrapper {
+.nav-global__gcse-wrapper {
   margin-left: -5px;
 }
 
 @media screen and (min-width: 992px) {
-  .global-nav__gcse-wrapper {
+  .nav-global__gcse-wrapper {
     display: block;
     float: right;
     margin-top: -18px;
@@ -97,7 +84,7 @@
   }
 }
 
-.global-nav__search-icon {
+.nav-global__search-icon {
   background-position: center;
   background-size: 20px 20px;
   background-repeat: no-repeat;
@@ -108,19 +95,19 @@
 }
 
 @media screen and (min-width: 360px) {
-  .global-nav__search-icon {
+  .nav-global__search-icon {
     background-size: 21px 21px;
   }
 }
 
 @media screen and (min-width: 410px) {
-  .global-nav__search-icon {
+  .nav-global__search-icon {
     background-size: 22px 22px;
   }
 }
 
 @media screen and (min-width: 576px) {
-  .global-nav__search-icon {
+  .nav-global__search-icon {
     background-size: 24px 24px;
     height: 24px;
     width: 24px;
@@ -128,30 +115,30 @@
 }
 
 @media screen and (min-width: 768px) {
-  .global-nav__search-icon {
+  .nav-global__search-icon {
     background-size: 25px 25px;
     height: 26px;
     width: 26px;
   }
 }
 
-.global-nav .global-nav__search-toggle .global-nav__search-icon {
+.nav-global .nav-global__search-toggle .nav-global__search-icon {
   float: right;
 }
 
-.global-nav__search-collapse {
+.nav-global__search-collapse {
   display: none;
   margin-top: -110px;
 }
 
 @media screen and (min-width: 576px) {
-  .global-nav__search-collapse {
+  .nav-global__search-collapse {
     margin-top: -115px;
   }
 }
 
 @media screen and (min-width: 992px) {
-  .global-nav__search-collapse {
+  .nav-global__search-collapse {
     display: block;
     margin-left: 0;
     margin-right: 0;
@@ -159,22 +146,22 @@
   }
 }
 
-.global-nav__search-collapse--visible {
+.nav-global__search-collapse--visible {
   display: block;
   width: 100%;
 }
 
-.global-nav--search-toggle {
+.nav-global--search-toggle {
   top: 30px;
 }
 
-.global-nav__search--conatiner {
+.nav-global__search--conatiner {
   max-width: 1100px;
   margin-left: auto;
   margin-right: auto;
 }
 
-.global-nav__search--open-background {
+.nav-global__search--open-background {
   width: 120%;
   background-color: #c61f48;
   height: 65px;
@@ -184,114 +171,114 @@
   left: -40px;
 }
 
-.global-nav__navbar-brand {
+.nav-global__navbar-brand {
   margin-left: -10px;
 }
 
 @media screen and (min-width: 410px) {
-  .global-nav__navbar-brand {
+  .nav-global__navbar-brand {
     margin-left: -15px;
   }
 }
 
 @media screen and (min-width: 488px) {
-  .global-nav__navbar-brand {
+  .nav-global__navbar-brand {
     margin-left: -20px;
   }
 }
 
 @media screen and (min-width: 576px) {
-  .global-nav__navbar-brand {
+  .nav-global__navbar-brand {
     margin-left: -25px;
   }
 }
 
 @media screen and (min-width: 768px) {
-  .global-nav__navbar-brand {
+  .nav-global__navbar-brand {
     margin-left: -35px;
   }
 }
 
 @media screen and (min-width: 992px) {
-  .global-nav__navbar-brand {
+  .nav-global__navbar-brand {
     margin-left: -20px;
   }
 }
 
 @media screen and (min-width: 1000px) {
-  .global-nav__navbar-brand {
+  .nav-global__navbar-brand {
     margin-left: -18px;
   }
 }
 
 @media screen and (min-width: 1080px) {
-  .global-nav__navbar-brand {
+  .nav-global__navbar-brand {
     margin-left: -22px;
   }
 }
 
 @media screen and (min-width: 1200px) {
-  .global-nav__navbar-brand {
+  .nav-global__navbar-brand {
     margin-left: -2.5%;
   }
 }
 
 @media screen and (min-width: 1600px) {
-  .global-nav__navbar-brand {
+  .nav-global__navbar-brand {
     margin-left: -3%;
   }
 }
 
 @media screen and (min-width: 1900px) {
-  .global-nav__navbar-brand {
+  .nav-global__navbar-brand {
     margin-left: -3.25%;
   }
 }
 
 @media screen and (min-width: 2000px) {
-  .global-nav__navbar-brand {
+  .nav-global__navbar-brand {
     margin-left: -3.5%;
   }
 }
 
-.global-nav__kcc-logo-inverse {
+.nav-global__kcc-logo-inverse {
   margin-left: -3px;
   width: 50px;
   margin-right: -10px;
 }
 
 @media screen and (min-width: 360px) {
-  .global-nav__kcc-logo-inverse {
+  .nav-global__kcc-logo-inverse {
     width: 60px;
   }
 }
 
 @media screen and (min-width: 410px) {
-  .global-nav__kcc-logo-inverse {
+  .nav-global__kcc-logo-inverse {
     width: 68px;
   }
 }
 
 @media screen and (min-width: 488px) {
-  .global-nav__kcc-logo-inverse {
+  .nav-global__kcc-logo-inverse {
     width: 68px;
   }
 }
 
 @media screen and (min-width: 576px) {
-  .global-nav__kcc-logo-inverse {
+  .nav-global__kcc-logo-inverse {
     width: 73px;
   }
 }
 
 @media screen and (min-width: 768px) {
-  .global-nav__kcc-logo-inverse {
+  .nav-global__kcc-logo-inverse {
     width: 80px;
   }
 }
 
 @media screen and (min-width: 992px) {
-  .global-nav__kcc-logo-inverse {
+  .nav-global__kcc-logo-inverse {
     width: 80px;
     margin-left: -30px;
     margin-right: 20px;
@@ -299,21 +286,21 @@
 }
 
 @media screen and (min-width: 1100px) {
-  .global-nav__kcc-logo-inverse {
+  .nav-global__kcc-logo-inverse {
     width: 85px;
     margin-right: 15px;
   }
 }
 
 @media screen and (min-width: 1300px) {
-  .global-nav__kcc-logo-inverse {
+  .nav-global__kcc-logo-inverse {
     width: 85px;
     margin-left: -35px;
   }
 }
 
 @media screen and (min-width: 1400px) {
-  .global-nav__kcc-logo-inverse {
+  .nav-global__kcc-logo-inverse {
     width: 85px;
     margin-left: -40px;
   }

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

@@ -0,0 +1,14 @@
+// Margin styles
+// ============================
+
+.margins__col--top {
+  margin-top: 40px;
+}
+
+.margins__heading--btm {
+  margin-bottom: 40px;
+}
+
+.margins__heading-tan--btm{
+  margin-bottom: 21px;
+}

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

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

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

@@ -1,2 +1,14 @@
 // 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;
+}

data/assets/scss/kcc-theme.scss

@@ -18,7 +18,7 @@
 @import '2-modules/timeline';
 @import '2-modules/social-icons';
 @import '2-modules/footer';
-@import '2-modules/global-nav';
+@import '2-modules/nav-global';
 @import '2-modules/playlist';
 @import '2-modules/archive';
 @import '2-modules/bios';
@@ -27,7 +27,9 @@
 // Layout items
 // @import "3-layout/...";
 @import '3-layout/positioning';
-@import '3-layout/posts';
+@import '3-layout/margins';
+@import '3-layout/padding';
+@import '3-layout/tables';
 
 // Page specific styling
 // @import "4-pages/...";