Merge pull request #475 from ASCWebServices/canini-3

template and style updates

web/themes/asc_bootstrap/assets/sass/components/_academic-programs.scss

@@ -8,25 +8,27 @@
 //## view grid.
 .view-academic-programs {
 
-  .view-content {
 
-    h3 {
-      margin: 0;
-      padding: 15px 15px 0;
 
-      &:nth-of-type(odd) {
-        background: $brand-lgray;
-      }
+.view-content {
+
+  h3 {
+    margin: 0;
+    padding: 15px 15px 0;
+
+    &:nth-of-type(odd) {
+      background: $brand-lgray;
     }
+  }
 
-    .views-view-grid {
-      padding: 0 15px 15px;
+  .views-view-grid {
+    padding: 0 15px 15px;
 
-      &:nth-of-type(odd) {
-        background: $brand-lgray;
-      }
+    &:nth-of-type(odd) {
+      background: $brand-lgray;
     }
   }
+}
 
   .btn-programs {
     padding: 0;
@@ -171,15 +173,12 @@
     text-transform: uppercase;
   }
 
-  h1 {
-    margin-bottom: 0
-  }
-
   .ap-title-program {
-    font-size: 16px;
+    font-size: 20px;
     vertical-align: baseline;
     text-transform: uppercase;
     font-weight: 500;
+    padding-left: 20px;
   }
 
 }
@@ -206,6 +205,21 @@
 
     .region-sidebar-menu {
 
+      .view-content {
+        h3 {
+          margin: 0;
+          padding: 15px 0px;
+
+          &:nth-of-type(odd) {
+            background: none;
+          }
+        }
+
+        .views-field-title {
+          margin-bottom: 10px;
+        }
+      }
+
       @media (max-width: 768px) {
         display: block;
         float: none;

web/themes/asc_bootstrap/assets/sass/components/_departments-centers.scss

@@ -37,7 +37,7 @@
     border-top: solid 3px $brand-red;
     margin: 1em;
     padding: 0;
-    max-width: 33.33333%;
+    max-width: 30%;
 
     .views-field-fieldset {
       height: 100%;

web/themes/asc_bootstrap/assets/sass/components/_filters.scss

@@ -100,7 +100,7 @@
     }
 
     .btn-primary {
-      background-color: #26686d;
+      background-color: $filter-color;
       border-color: #225d62;
 
       &:hover {
@@ -181,7 +181,7 @@
     }
 
     .btn-primary {
-      background-color: #26686d;
+      background-color: $filter-color;
       border-color: #225d62;
 
       &:hover {
@@ -220,6 +220,59 @@
 
 
 
+
+// --------------------------------------------------
+//## Discover Your Path.
+
+.view-discover-your-path {
+  .bef-exposed-form {
+    background: #D8D8D8;
+    padding: 10px 20px;
+
+    .form-type-checkbox {
+      padding-right: 15px;
+
+      input {
+        margin-right: 5px;
+      }
+    }
+
+    .form-actions {
+
+      .button {
+        text-transform: uppercase;
+        border-radius: 0;
+      }
+
+      .form-submit {
+        float: right;
+
+        @media (max-width: 768px) {
+          width: 100%;
+          margin: 10px 0;
+          float: none;
+        }
+      }
+
+      .btn-primary {
+        background-color: $filter-color;
+        border-color: #225d62;
+
+        &:hover {
+          background-color: #1b494c;
+          border-color: #1e5357;
+        }
+      }
+
+      @media (max-width: 768px) {
+        display: flex;
+        flex-direction: column-reverse;
+      }
+    }
+  }
+}
+
+
 // --------------------------------------------------
 //## Events.
 
@@ -315,7 +368,7 @@
     }
 
     .btn-primary {
-      background-color: #26686d;
+      background-color: $filter-color;
       border-color: #225d62;
 
       &:hover {
@@ -429,7 +482,7 @@
     }
 
     .btn-primary {
-      background-color: #26686d;
+      background-color: $filter-color;
       border-color: #225d62;
 
       &:hover {
@@ -542,7 +595,7 @@
     }
 
     .btn-primary {
-      background-color: #26686d;
+      background-color: $filter-color;
       border-color: #225d62;
 
       &:hover {
@@ -718,7 +771,7 @@
     }
 
     .btn-primary {
-      background-color: #26686d;
+      background-color: $filter-color;
       border-color: #225d62;
 
       &:hover {
@@ -822,7 +875,7 @@
     }
 
     .btn-primary {
-      background-color: #26686d;
+      background-color: $filter-color;
       border-color: #225d62;
 
       &:hover {
@@ -930,7 +983,7 @@
     }
 
     .btn-primary {
-      background-color: #26686d;
+      background-color: $filter-color;
       border-color: #225d62;
 
       &:hover {
@@ -1065,7 +1118,7 @@
     }
 
     .btn-primary {
-      background-color: #26686d;
+      background-color: $filter-color;
       border-color: #225d62;
 
       &:hover {

web/themes/asc_bootstrap/assets/sass/components/_menu.scss

-@import "helpers/mixins";
-@import "helpers/variables";
-@import "helpers/functions";
+@import "../helpers/mixins";
+@import "../helpers/variables";
+@import "../helpers/functions";
 
 #main-nav {
   background-color: #373535;

web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss

@@ -62,6 +62,18 @@
     }
   }
 
+  .col-ml,
+  .col-mr {
+    padding: 16px 0;
+    padding-left: 15px;
+    padding-right: 15px;
+
+    @media (max-width: 768px) {
+      padding-right: 0;
+      padding-left: 0;
+    }
+  }
+
   .col-r {
     padding: 16px 0;
     padding-right: 0;

web/themes/asc_bootstrap/assets/sass/components/_sidebar-menu.scss

-@import "helpers/mixins";
-@import "helpers/variables";
-@import "helpers/functions";
+@import "../helpers/mixins";
+@import "../helpers/variables";
+@import "../helpers/functions";
 
 aside {
 

web/themes/asc_bootstrap/assets/sass/helpers/_variables.scss

@@ -36,6 +36,8 @@ $deep-grey: #333333 !default;
 $blue-green: #26686D !default;
 $purple: #851E5E !default;
 
+$filter-color: #BA0C2F !default;
+
 
 //== Scaffolding
 //

web/themes/asc_bootstrap/assets/sass/pages/_landing-page.scss

@@ -109,6 +109,7 @@
 
 .stats {
   text-align: center;
+  margin-bottom: 40px;
 }
 
 .stat-num {

web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_four.html.twig

@@ -184,11 +184,11 @@
       {{ thecont[0] }}
     </div>
 
-    <div class="{{ mleftwidth }} col-m">
+    <div class="{{ mleftwidth }} col-ml">
       {{ thecont[1] }}
     </div>
 
-    <div class="{{ mrightwidth }} col-m">
+    <div class="{{ mrightwidth }} col-mr">
       {{ thecont[2] }}
     </div>