49 lines
1.0 KiB
CSS
49 lines
1.0 KiB
CSS
.secondaryNavigation {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
gap: var(--Spacing-x6);
|
|
margin-top: var(--Spacing-x6);
|
|
}
|
|
|
|
.secondaryNavigationList {
|
|
display: flex;
|
|
flex-direction: column;
|
|
list-style: none;
|
|
gap: var(--Spacing-x3);
|
|
}
|
|
|
|
.secondaryNavigationGroup {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Spacing-x3);
|
|
}
|
|
|
|
.secondaryNavigationGroupTitle {
|
|
color: var(--Base-Text-Medium-contrast);
|
|
font-weight: var(--typography-Body-Bold-fontWeight);
|
|
font-family: var(--typography-Body-Bold-fontFamily);
|
|
margin: 0;
|
|
}
|
|
|
|
.secondaryNavigationLink {
|
|
color: var(--Base-Text-High-contrast);
|
|
font-weight: var(--typography-Body-Bold-fontWeight);
|
|
font-family: var(--typography-Body-Bold-fontFamily);
|
|
margin: 0;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media screen and (min-width: 767px) {
|
|
.secondaryNavigation {
|
|
margin-top: var(--Spacing-x4);
|
|
gap: 120px;
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1367px) {
|
|
.secondaryNavigation {
|
|
margin-top: 0;
|
|
gap: 80px;
|
|
}
|
|
}
|