@novicell/flexbox-grid/dist/demo.f1674605.css

A CSS flexbox grid package configurable via CSS Custom Properties and PostCSS.

:root {
  --column-background-color: #f8f7f7;
  --column-border-color: rgb(223, 222, 222);
  --presentation-darkmode-background-color: #272822;
  --column-darkmode-background-color: #e6e6e6;
  --column-darkmode-border-color: rgb(196, 196, 196);
}

/* Header */

.nav__link {
    margin-top: 5px;
    margin-bottom: 5px;
  }


header h1 {
  margin-top: 0;
  padding-top: 0;
}

/* Presentation */

.row-pull {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
}

.presentation-section {
  margin-bottom: 70px;
}

.column-presentation {
  padding: 20px;
  background-color: #fffefe;
  border: 1px solid rgb(223, 222, 222);
  border: 1px solid var(--column-border-color);
  border-radius: 0.3em;
}

@media (prefers-color-scheme: dark) {

.column-presentation {
    background-color: #272822;
    background-color: var(--presentation-darkmode-background-color);
    border-color: #272822;
    border-color: var(--presentation-darkmode-background-color)
}
  }

.column-presentation [class^="col-"] {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #f8f7f7;
    background-color: var(--column-background-color);
    border: 1px solid rgb(223, 222, 222);
    border: 1px solid var(--column-border-color);
    border-radius: 1px;
  }

@media (prefers-color-scheme: dark) {

.column-presentation [class^="col-"] {
      color: black;
      background-color: #e6e6e6;
      background-color: var(--column-darkmode-background-color);
      border-color: rgb(196, 196, 196);
      border-color: var(--column-darkmode-border-color)
  }
    }

.column-presentation [class^="col-"] p,
    .column-presentation [class^="col-"] h1,
    .column-presentation [class^="col-"] h2,
    .column-presentation [class^="col-"] h3,
    .column-presentation [class^="col-"] h4,
    .column-presentation [class^="col-"] h5,
    .column-presentation [class^="col-"] h6 {
      color: inherit;
    }

.column-presentation--row-spacing .row + .row {
      margin-top: 1rem;
    }


.example-heading {
  margin-bottom: 1.5rem;
}



/*# sourceMappingURL=/demo.f1674605.css.map */