fix(layout): grid triage and regression (#1440)

Emile Bangma

2024-09-25 a7a0dcad22876b8e4e0185b8c4b4d8131be965b1

 quartz/styles/base.scss

@@ -250,6 +250,8 @@

    & .center,
    & footer {
      max-width: 100%;
      min-width: 100%;
      margin-left: auto;
      margin-right: auto;
      @media all and ($desktop) {
@@ -416,7 +418,7 @@
    counter-increment: line 0;
    display: grid;
    padding: 0.5rem 0;
    overflow-x: scroll;
    overflow-x: auto;

    & [data-highlighted-chars] {
      background-color: var(--highlight);
@@ -535,12 +537,15 @@
}

div:has(> .overflow) {
  display: flex;
  position: relative;
  overflow-y: auto;
  max-height: 100%;
}

ul.overflow,
ol.overflow {
  max-height: 400;
  max-height: 100%;
  overflow-y: auto;

  // clearfix
@@ -550,7 +555,6 @@
  & > li:last-of-type {
    margin-bottom: 30px;
  }

  &:after {
    pointer-events: none;
    content: "";