mirror of
https://github.com/LukeHagar/unicorn-utterances.git
synced 2025-12-06 04:21:55 +00:00
d701825d0b
# Conflicts: # astro.config.ts # package-lock.json # package.json # src/types/plausible.d.ts # src/utils/debounce.ts
51 lines
715 B
SCSS
51 lines
715 B
SCSS
@import "src/tokens/index";
|
|
|
|
.container {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.content {
|
|
width: 1px;
|
|
flex-grow: 1;
|
|
max-width: var(--max-width_m);
|
|
padding: var(--site-spacing);
|
|
}
|
|
|
|
.sidebarLeft,
|
|
.sidebarRight {
|
|
flex-basis: 25%;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
max-width: calc(var(--max-width_m) / 2);
|
|
animation: fadeIn 300ms ease-in-out;
|
|
|
|
position: sticky;
|
|
top: var(--site-spacing);
|
|
max-height: calc(100vh - var(--site-spacing));
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.sidebarRight {
|
|
@include until($desktopSmall) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.sidebarLeft {
|
|
@include until($tabletLarge) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|