Revert "glossary and homepage design"

This reverts commit 0de6b75.
eea · Apr 14, 2020 · c4e02b5 · c4e02b5
1 parent 0de6b75
commit c4e02b5
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 121 deletions.
diff --git a/theme/themes/pastanaga/collections/menu.overrides b/theme/themes/pastanaga/collections/menu.overrides
@@ -116,29 +116,11 @@
       margin-left: 0;
     }
 
-    a {
-      &:hover {
-      color: rgba(white, .5);
-      border-color: transparent;
-      }
-    }
-
     .item {
-      font-weight: 300;
-      font-size: 14px;
-      text-transform: uppercase;
-      color: rgba(white, .8);
       padding-top: @relativeBig;
       margin: 0;
-
-      &.active {
-        font-weight: 700;
-        color: white;
-        border-color: transparent;
-        &:hover {
-          color: rgba(white, .8);
-        }
-      }
+      text-transform: uppercase;
+      color: white;
 
       @media only screen and (min-width: @largestTabletScreen) {
         padding: 1.7em 0 @relativeBig;

diff --git a/theme/themes/pastanaga/globals/site.overrides b/theme/themes/pastanaga/globals/site.overrides
@@ -2,6 +2,7 @@
         Global Overrides
 *******************************/
 
+
 .footerWrapper {
   background-color: @primaryColor !important;
   color           : white;
@@ -18,74 +19,45 @@
     text-decoration: underline;
     font-weight    : bold;
   }
-
-  p {
-    color: white !important;
-  }
 }
 
-#page-document.ui.container{
-  width: 80% !important;
-  margin: 4rem auto !important;
-}
 
 .widthSidebar {
   display: flex;
 
   #page-document.hasSidebar {
     width: 70%;
-    background-color: @lightPrimaryColor;
+    background-color: #f6f6f6;
     padding: 3rem;
-    text-align: left;
   }
   .page-document-sidebar {
     width: 30%;
-    background-color: @lightSecondaryColor;
+    background-color: #7c7c7c;
     display: flex;
     min-height: 100vh;
     .tabs {
       flex-direction: column;
       margin-left: auto;
       display: inline-flex;
       position: relative;
-      margin-right: 2rem;
-      margin-top: 4rem;
-      width: 58%;
+      margin-right: 1rem;
+      margin-top: 2rem;
       a {
-        color: @bodyColor;
-        font-size: 1rem;
-        &.tabs__item {
-        padding-bottom: 2rem;
-          &.tabs__item_active {
-            font-weight: 700;
-            color: @linkColor;
-          }
-        }
+        color: white;
+        font-size: 1.2rem;
       }
     }
   }
-  .hasSidebar{
-    padding-right: 10rem !important;
-    h1.documentFirstHeading {
-      text-align: left;
-    }
-  }
 }
 
 .tabs.section-tabs {
-  width: 78%;
-  margin: 0 auto;
+  display: flex;
+  justify-content: center;
   a {
-    color: @bodyColor;
-    font-size: 18px;
+    color: #3f3f3f;
+    font-size: 1.2rem;
     margin-right: 4rem;
     line-height: 3;
-    padding-bottom: 1rem;
-    &.tabs__item_active {
-      font-weight: 700;
-      color: @primaryColor;
-      border-bottom: 1rem solid @primaryColor;
-    }
   }
 }
 
@@ -94,40 +66,28 @@
   margin: 0;
 }
 
-h1.documentFirstHeading{
-  text-align: center;
-}
-
-h1.documentFirstHeading, h2, h3{
+h1.documentFirstHeading {
   font-size: 36px;
-  color: @primaryColor;
-  font-weight: 700;
   border-bottom: none!important;
   &:before {
     display: none!important;
   }
 }
 
-p {
-
-  color: @bodyColor;
-  font-weight: 300;
-  &.documentDescription{
-    color: @fullBlack;
-  }
-}
-
 .breadcrumbs {
   display: none;
 }
 
+
+
+
 .detailed-link-block {
   display: flex;
   flex-wrap: wrap;
   max-width: 800px;
   margin: 0 auto;
   flex-direction: column;
-}
+} 
 
 
 .detailed-link-block-item-title {
@@ -158,4 +118,4 @@ p {
     font-size: 16px;
     position: relative;
   }
-}
+}
diff --git a/theme/themes/pastanaga/globals/site.variables b/theme/themes/pastanaga/globals/site.variables
@@ -6,7 +6,7 @@
        Fonts
 --------------------*/
 
-@fontName          : 'Source Sans Pro';
+@fontName          : 'Poppins';
 
 @googleFontSizes   : '300,400,500,700,400italic,700italic';
 
@@ -24,19 +24,11 @@
 /*-------------------
     Brand Colors
 --------------------*/
-@primaryColor        : @lightblue;
+@primaryColor        : @darkBlue;
 
-@secondaryColor      : @darkBlue;
+@secondaryColor      : @brown;
 
-@bodyColor           : @bodyGrey;
-
-@darkPrimaryColor    : @darkOrange;
-
-@lightPrimaryColor   : @lightBodyGrey;
-
-@lightSecondaryColor : @lightOrange;
-
-/* @lightSecondaryColor : @lightGrey; */
+@lightSecondaryColor : @lightGrey;
 
 
 /*--------------
@@ -92,7 +84,7 @@
        Links
 --------------------*/
 
-@linkColor           : @lighterOrange;
+@linkColor           : @blue;
 
 
 /*-------------------
@@ -140,29 +132,18 @@
 @brown            : #826A6A; // Palette: reddishGrey
 @grey             : #68778D; // Palette: blueishGrey
 @black            : #252525; // Palette: darkishGrey
-@darkBlue         : #32536B;
-@darkOrange       : #D63D27;
-@darkGreen        : #009590;
+@darkBlue         : #005384;
 
 /*---  Light Colors  ---*/
 @lightOlive       : #C9EAB1; // Palette: lightSage
 @lightGrey        : #878F93;
-@lightblue        : #4296B2;
-@lightOrange      : #F3EFEE;
-@lighterOrange    : #EC776A;
-@lightBodyGrey    : #F6F6F6;
-@greyBlue         : #6C8BA2;
-
-
 
 /*---   Neutrals  ---*/
 @fullBlack        : #000000;
 @offWhite         : #F9FAFB;
 @darkWhite        : #F3F4F5;
 @midWhite         : #DCDDDE;
 @white            : #FFFFFF;
-@bodyGrey         : #333333;
-
 
 /*--- Colored Backgrounds ---*/
 @redBackground    : #F5C1C1; // Palette: alertError

diff --git a/theme/themes/pastanaga/modules/search.overrides b/theme/themes/pastanaga/modules/search.overrides
@@ -2,8 +2,7 @@
          Theme Overrides
 *******************************/
 .glossary-search {
-    //max-width: 964px;
-    width: 80%;
+    max-width: 964px;
     margin   : 2rem auto;
 
     .searchbox {
@@ -13,28 +12,15 @@
     .input {
         border-radius: 30px;
         height       : 50px;
-        background   : #EDEDED;
-        padding-left : 1.5rem;
-        font-weight: 300;
-        font-size: 18px;
-        color: @bodyColor;
-        /*
-        &:before{
-          font-family: "Font Awesome 5 Free";
-          font-weight: 700;
-          content: "\f007";
-          margin: auto 1rem;
-          color: @secondaryColor;
-        }
-        */
+        background   : #F6F6F6;
+        padding-left : 1rem;
     }
 
     button {
-        background: @secondaryColor !important;
+        background: #008173!important;
         border-radius: 30px;
         padding: 0 2rem!important;
         color: white!important;
-        font-weight: 700;
         margin-left: 1rem;
     }
-}
+}