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

Miscellaneous tools and utilities to manipulate HTML pages

{"version":3,"mappings":"AAAA,sGAKA,yCACA,0IAMA,gDACA,4CACA,2CACA,WACA,wEAMA,2CAGA,2EAMA,gEAIE,0DAGS,gBAEX,oEAKA,mCACA,mDAIA,oDAIA,sDAIA,2CACA,6CACA,8DACA,0DACA,8BACE,gCACA,mCAIF,gIAOE,8CAIA,wFAMF,YACE,sBACA,sCAGF,0BACE,UACE,wBAGA,oFAKA,sDAIF,yBACA,+IAUF,uBACE,mBACE,uFAOA,mCACA,oDAIA,qEAKA,mCACA,sCACA,oCACA,qEAOJ,sBACE,mCAEE,8BACA,uCACA,qEAKA,sGAOE,0DAIA,uCAKN,aACE","sources":["article.css"],"sourcesContent":[":root {\n  --side-width: 200px;\n  --side-gap: 2em;\n  --side-margin: calc(0px - var(--side-width) - var(--side-gap));\n}\nbody, blockquote, .side { background: #fafafa; }\n.body, .body ~ .appendix, .frontmatter, .fullwidth, .embed-left, .embed-right {\n  margin-top: 2em;\n  padding: 1em;\n  box-shadow: 0 0 8px #ccc;\n  background: #fff;\n}\n.appendix, .footnotes, .body .side { font-size: .9em; }\n.body ~ .appendix, .frontmatter { background: none; }\n.appendix h2 { border-bottom: 1px dashed #666; }\n#TOC { top: 0; }\n.bg-number {\n  padding: 1px 5px;\n  border-radius: 5px;\n  background: lightslategray;\n  color: #fff;\n}\ndiv:not(.body):has(> table) { overflow-x: auto; }\n\n/* left/right elements*/\n.side {\n  width: var(--side-width);\n  margin: 0 auto;\n  max-height: 100vh;\n  overflow: auto;\n}\n.side-left {\n  float: left;\n  clear: left;\n  margin-left: var(--side-margin);\n  &:not(.body > *) {\n    margin-left: calc(var(--side-margin) + 1em);\n  }\n  position: sticky;\n}\n.side-right {\n  float: right;\n  clear: right;\n  margin-right: var(--side-margin);\n}\n.quote-left, .quote-right { width: 45%; }\n.embed-left, .embed-right {\n  margin-top: auto;\n  padding: 0;\n}\n.quote-left, .embed-left {\n  float: left;\n  margin-right: 1em;\n}\n.quote-right, .embed-right {\n  float: right;\n  margin-left: 1em;\n}\n.embed-left { margin-left: var(--side-margin); }\n.embed-right { margin-right: var(--side-margin); }\n:is(.side, .embed-left, .embed-right) > :first-child { margin-top: 0; }\n:is(.embed-left, .embed-right) > :last-child { margin-bottom: 0; }\n:is(.quote-left, .quote-right) {\n  & > :first-child { padding-top: .1px; }\n  & > :last-child { padding-bottom: .1px; }\n}\n\n/* wide elements */\n.fullwidth {\n  max-width: calc(100vw - 2em);\n  margin: 1em 0 1em 50%;\n  transform: translateX(-50%);\n  float: left;\n  min-width: 100%;\n  background: #fff;\n  & * {\n    max-width: calc(100vw - 4em);\n    margin: auto 0;\n  }\n  & :is(figcaption, .caption) {\n    margin-left: calc(50% - 400px);\n    width: 800px;\n    padding: 1em 1em 0;\n  }\n}\n.fullscroll {\n  & * { max-width: initial; }\n  &, & figure, & .figure { overflow-x: auto; }\n}\n\n@media (min-width: 1264.02px) {\n  #TOC.side {\n    .active {\n      color: limegreen;\n    }\n    li li .active {\n      border-left: 3px solid;\n      margin-left: calc(-1em - 3px);\n      padding-left: 1em;\n    }\n    &:has(.active) li:not(:has(.active)) ul {\n      display: none;\n    }\n  }\n  .note-ref { cursor: pointer; }\n  .note-ref:hover + .side {\n    display: inline-block;\n    background: #f8f8f8;\n    position: absolute;\n    z-index: 1;\n    margin-left: 1em;\n    padding: .5em;\n    box-sizing: content-box;\n  }\n}\n@media (max-width: 1264px) {\n  body:not(.pagesjs) {\n    #TOC {\n      border: 1px solid #eee;\n      border-radius: 5px;\n      padding: 1em;\n      position: initial;\n      float: none;\n    }\n    .side { width: 100%; max-height: none; }\n    :is(main, .body) .side {\n      padding: 0 2em;\n      color: darkslategray;\n    }\n    .side-left, .side-right {\n      clear: both;\n      margin: 1em auto;\n      background: none;\n    }\n    :not(.note-ref) + .side { float: none; }\n    .footnote-ref + .footnotes { float: left; }\n    .side > :last-child { margin-bottom: 0; }\n    .embed-left, .embed-right {\n      float: inherit;\n      margin: auto;\n      padding: 1em;\n    }\n  }\n}\n@media (max-width: 800px) {\n  body:not(.pagesjs) {\n    padding: initial;\n    main, .body { padding: 0 .5em 0; }\n    :not(pre) > code { word-break: break-word; }\n    .quote-left, .quote-right {\n      width: inherit;\n      float: inherit;\n      margin: auto;\n    }\n    .fullwidth {\n      margin: initial;\n      transform: initial;\n      float: none;\n      min-width: initial;\n      background: none;\n      border: none;\n      & :is(figcaption, .caption) {\n        margin: initial;\n        padding: initial;\n      }\n      &:not(.fullscroll) * { max-width: 100%; }\n    }\n  }\n}\n\n@media print {\n  body {\n    background: none;\n  }\n}\n"],"names":[]}