hyperapp/src.34f9ddf1.css

1 line
6.3 KiB
CSS

code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.site-header{display:flex;justify-content:space-between;padding:1rem;position:sticky;top:0;left:0;right:0;z-index:10}.logo{position:relative;z-index:15;display:flex;align-items:center}.logo .v2.mobile{height:2rem}.logo .v1,.logo .v2.desktop{display:none}.logo:hover .v2{display:none!important}.logo:hover .v1{display:block}.menu-toggler{position:relative;z-index:15;font-size:0;padding:0;border:none}.menu-toggler img{width:2.5rem}.menu-toggler:focus{background-color:transparent}.menu{position:fixed;top:0;left:0;background-color:#fff;width:100%;z-index:10;min-height:100vh;padding:5rem 1rem 1rem;display:none}.menu.opened{display:block}.menu .search-field,.menu a{display:block;font-size:3.375rem;font-weight:300;line-height:1.2;color:var(--text-grey);text-decoration:none;font-family:IBM Plex Sans,sans-serif}.menu a:hover{color:#546067}.menu a.active{color:var(--dark-blue)}.search-field{max-width:100%;width:100%;padding:0;color:#3d434e!important}.search-field:focus{outline:none}.search-field:valid{color:var(--dark-blue)}@media (min-width:640px){.site-header{padding:1rem 1.25rem}.menu{padding:6rem 1.25rem 2rem}}@media (min-width:992px){.site-header{position:fixed;padding:1.25rem;flex-direction:column;justify-content:flex-start;max-width:var(--menu-width)}.menu-toggler{display:none}.menu{position:relative;display:block;width:var(--menu-width);background:none;padding:0;min-height:auto;margin:.5rem 0}.logo .v2.mobile{display:none;height:2.5rem}.logo .v2.desktop{display:block;height:2.5rem}}footer{padding:1rem}footer nav{display:flex;flex-direction:column;align-items:flex-start}footer p{line-height:1}@media (min-width:992px){footer{padding:1.25rem;margin:1rem 0 1rem var(--menu-width)}}@media (min-width:992px) and (min-height:768px){footer{position:fixed;bottom:0;margin:1rem 0}}.live-example{margin:3rem 0}.live-example-tabs button{margin:0;padding:1rem .5rem;width:50%;border-color:transparent;border-bottom-color:var(--line-separator)}.live-example-tabs button.current{border-color:var(--line-separator);border-bottom-color:transparent}.live-example-tabs button:active{color:var(--primary-blue);background-color:transparent}.live-example-tabs button:focus{outline:none}.live-example-tabs .code{margin-right:-1px}.join-us{margin:3rem 0}.home-header{display:flex;align-items:center;margin:0 0 1rem}.home-header marquee{max-width:calc(100% - 6rem);margin:0 .5rem}.home-title{margin:0;max-width:32rem}.small-card h2{color:var(--primary-blue);font-size:2.625rem;margin-bottom:0}.small-card h5{margin-top:.5rem}.small-card img{display:none}.home-secondary-title{max-width:16rem;margin-top:6rem}.home-right-text img{margin-top:3rem}.home-grid{margin-bottom:6rem}.join-us-text{margin:3rem 0}@media (max-width:767px){.live-example>:not(.shown){display:none}}@media (min-width:768px){.live-example-tabs{display:none}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1.5rem;grid-row-gap:4rem;margin-top:8.25rem}.small-card{display:flex;flex-direction:column;align-items:flex-start;min-height:17rem}.small-card img{display:block}.small-card h2{font-size:3rem;margin-top:auto;margin-bottom:0}.small-card h5{margin-top:1.5rem}.home-right-text{grid-column:2/4}.home-right-text h2{margin-bottom:1rem}.home-right-text img{margin-top:7rem;margin-bottom:1rem}.live-example{display:grid;grid-template-columns:minmax(auto,calc(100% - 18rem)) minmax(18rem,auto);grid-template-rows:auto 1fr;grid-column-gap:4rem;grid-row-gap:1rem}.live-example pre{grid-row:1/3;margin:0}.live-example .counter-link{margin:1rem 0}}@media (min-width:992px){.home-header{margin:3rem 0 2rem}.home-header marquee{max-width:calc(100% - 16rem)}}.counter h1{margin-top:0}.four-oh-four-page{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:50vh}.four-oh-four-page .code-background{position:fixed;top:0;bottom:0;left:0;right:0;opacity:.5;z-index:-1;pointer-events:none;animation-duration:5s;animation-name:background-translation;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes background-translation{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@media (min-width:992px){.four-oh-four-page{min-height:100vh;margin:-1.25rem 0 -7.25rem -1.25rem}.four-oh-four-page .code-background{position:absolute}}.results{list-style:none;margin:0;padding:0}@media (min-width:992px){.search-results-page{margin-top:7rem;display:grid;grid-template-columns:33% auto;grid-template-rows:auto 1fr}.search-results-page h1{margin:0}.search-results-page>*{grid-column:1}.search-results-page .results{grid-column:2;grid-row:1/3}}