* add MobileDrawer component * WIP begin navigation component * rough working version complete * update story to allow for actual navigation * add component tests * add docs * add HTML variants * add a max width to the drawer
26 lines
430 B
SCSS
26 lines
430 B
SCSS
@import '../config/import';
|
|
|
|
.drawer-navigation {
|
|
&__item {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
a {
|
|
color: var(--body-color);
|
|
}
|
|
|
|
a[aria-current='page'] {
|
|
color: var(--link-brand-color);
|
|
}
|
|
|
|
.check-icon {
|
|
vertical-align: middle;
|
|
display: none;
|
|
color: var(--link-brand-color);
|
|
}
|
|
|
|
a[aria-current='page'] + .check-icon {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|