update it-osu-pl-drupal

libraries/it-osu-pl-drupal/02-molecules/forms/_forms.scss

 input {
-  margin-bottom: 5px !important;
+  margin-bottom: 0 !important;
 }
 
 legend {
@@ -25,7 +25,7 @@ legend {
   border: 0;
   margin: 2em 0 1em;
   padding: 1em 1.5em;
-  background-color: $gray-lightest;
+  background-color: $near-white;
 
   legend {
     text-transform: uppercase;
@@ -41,6 +41,14 @@ legend {
 .form-options-list {
   line-height: 160%;
 
+  li {
+    margin-bottom: $space-y-quarter;
+
+    label {
+      font-weight: 400;
+    }
+  }
+
   input {
     margin: 0 4px 0 1px;
   }

libraries/it-osu-pl-drupal/02-molecules/forms/form-drupal-login/_form-drupal-login.scss

 .login-box {
-  background: $gray-lightest;
+  background: $near-white;
   padding: 1em 1.25em 0.5em;
 }
 .login-box--osu {
@@ -20,7 +20,7 @@
   }
 }
 .details__inner--drupal {
-  background-color: $gray-lightest;
+  background-color: $near-white;
 }
 
 // Hide SAML login link because it is already displayed further up the page.

libraries/it-osu-pl-drupal/02-molecules/info-box/_info-box.scss

-@mixin info-box($background: $gray-lightest, $color: $gray-darkest) {
+@mixin info-box($background: $near-white, $color: $near-black) {
   background-color: $background;
   color: $color;
   margin-bottom: $grid-margin-after;
@@ -12,7 +12,7 @@
   }
 
   @if $background == $white {
-    border: 1px solid $gray-lightest;
+    border: 1px solid $near-white;
   }
 }
 

libraries/it-osu-pl-drupal/02-molecules/menus/breadcrumbs/_breadcrumbs.scss

@@ -15,7 +15,7 @@
 
 .breadcrumb__link:hover {
   text-decoration: underline;
-  color: $gray-darkest;
+  color: $near-black;
 }
 
 .breadcrumb__item {
@@ -31,7 +31,7 @@
   }
 
   &:last-child {
-    color: $gray-darkest;
+    color: $near-black;
 
     &::after {
       content: none;

libraries/it-osu-pl-drupal/02-molecules/menus/main-menu/_main-menu.scss

 //adapted from https://code.osu.edu/ocio_odee_web/a11y-navbar
 
 //translate variables for this theme
-$lt-gray: $gray-lightest;
+$lt-gray: $near-white;
 $md-gray: $gray;
-$dk-gray: $gray-darkest;
+$dk-gray: $near-black;
 
 //from original sass/mixins/_visually-hidden.scss
 // Hide only visually, but have it available for screenreaders: h5bp.com/v

libraries/it-osu-pl-drupal/02-molecules/pager/_pager.scss

@@ -30,7 +30,7 @@
   }
 
   &:focus {
-    outline: 2px dotted $gray-darkest;
+    outline: 2px dotted $near-black;
     outline-offset: 0;
     border-color: $clear;
   }

libraries/it-osu-pl-drupal/02-molecules/status-message/_status-message.scss

@@ -15,7 +15,7 @@ $statuses: (
     padding: 1.5em;
 
     a {
-      color: $gray-lighter;
+      color: $gray-light;
       font-weight: 600;
       text-decoration: underline;
 

libraries/it-osu-pl-drupal/02-molecules/tile/_tile.scss

-@mixin tile($background: $gray-lightest, $color: $gray-darkest) {
+@mixin tile($background: $near-white, $color: $near-black) {
   background-color: $background;
   color: $color;
   margin-bottom: $grid-margin-after;
@@ -37,7 +37,7 @@
   }
 
   @if $background == $white {
-    border: 1px solid $gray-lightest;
+    border: 1px solid $gray-border;
   }
 }
 

libraries/it-osu-pl-drupal/02-molecules/tile/tile.twig

-{#
-/**
- * Available variables:
- * - tile_modifiers - array of modifiers to add to the base classname
- * - tile_extra_classes - string of extra classes to add to main div
- * - tile_heading_level - defaults to 2
- * - tile_title - title
- * - tile_link - link from title (leave blank for no link)
- * - tile_text - the content of the paragraph
-#}
-
-{% set classes_array = ['card'] %}
-
-{% if (tile_modifiers is defined) or (tile_icon is defined)  %}
-
-  {% if tile_icon is defined %}
-    {% set classes_array = classes_array|merge(["card--with-icon"]) %}
-  {% endif %}
-
-  {# {% if tile_modifiers is defined %}
-    {% for tile_modifier in tile_modifiers %}
-      {% set classes_array = classes_array|merge(["card--#{tile_modifier}"]) %}
-    {% endfor %}
-  {% endif %} #}
-
-  {% set tile_classes = classes_array|join(' ') %}
-
-{% else %}
-  {% set tile_classes = tile_base_class %}
-{% endif %}
-
-
-<a href="{{ tile_link }}" class="{{ tile_classes }} {{ tile_extra_classes }}">
-  {% if tile_icon %}
-    <div class="tile__icon">
-      <img src="{{ tile_icon }}" alt="{{ tile_icon_alt }}" />
-    </div>
-  {% endif %}
-  <div class="tile__title">
-    {% include "@atoms/00-text/00-headings/_heading.twig" with {
-      "heading_level": tile_heading_level|default(2),
-      "heading": tile_title,
-    } %}
-  </div>
-  {% if tile_text %}
-    <div class="tile__body">
-      {% include "@atoms/00-text/04-paragraph/paragraph.twig" with {
-        "paragraph_content": tile_text,
-      } %}
-    </div>
-  {% endif %}
-</a>
\ No newline at end of file

libraries/it-osu-pl-drupal/03-organisms/masthead/_masthead.scss

@@ -29,7 +29,7 @@
 }
 
 //mixin for masthead--standard
-@mixin masthead-standard($bg-color: $gray-darkest, $text-color: $white) {
+@mixin masthead-standard($bg-color: $near-black, $text-color: $white) {
   background: $bg-color;
   padding: 0.75em 0;
 
@@ -78,7 +78,7 @@
 }
 
 //mixin for masthead--slim
-@mixin masthead-slim($bg-color: $gray-darkest, $text-color: $white) {
+@mixin masthead-slim($bg-color: $near-black, $text-color: $white) {
   background: $bg-color;
 
   #site-name {
@@ -135,11 +135,11 @@
 }
 
 .masthead--standard.masthead--lt-gray {
-  @include masthead-standard($gray-lightest, $gray-darker);
+  @include masthead-standard($near-white, $near-black);
 }
 
 .masthead--standard.masthead--white {
-  @include masthead-standard($white, $gray-dark);
+  @include masthead-standard($white, $near-black);
 }
 
 .masthead--slim,
@@ -154,10 +154,10 @@
 
 .masthead--slim,
 .masthead--slim.masthead--lt-gray {
-  @include masthead-slim($gray-lightest, $gray-darker);
+  @include masthead-slim($near-white, $near-black);
 }
 
 .masthead--slim,
 .masthead--slim.masthead--white {
-  @include masthead-slim($white, $gray-dark);
+  @include masthead-slim($white, $near-black);
 }

libraries/it-osu-pl-drupal/03-organisms/osu-navbar/_osu-navbar.scss

 @mixin osu-navbar(
-  $bg-color: $gray-lightest,
-  $text-color: $gray-darker,
+  $bg-color: $near-white,
+  $text-color: $gray-dark,
   $image-src: '/images/'
 ) {
   background: $bg-color;
@@ -142,5 +142,5 @@
 }
 
 #osu_navbar.dark {
-  @include osu-navbar($gray-darker, $white, '/images/white/');
+  @include osu-navbar(#2e2e2e, $white, '/images/white/');
 }

libraries/it-osu-pl-drupal/03-organisms/site-footer/_site-footer.scss

@@ -46,10 +46,10 @@
 
 //mixin for colors
 @mixin footer(
-  $bg-color: $gray-darkest,
+  $bg-color: $near-black,
   $text-color: $white,
-  $link-hover: $gray-lighter,
-  $pipe-color: $gray-lighter
+  $link-hover: $gray-light,
+  $pipe-color: $gray-light
 ) {
   background: $bg-color;
   color: $text-color;
@@ -81,17 +81,17 @@
 }
 
 .site-footer--md-gray {
-  @include footer($gray, $white, $gray-lightest, $gray-lightest);
+  @include footer($gray, $white, $near-white, $near-white);
 
   .social-media__item a {
-    border: 1px solid $gray-lighter;
+    border: 1px solid $gray-light;
   }
 }
 
 .site-footer--lt-gray {
-  @include footer($gray-lightest, $gray-darker, $red, $red);
+  @include footer($near-white, $near-black, $red, $red);
 }
 
 .site-footer--white {
-  @include footer($white, $gray-dark, $red, $red);
+  @include footer($white, $near-black, $red, $red);
 }

libraries/it-osu-pl-drupal/README.md

-# it-osu-pl-drupal
-IT@OSU Pattern Lab assets for use in a Drupal 8 theme. 

libraries/it-osu-pl-drupal/_settings.scss

@@ -78,11 +78,11 @@ $foundation-palette: (
   warning: $orange,
   alert: $violet,
 );
-$light-gray: $gray-lightest;
-$medium-gray: $gray-lighter;
-$dark-gray: $gray-darker;
+$light-gray: $near-white;
+$medium-gray: $gray-light;
+$dark-gray: $gray-dark;
 $body-background: $white;
-$body-font-color: $gray-darkest;
+$body-font-color: $near-black;
 $body-font-family: $proxima;
 $body-antialiased: true;
 $global-margin: 1rem;
@@ -133,7 +133,7 @@ $header-font-family: $proxima;
 $header-font-weight: 600;
 $header-font-style: normal;
 $font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
-$header-color: $gray-darkest;
+$header-color: $near-black;
 $header-color--hover: $teal;
 $header-lineheight: 1.2;
 $header-margin-bottom: $space-y;
@@ -160,12 +160,12 @@ $list-lineheight: $paragraph-lineheight;
 $list-margin-bottom: $paragraph-margin-bottom;
 $list-style-type: disc;
 $list-style-position: outside;
-$list-side-margin: 1.25rem;
-$list-nested-side-margin: 1.25rem;
+$list-side-margin: 1rem;
+$list-nested-side-margin: 1rem;
 $defnlist-margin-bottom: 1rem;
 $defnlist-term-weight: $global-weight-bold;
-$defnlist-term-margin-bottom: 0.3rem;
-$blockquote-color: $dark-gray;
+$defnlist-term-margin-bottom: 0.5rem;
+$blockquote-color: $near-black;
 $blockquote-padding: rem-calc(9 20 0 19);
 $blockquote-border: 1px solid $medium-gray;
 $cite-font-size: rem-calc(13);