diff options
Diffstat (limited to 'css/sideMenu.scss')
-rw-r--r-- | css/sideMenu.scss | 75 |
1 files changed, 0 insertions, 75 deletions
diff --git a/css/sideMenu.scss b/css/sideMenu.scss deleted file mode 100644 index 7fea9f2..0000000 --- a/css/sideMenu.scss +++ /dev/null @@ -1,75 +0,0 @@ -#sideMenu { - align-items: center; - background-color: var(--backgroundColour); - display: flex; - flex-direction: column; - gap: $separatorWidth; - justify-content: space-between; - left: 100vw; - min-height: calc(100vh + var(--padding)); - padding: 1rem; - padding-bottom: 2rem; - padding-top: calc($hamburgerHeight + var(--padding) * 2); - position: relative; - width: 100%; - z-index: 127; - - body[data-page = "achernar"] & { - background-color: var(--backgroundColour); - } - - @media (pointer: fine) and (not (prefers-reduced-motion)) { - transition: left $sideMenuToggleDuration; - transition-timing-function: ease-in-out; - } - - &.visible { - left: 0; - } - - section.links { - display: flex; - gap: $separatorWidth; - justify-content: end; - max-width: $contentWidth; - padding: 0 1rem; - width: 100%; - - @media (orientation: portrait) { - flex-direction: column; - } - - section { - display: flex; - flex-direction: column; - gap: $separatorWidth; - - p { - background-color: var(--textColour); - border-radius: $separatorWidth; - color: var(--backgroundColour); - font-weight: bold; - padding: $separatorWidth 1rem; - text-align: center; - } - - a { - padding: 0 calc($separatorWidth * 2); - position: relative; - - &[aria-current = "page"]::after { - background-color: var(--textColour); - border-radius: $separatorWidth; - content: ""; - display: block; - height: 100%; - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); - width: $separatorWidth; - } - } - } - } -} |