Sha256: 957bc9ae5a8cc1a06c1608eee814e980f4a25ba904bba3802035683857a3bdbd
Contents?: true
Size: 699 Bytes
Versions: 65
Compression:
Stored size: 699 Bytes
Contents
@use "navigation" as *;
@use "main" as *;
@use "banner" as *;
@use "stack";
html,
body {
width: 100%;
height: 100%;
}
body {
display: grid;
grid-template-areas: "banner banner" "navigation main";
grid-template-rows: auto 1fr;
grid-template-columns: auto 3fr;
}
body > header {
grid-area: banner;
height: 2rem;
overflow-y: auto;
@extend %banner;
}
body > nav {
grid-area: navigation;
height: 100%;
overflow-y: auto;
width: 2rem;
transition: width 0.25s;
@extend %navigation;
&[aria-expanded] {
width: 17rem;
}
}
.navigation-collapse {
grid-area: navigation;
}
body > main {
grid-area: main;
height: 100%;
overflow: clip auto;
@extend %main;
}
Version data entries
65 entries across 65 versions & 1 rubygems