summaryrefslogtreecommitdiff
path: root/css/sideMenu.scss
diff options
context:
space:
mode:
Diffstat (limited to 'css/sideMenu.scss')
-rw-r--r--css/sideMenu.scss75
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;
- }
- }
- }
- }
-}