From 552330ca9b0d1faae0876fe2a52d04c6e2e30d16 Mon Sep 17 00:00:00 2001 From: William Tran Date: Mon, 31 May 2021 07:02:53 +0000 Subject: [PATCH] Apply 1 suggestion(s) to 1 file(s) --- components/OrganizedContent.module.css | 228 ++++++++++++------------- 1 file changed, 114 insertions(+), 114 deletions(-) diff --git a/components/OrganizedContent.module.css b/components/OrganizedContent.module.css index cb416236..8fdc0adc 100644 --- a/components/OrganizedContent.module.css +++ b/components/OrganizedContent.module.css @@ -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; + } +}