@guyn/coat/css/theme/nightsky.css

Let your HTML put on a coat

@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&family=DM+Mono:wght@400;500&display=swap";body *{box-sizing:border-box}table{border-collapse:collapse;border-spacing:0}html,body{min-height:100%;width:100%;margin:0;padding:0}input,textarea,select{font:inherit}ul[class],ol[class]{padding:0}ul[class],ul[class] li,ol[class],ol[class] li{list-style-type:none}html,body{background-color:var(--coat-background-color,#051425);color:var(--coat-font-color);font-family:Manrope, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', 'sans-serif'}body{color:var(--coat-body__color,#f7f7f7)}*{max-width:100vw;box-sizing:border-box;margin:0}*+h1{margin-top:var(--coat-margin,1em)}*+h2{margin-top:var(--coat-margin,1em)}*+h3{margin-top:var(--coat-margin,1em)}*+h4{margin-top:var(--coat-margin,1em)}*+h5{margin-top:var(--coat-margin,1em)}*+h6{margin-top:var(--coat-margin,1em)}*+p{margin-top:var(--coat-margin,1em)}*+blockquote{margin-top:var(--coat-margin,1em)}*+img{margin-top:var(--coat-margin,1em)}*+a{margin-top:var(--coat-margin,1em)}*+table{margin-top:var(--coat-margin,1em)}*+pre{margin-top:var(--coat-margin,1em)}*+ul{margin-top:var(--coat-margin,1em)}*+ol{margin-top:var(--coat-margin,1em)}*+.alert{margin-top:var(--coat-margin,1em)}@media screen and (max-width: 749px){.hide-mobile{display:none !important}}hr{height:1px;border:none;background-color:var(--coat-border-color,#09203a);color:var(--coat-border-color,#09203a);opacity:.5}main h1,main h2,main h3,main h4,main h5,article h1,article h2,article h3,article h4,article h5{position:relative;font-weight:600}main h1,article h1{font-size:calc(1em * (var(--coat-heading-step,0.5) * 6));font-family:var(--coat-heading-font-family);line-height:1}main h2,article h2{font-size:calc(1em * (var(--coat-heading-step,0.5) * 5));font-family:var(--coat-heading-font-family);line-height:1.25}main h3,article h3{font-size:calc(1em * (var(--coat-heading-step,0.5) * 4));font-family:var(--coat-heading-font-family);line-height:1.25}main h4,article h4{font-size:calc(1em * (var(--coat-heading-step,0.5) * 3));font-family:var(--coat-heading-font-family);line-height:1.5}main h5,article h5{font-size:calc(1em * (var(--coat-heading-step,0.5) * 2));font-family:var(--coat-heading-font-family);line-height:1.75}main h6,article h6{font-weight:bold;font-size:calc(1em * (var(--coat-heading-step,0.5) * 1));font-family:var(--coat-heading-font-family);line-height:1;letter-spacing:.1em;text-transform:uppercase}main .header-anchor,article .header-anchor{position:absolute;right:100%;text-decoration:none}main p,article p{font-size:1em;line-height:1.75}main .blog-meta a,main article a,main li a,main p>a,article .blog-meta a,article article a,article li a,article p>a{position:relative;z-index:1;display:inline-block;color:var(--coat-link__color,#9d0b30);padding:var(--coat-link__padding,0.25em 0.125em);text-decoration:var(--coat-link__text-decoration,none);line-height:var(--coat-link__line-height,1);box-shadow:var(--coat-link__box-shadow,0 -2px 0 0px rgba(239, 25, 79, 0.25) inset)}main ul a[aria-label]::before,main ul a[href]::before,main p a[aria-label]::before,main p a[href]::before,article ul a[aria-label]::before,article ul a[href]::before,article p a[aria-label]::before,article p a[href]::before{content:attr(href);position:absolute;top:100%;left:50%;z-index:2;display:block;white-space:nowrap;transform:translateX(-75%) translateY(0%) scale(0.85);opacity:0;transition:var(--coat-transition-time,0.25s);background-color:var(--coat-link-preview__background-color,#fccfdb);color:var(--coat-link-preview__color,#5f071d);padding:var(--coat-link-preview__padding,0.25em 0.5em);border-radius:var(--coat-link-preview__border-radius,0.5em);font-size:var(--coat-link-preview__font-size,0.75em)}main p a[aria-label]::before,article p a[aria-label]::before{content:attr(aria-label)}main p a:hover::before,article p a:hover::before{transform:translateX(-50%) translateY(0%) scale(1);opacity:1}table{width:100%;border-collapse:collapse;padding:0}table tr{background-color:var(--coat-color-white,#051425);margin:0;padding:0}table tr:nth-child(2n){background-color:var(--coat-color-light,#09203a)}table tr th{font-weight:bold;text-align:left;margin:0;padding:var(--coat-table-cell__padding,0.5em 1em)}table tr td{border:var(--coat-table__border,1px solid #09203a);text-align:left;margin:0;padding:var(--coat-table-cell__padding,0.5em 1em)}table tr th :first-child,table tr td :first-child{margin-top:0}table tr th :last-child,table tr td :last-child{margin-bottom:0}code{display:inline-block}pre>code{border-radius:var(--coat-code-block__border-radius,0.5em);background-color:var(--coat-code-block__background-color,#09203a);color:var(--coat-code-block__color,#f7f7f7);padding:var(--coat-code-block__padding,0.5em 1em);font-size:var(--coat-code-block__font-size,1em);font-family:Menlo, 'Consolas', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:var(--coat-code-block__line-height,2)}:not(pre)>code{border-radius:var(--coat-code__border-radius,0.5em);background-color:var(--coat-code__background-color,#fccfdb);color:var(--coat-code__color,#480516);padding:var(--coat-code__padding,0.5em);font-size:var(--coat-code__font-size,1em);font-family:Menlo, 'Consolas', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:var(--coat-code__line-height,1)}pre{width:100%;border-radius:var(--coat-code__border-radius,0.5em);background-color:var(--coat-code__background-color,#fccfdb);overflow-x:auto}ul:not([class]),ol:not([class]){padding:0}ul:not([class])>li,ol:not([class])>li{position:relative;padding-left:2em;list-style-type:none;line-height:2}ul:not([class])>li+li,ol:not([class])>li+li{margin-top:1em}ul:not([class])>li::before,ol:not([class])>li::before{position:absolute;left:0;width:var(--coat-list-prefix__width,auto);border-radius:var(--coat-list-prefix__border-radius,0);background:var(--coat-list-prefix__background-color,transparent)}ul:not([class]) ol,ul:not([class]) ul,ol:not([class]) ol,ol:not([class]) ul{padding-left:1em}ul:not([class])>li::before{content:"—";display:inline-block;color:var(--coat-list-prefix__color,#8f0a2c);counter-reset:variable var(--coat-list-prefix__color,#8f0a2c)}ol:not([class]){counter-reset:list}ol:not([class])>li{counter-increment:list}ol:not([class])>li::before{content:counter(list) "";width:var(--coat-list-prefix__width,auto);border-radius:var(--coat-list-prefix__border-radius,0);background:var(--coat-list-prefix__background-color,transparent);color:var(--coat-list-prefix__color,#8f0a2c);font-size:.75em;margin-right:-0.25em}dl{padding:0}dl dt{font-weight:bold;font-size:14px;font-style:italic;padding:0;margin:15px 0 5px}dl dt:first-child{padding:0}dl dt>:first-child{margin-top:0}dl dt>:last-child{margin-bottom:0}dl dd{margin:0 0 15px;padding:0 15px}dl dd>:first-child{margin-top:0}dl dd>:last-child{margin-bottom:0}img,figure,iframe{max-width:100%}.alert{display:block;color:var(--coat-alert__color,#f7f7f7);padding:var(--coat-alert__padding,1em);border-radius:var(--coat-alert__border-radius,0.5em);background-color:var(--coat-alert__background-color,#09203a)}.alert-info{color:var(--coat-alert__color--info,#042a3c);background-color:var(--coat-alert__background-color--info,#cfeefc)}.alert-success{color:var(--coat-alert__color--success,#223c04);background-color:var(--coat-alert__background-color--success,#e7fccf)}.alert-warning{color:var(--coat-alert__color--warning,#402500);background-color:var(--coat-alert__background-color--warning,#ffe9cc)}.alert-danger{color:var(--coat-alert__color--danger,#402f00);background-color:var(--coat-alert__background-color--danger,#fff2cc)}.alert-tip{color:var(--coat-alert__color--tip,#0c1f33);background-color:var(--coat-alert__background-color--tip,#d6e4f5)}.alert-error{color:var(--coat-alert__color--error,#3c0412);background-color:var(--coat-alert__background-color--error,#fccfdb)}blockquote{padding:var(--coat-blockquote__padding,1em);font-size:var(--coat-blockquote__font-size,1em);font-style:var(--coat-blockquote__font-style,italic);opacity:var(--coat-blockquote__opacity,0.66)}/*# sourceMappingURL=nightsky.css.map */