@xiee/utils/css/snap.min.css.map

Miscellaneous tools and utilities to manipulate HTML pages

{"version":3,"mappings":"AAAA,yBACA,kCACA,wBACA,2CACA,0EAIA,OACE,oBACA,4BACA,4BAEF,qCAIA,gBACA,kCACA,eAEE,qFAOF,uDACA,kFAMA,yCAIA,0BACA,qHAOA,yBAEE,4EAIE,8EAOJ,+BACA,iBACA,wDACA,6DAIA,iCACE,2EAMA,kGAKE,yLAOA,wBACA,0BAEF,sBAEF,uBACE,yBAEF,uBACE","sources":["snap.css"],"sourcesContent":[":root { --slide-width: 100%; }\nhtml { scroll-snap-type: y mandatory; }\nth, td { padding: .2em .5em; }\n.slide { padding: 0 1em; background-color: #fff; }\n.slide, :is(.frontmatter, .middle) .main {\n  display: flex;\n  flex-direction: column;\n}\n.slide {\n  & > .main { flex-grow: 1; }\n  & > .header { margin-bottom: 1em; }\n  h2, h3 { margin-top: unset; }\n}\nbody {\n  max-width: fit-content;\n  padding: 0;\n}\na { color: #eb4a47; }\n:not(pre) > code { background: #fdfded; }\n#TOC {\n  columns: 2;\n  &::before {\n    font-size: 1.3em;\n    font-weight: bold;\n    display: block;\n    border-bottom: 1px solid #666;\n  }\n}\n:is(.frontmatter, .middle) .main { justify-content: center; }\n.footer {\n  display: flex;\n  justify-content: space-between;\n  opacity: .5;\n  font: .7em monospace;\n}\n.inverse {\n  background: #eee;\n  filter: invert(1);\n}\n.center { text-align: center; }\n.slide-container h2 .section-number {\n  display: inline-block;\n  background: #666;\n  color: white;\n  padding: 0 .1em;\n  margin-right: .3em;\n}\n.overview {\n  font-size: .8em;\n  .slide-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-evenly;\n    .slide {\n      width: var(--slide-width);\n      border: 1px dotted #ccc;\n      margin-bottom: 0.5em;\n    }\n  }\n}\n.mirrored { transform: scale(-1, 1); }\n.timer { opacity: 0; }\nhtml:fullscreen::-webkit-scrollbar, .spacer { display: none; }\nhtml:fullscreen {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n@media screen and (min-width: 992px) {\n  :root {\n    --slide-width: 49%;\n    --slide-scale: 1;\n    --slide-ratio: 0.75;\n    --slide-top: auto;\n  }\n  .slide-mode {\n    font-size: 2em;\n    background: #d7d8d2;\n    scale: var(--slide-scale);\n    margin-top: var(--slide-top);\n    .slide {\n      min-height: calc(100vh / var(--slide-scale));\n      width: calc(100vh / var(--slide-ratio) / var(--slide-scale));\n      box-shadow: 0 0 2em #888;\n      clip-path: inset(0 -2em 0 -2em);\n      scroll-snap-align: start;\n    }\n    .spacer { display: block; }\n    .timer { opacity: initial; }\n  }\n  li li { font-size: .9em; }\n}\n@media (min-width: 1400px) {\n  :root { --slide-width: 33%; }\n}\n@media (min-width: 1800px) {\n  :root { --slide-width: 24.67%; }\n}\n"],"names":[]}