trwnh.com/unified.test.hugo/assets/styles/layouts/_default/single.scss

73 lines
1.6 KiB
SCSS
Raw Normal View History

2024-11-13 17:24:48 +00:00
// .page[has-toc] {
// padding-block-end: 4em;
// }
// .page > .table-of-contents {
// display: none;
// }
// @media (min-width: 400px) {
// .container {
// padding: 0 2em;
// }
// }
// @media (min-width: 60rem) {
// label[for="toc-toggle"] {
// display: none;
// }
// .page[has-toc] {
// inline-size: 100%;
// max-inline-size: var(--site-max-width);
// margin-inline: auto;
// display: grid;
// grid-template-columns: minmax(37em, 1fr) minmax(17em, 20em);
// grid-template-rows: auto auto auto;
// gap: 2em;
// padding-block-end: unset;
// .page-header {
// grid-column: 1 / span 2;
// grid-row: 1;
// }
// .table-of-contents {
// display: block;
// grid-column: 2;
// grid-row: 2;
// position: sticky;
// inset-block-start: 2em;
// align-self: start;
// justify-self: start;
// max-width: unset;
// border-inline-start: thin solid var(--ui-overlay);
// padding-inline: 2em;
// max-height: 90vh;
// overflow-y: auto;
// scrollbar-color: var(--ui-text) var(--ui-overlay);
// &::-webkit-scrollbar-thumb {
// background-color: var(--ui-text)
// }
// &::-webkit-scrollbar-track {
// background-color: var(--ui-overlay)
// }
// }
// .page-content {
// grid-column: 1;
// grid-row: 2;
// max-width: unset;
// padding-block-start: 0.5rem;
// padding-block-end: 0;
// .toc {
// display: none;
// }
// }
// .page-footer {
// grid-column: 1;
// grid-row: 3;
// max-width: unset;
// #footnotes h2 {margin-block-start: 0;}
// padding-block: 0;
// }
// }
// }
// }