diff options
Diffstat (limited to 'p/themes/Mapco/_components.scss')
| -rw-r--r-- | p/themes/Mapco/_components.scss | 43 |
1 files changed, 34 insertions, 9 deletions
diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss index cf7aca73d..5f7e04e56 100644 --- a/p/themes/Mapco/_components.scss +++ b/p/themes/Mapco/_components.scss @@ -22,6 +22,12 @@ } /*=== Dropdown */ +.dropdown { + .dropdown-target:target + .btn { + background-color: variables.$grey-medium-light; + } +} + .dropdown-menu { margin: 9px 0 0 0; padding: 0.5rem 0 1rem 0; @@ -37,8 +43,9 @@ right: 18px; } - .dropdown-header { - padding: 1rem 0.5rem 1rem 1rem; + .dropdown-header, + .dropdown-section .dropdown-section-title { + padding: 1rem 1.5rem; font-weight: bold; text-align: left; color: variables.$grey-dark; @@ -50,16 +57,22 @@ @include mixins.transition(all, 0.075s, ease-in-out); - a, span, .as-link { + > a, + > span, + > .as-link { padding: 0 2rem; color: variables.$main-font-color; - font-size: 1rem; + font-size: inherit; line-height: 2.5em; + + span.icon { + padding: 0 0.25rem !important; + } } - &:not(.addItem) { - a:hover, - button:hover { + > a, + > .as-link { + &:not(.addItem):hover { background: variables.$main-first; color: variables.$white; @@ -69,6 +82,20 @@ } } + &.dropdown-section { + margin-top: 0.75rem; + + ~ .dropdown-section { + border-top-color: variables.$grey-light; + } + + .item { + a, .as-link { + padding-left: 2rem; + } + } + } + &[aria-checked="true"] { a::before { margin: 0 0 0 -14px; @@ -122,8 +149,6 @@ /*=== Alerts */ .alert { - margin: 1rem 0; - padding: 1rem; background: variables.$grey-lighter; color: variables.$grey-dark; font-size: 1rem; |