adding my work to dev branch

build_gesso.sh

@@ -35,7 +35,7 @@ if [ -d "source" ]; then
   rm -rf source
   echo "Done removing old source directory ..."
 fi
-ln --force --symbolic "../source" source
+ln -fs "../source" source
 echo "Done symbolic linking source directory ..."
 
 echo "Removing style lint config and replacing with UW config ..."

css/styles.css

@@ -2220,107 +2220,6 @@ details.details {
   .details__description > :last-child {
     margin-bottom: 0; }
 
-.dropbutton {
-  display: inline-block;
-  margin: 0 0 0.5rem;
-  position: relative;
-  vertical-align: top; }
-  .dropbutton.has-multiple {
-    padding-right: 2em; }
-    [dir='rtl'] .dropbutton.has-multiple {
-      padding-left: 2em;
-      padding-right: 0; }
-  .dropbutton.is-open .dropbutton__item {
-    display: block; }
-    .dropbutton.is-open .dropbutton__item:first-child .dropbutton__button {
-      border-bottom-left-radius: 0; }
-  .dropbutton.is-open .dropbutton__toggle-button {
-    background-image: url("../images/dropbutton-arrow-up.svg"); }
-  .dropbutton + .dropbutton,
-  .dropbutton + .button,
-  .button + .dropbutton {
-    margin-left: 0.5em; }
-    [dir='rtl'] .dropbutton + .dropbutton, [dir='rtl']
-    .dropbutton + .button, [dir='rtl']
-    .button + .dropbutton {
-      margin-left: 0;
-      margin-right: 0.5em; }
-
-.dropbutton__list {
-  list-style: none;
-  margin: 0;
-  padding: 0; }
-
-.dropbutton__toggle {
-  bottom: 0;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 2em; }
-
-.dropbutton__toggle-button {
-  background-color: #0071BC;
-  border: 0;
-  border-radius: 0;
-  color: #fff;
-  cursor: pointer;
-  display: inline-block;
-  font-family: "BureauGrotCond Book", impact, "avenir next condensed heavy", "Droid Sans", sans-serif;
-  font-size: 1rem;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  font-weight: 600;
-  line-height: 1.45;
-  padding: 0.5rem 1rem;
-  text-align: center;
-  text-decoration: none;
-  transition: background 200ms cubic-bezier(0.4, 0, 1, 1);
-  vertical-align: top;
-  white-space: normal;
-  background-image: url("../images/dropbutton-arrow-down.svg");
-  background-position: 50% 1rem;
-  background-repeat: no-repeat;
-  background-size: 0.75rem;
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-  height: 100%;
-  padding: 0;
-  white-space: nowrap;
-  width: 100%; }
-  .dropbutton__toggle-button:visited {
-    color: #fff; }
-  .dropbutton__toggle-button:hover, .dropbutton__toggle-button:focus {
-    background-color: #205493;
-    color: #fff; }
-  .dropbutton__toggle-button:active {
-    background-color: #112E51;
-    color: #fff; }
-  .dropbutton__toggle-button[disabled] {
-    background-color: #eee;
-    color: #A2A2A2;
-    cursor: default;
-    pointer-events: none; }
-
-.dropbutton__item {
-  margin: 0;
-  padding: 0; }
-  .dropbutton__item.is-secondary-action {
-    display: none; }
-    .dropbutton__item.is-secondary-action:not(:last-child) .dropbutton__button {
-      border-bottom-left-radius: 0; }
-  .dropbutton__item:not(:first-child) .dropbutton__button {
-    border-top-left-radius: 0; }
-
-.dropbutton .dropbutton__button {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-  display: block;
-  margin: 0;
-  text-align: left;
-  width: 100%; }
-
 .uw-expand-collapse__item {
   display: block;
   width: 100%; }

source/_patterns/04-components/dropbutton/_dropbutton.scss

-// @file
-// Styles for Drupal dropbuttons.
-
-$dropbutton-toggle-height: rem(44px) !default;
-$dropbutton-toggle-width: 2em !default;
-$dropbutton-toggle-icon-size: rem(12px) !default;
-
-.dropbutton {
-  display: inline-block;
-  margin: 0 0 rem(gesso-spacing(xs));
-  position: relative;
-  vertical-align: top;
-
-  &.has-multiple {
-    padding-right: $dropbutton-toggle-width; // LTR
-
-    @if $support-for-rtl {
-      [dir='rtl'] & {
-        padding-left: $dropbutton-toggle-width;
-        padding-right: 0;
-      }
-    }
-  }
-
-  &.is-open {
-    .dropbutton__item {
-      display: block;
-
-      &:first-child .dropbutton__button {
-        border-bottom-left-radius: 0;
-      }
-    }
-
-    .dropbutton__toggle-button {
-      @include svg-background(dropbutton-arrow-up);
-    }
-  }
-
-  & + &,
-  + .button,
-  .button + & {
-    margin-left: 0.5em; // LTR
-
-    @if $support-for-rtl {
-      [dir='rtl'] & {
-        margin-left: 0;
-        margin-right: 0.5em;
-      }
-    }
-  }
-}
-
-.dropbutton__list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.dropbutton__toggle {
-  bottom: 0;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: $dropbutton-toggle-width;
-}
-
-.dropbutton__toggle-button {
-  @include button();
-  @include svg-background(dropbutton-arrow-down);
-  background-position: 50% (($dropbutton-toggle-height / 2) - ($dropbutton-toggle-icon-size / 2));
-  background-repeat: no-repeat;
-  background-size: $dropbutton-toggle-icon-size;
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-  height: 100%;
-  padding: 0;
-  white-space: nowrap;
-  width: 100%;
-}
-
-.dropbutton__item {
-  margin: 0;
-  padding: 0;
-
-  &.is-secondary-action {
-    display: none;
-
-    &:not(:last-child) .dropbutton__button {
-      border-bottom-left-radius: 0;
-    }
-  }
-
-  &:not(:first-child) .dropbutton__button {
-    border-top-left-radius: 0;
-  }
-}
-
-.dropbutton .dropbutton__button { // Nested to override default button styles.
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-  display: block;
-  margin: 0;
-  text-align: left;
-  width: 100%;
-}