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

Miscellaneous tools and utilities to manipulate HTML pages

{"version":3,"mappings":"AACA,oFACA,6FAMA,0DAIE,gDACA,sBAEA,0EAMA,+BAEE,sDAIA,wEAKA,mDAIA,yDAOF,2DACA,4BACA,+CACA,kEAKA,kDAKA,oCACA,wCACA,2FAOA,wBAEE,uEAEF,wBAEE,mKASF,uBAEE,wCAGF,wDAEA,uCAEA,2GAIA,6BACA,yCACA,8EAEA,+CACA,yCACA,8EAEA","sources":["snap-clean.css"],"sourcesContent":["/* Clean theme for litedown slides (based on github.com/grantmcdermott/litedown-clean) */\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');\n:root {\n  --clean-jet: #131516;\n  --clean-accent: #107895;\n  --clean-accent2: #9a2515;\n  --right-arrow: \"\\2192\";\n}\nbody {\n  font-family: \"Roboto\", sans-serif;\n  color: var(--clean-jet);\n\n  a { color: var(--clean-accent); line-height: 1.5em; }\n  p { margin-top: 1.25em; }\n\n  .slide, .frontmatter {\n    padding-left: 3em;\n    padding-right: 3em;\n    max-width: none;\n  }\n\n  .frontmatter {\n    text-align: left;\n    .title h1 {\n      color: var(--clean-jet);\n      margin-bottom: 0.1em;\n    }\n    .subtitle h2 {\n      color: var(--clean-accent);\n      font-style: italic;\n      margin-top: 0;\n    }\n    .author h2 {\n      color: var(--clean-jet);\n      margin-top: 1em;\n    }\n    .date h3 {\n      color: #666;\n      font-style: italic;\n      margin-top: 0.5em;\n    }\n  }\n\n  h1, h2, h3, h4 { border-bottom: none; font-weight: lighter; }\n  h1 { color: var(--clean-jet); }\n  h2 { color: var(--clean-jet); margin-bottom: 0.1em; }\n  h3 {\n    color: var(--clean-accent);\n    font-style: italic;\n    margin-top: 0.25em;\n  }\n  h4 {\n    color: var(--clean-accent2);\n    margin-top: 1.25em;\n  }\n\n  .alert { color: var(--clean-accent2); }\n  .fg { color: var(--col, var(--clean-jet)); }\n  .bg {\n    background-color: var(--col, #fff);\n    padding: 0.1em;\n    border-radius: 5px;\n    display: inline-block;\n  }\n\n  ul {\n    padding-left: 1.5em;\n    li::marker { color: color-mix(in srgb, var(--clean-accent) 70%, white); }\n  }\n  ul ul {\n    list-style: none;\n    li::before {\n      content: var(--right-arrow);\n      color: color-mix(in srgb, var(--clean-accent) 60%, white);\n      display: inline-block;\n      width: 1em;\n      margin-left: -1em;\n      margin-right: 0.5em;\n    }\n  }\n  ol {\n    padding-left: 16px;\n    li::marker { color: var(--clean-accent); }\n  }\n\n  .inverse { background-color: var(--clean-jet); color: white; }\n\n  ::selection { background-color: #26351c; }\n\n  .columns3070, .columns7030, .columns4060, .columns6040, .columns5050 {\n    display: flex;\n    gap: min(4vw, 1.5em);\n  }\n  .columns5050 > div { width: 50%; }\n  .columns3070 > div:first-child { width: 30%; }\n  .columns3070 > div:not(:first-child) { width: 70%; }\n  .columns7030 > div:first-child { width: 70%; }\n  .columns7030 > div:not(:first-child) { width: 30%; }\n  .columns4060 > div:first-child { width: 40%; }\n  .columns4060 > div:not(:first-child) { width: 60%; }\n  .columns6040 > div:first-child { width: 60%; }\n  .columns6040 > div:not(:first-child) { width: 40%; }\n}\n"],"names":[]}