www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

Apply 1 suggestion(s) to 1 file(s)

This commit is contained in:
William Tran 2021-05-31 07:02:53 +00:00
parent 35b0160f62
commit 552330ca9b
1 changed files with 114 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

228
components/OrganizedContent.module.css
View File

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