diff --git a/build_gesso.sh b/build_gesso.sh index fb7f7cc1e2bad80ea2b76847d71d24a02a5828cf..7ce24e06287995bf180621d3edc54ab82e461a66 100755 --- a/build_gesso.sh +++ b/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 ..." diff --git a/css/styles.css b/css/styles.css index eddf021a87bff12ea76923da69ce625c60a15e7b..7a4f146424dbe3923751ad9f202ee36cc5558a2d 100644 --- a/css/styles.css +++ b/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%; } diff --git a/source/_patterns/04-components/dropbutton/_dropbutton.scss b/source/_patterns/04-components/dropbutton/_dropbutton.scss index 18b9081afbca6c0b61af3404cbff5d9c63c08e66..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 100644 --- a/source/_patterns/04-components/dropbutton/_dropbutton.scss +++ b/source/_patterns/04-components/dropbutton/_dropbutton.scss @@ -1,107 +0,0 @@ -// @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%; -}