parent
35b0160f62
commit
552330ca9b
@ -1,114 +1,114 @@ |
||||
.organizedContent { |
||||
display: flex; |
||||
} |
||||
|
||||
.organizedContent h1 { |
||||
font-size: 1.5rem; |
||||
margin: 1rem 0 1rem 0; |
||||
color: var(--blue-2); |
||||
} |
||||
|
||||
.nav { |
||||
margin: 1rem 2rem 0 0.5rem; |
||||
} |
||||
|
||||
.navOption { |
||||
display: flex; |
||||
overflow: hidden; |
||||
white-space: nowrap; |
||||
font-size: 0.875rem; |
||||
} |
||||
|
||||
.navLink { |
||||
width: 100%; |
||||
cursor: pointer; |
||||
padding: 0.5rem 2rem 0.5rem 0.5rem; |
||||
} |
||||
|
||||
.navLinkSelected { |
||||
/* smaller to account for marker width */ |
||||
padding: 0.5rem 1.15rem 0.5rem 0.5rem; |
||||
} |
||||
|
||||
.readAll { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.divider { |
||||
border-bottom: 1px solid var(--blue-2); |
||||
opacity: 0.25; |
||||
width: '100%', |
||||
} |
||||
|
||||
.selectedHeadingArea > .navOption { |
||||
color: var(--blue-2); |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.selectedHeadingArea { |
||||
background-color: var(--blue-1-05); |
||||
} |
||||
|
||||
.selectedMarker { |
||||
background-color: var(--blue-2); |
||||
width: calc(4rem / 16); |
||||
margin: 0.4rem 0.1rem 0.4rem 0.5rem; |
||||
} |
||||
|
||||
.footer { |
||||
margin-top: 1rem; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
|
||||
.footerSection { |
||||
display: flex; |
||||
} |
||||
|
||||
.arrowHeading { |
||||
color: var(--blue-2); |
||||
font-size: 0.875rem; |
||||
font-weight: bold; |
||||
text-decoration: underline; |
||||
text-underline-offset: 0.5rem; |
||||
text-decoration-thickness: 0.1rem; |
||||
} |
||||
|
||||
.prevNext { |
||||
font-size: 0.75rem; |
||||
} |
||||
|
||||
.nextText { |
||||
text-align: end; |
||||
} |
||||
|
||||
.arrow { |
||||
fill: var(--blue-2); |
||||
margin-top: 1.7rem; |
||||
} |
||||
|
||||
.prevArrow { |
||||
transform: rotate(90deg); |
||||
padding-right: 0.5rem; |
||||
|
||||
} |
||||
|
||||
.nextArrow { |
||||
transform: rotate(270deg); |
||||
padding-left: 0.5rem; |
||||
} |
||||
|
||||
.footerSection { |
||||
cursor: pointer; |
||||
display: flex; |
||||
} |
||||
|
||||
.footerDivider { |
||||
width: 1rem; |
||||
} |
||||
|
||||
@media only screen and (max-width: calc(768rem / 16)) { |
||||
.nav { |
||||
display: none; |
||||
} |
||||
} |
||||
.organizedContent { |
||||
display: flex; |
||||
} |
||||
|
||||
.organizedContent h1 { |
||||
font-size: 1.5rem; |
||||
margin: 1rem 0 1rem 0; |
||||
color: var(--blue-2); |
||||
} |
||||
|
||||
.nav { |
||||
margin: 1rem 2rem 0 0.5rem; |
||||
} |
||||
|
||||
.navOption { |
||||
display: flex; |
||||
overflow: hidden; |
||||
white-space: nowrap; |
||||
font-size: 0.875rem; |
||||
} |
||||
|
||||
.navLink { |
||||
width: 100%; |
||||
cursor: pointer; |
||||
padding: 0.5rem 2rem 0.5rem 0.5rem; |
||||
} |
||||
|
||||
.navLinkSelected { |
||||
/* smaller to account for marker width */ |
||||
padding: 0.5rem 1.15rem 0.5rem 0.5rem; |
||||
} |
||||
|
||||
.readAll { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.divider { |
||||
border-bottom: 1px solid var(--blue-2); |
||||
opacity: 0.25; |
||||
width: 100%, |
||||
} |
||||
|
||||
.selectedHeadingArea > .navOption { |
||||
color: var(--blue-2); |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.selectedHeadingArea { |
||||
background-color: var(--blue-1-05); |
||||
} |
||||
|
||||
.selectedMarker { |
||||
background-color: var(--blue-2); |
||||
width: calc(4rem / 16); |
||||
margin: 0.4rem 0.1rem 0.4rem 0.5rem; |
||||
} |
||||
|
||||
.footer { |
||||
margin-top: 1rem; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
|
||||
.footerSection { |
||||
display: flex; |
||||
} |
||||
|
||||
.arrowHeading { |
||||
color: var(--blue-2); |
||||
font-size: 0.875rem; |
||||
font-weight: bold; |
||||
text-decoration: underline; |
||||
text-underline-offset: 0.5rem; |
||||
text-decoration-thickness: 0.1rem; |
||||
} |
||||
|
||||
.prevNext { |
||||
font-size: 0.75rem; |
||||
} |
||||
|
||||
.nextText { |
||||
text-align: end; |
||||
} |
||||
|
||||
.arrow { |
||||
fill: var(--blue-2); |
||||
margin-top: 1.7rem; |
||||
} |
||||
|
||||
.prevArrow { |
||||
transform: rotate(90deg); |
||||
padding-right: 0.5rem; |
||||
|
||||
} |
||||
|
||||
.nextArrow { |
||||
transform: rotate(270deg); |
||||
padding-left: 0.5rem; |
||||
} |
||||
|
||||
.footerSection { |
||||
cursor: pointer; |
||||
display: flex; |
||||
} |
||||
|
||||
.footerDivider { |
||||
width: 1rem; |
||||
} |
||||
|
||||
@media only screen and (max-width: calc(768rem / 16)) { |
||||
.nav { |
||||
display: none; |
||||
} |
||||
} |
||||
|
Loading…
Reference in new issue