diff --git a/components/_dropdowns.scss b/components/_dropdowns.scss new file mode 100644 index 000000000..125c7eb6a --- /dev/null +++ b/components/_dropdowns.scss @@ -0,0 +1,20 @@ +.wds-dropdown-toggle { + display: inline-block; + position: relative; + + &.wds-is-active .wds-dropdown { + display: inline-block; + } +} + +.wds-dropdown { + background-color: $color-white; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); + display: none; + position: absolute; + z-index: 1; + + &.wds-is-dark { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); + } +} diff --git a/components/index.scss b/components/index.scss index 9a3754ccc..46ad91f97 100644 --- a/components/index.scss +++ b/components/index.scss @@ -1,3 +1,4 @@ @import 'buttons'; +@import 'dropdowns'; @import 'global-footer'; @import 'global-navigation';