Skip to content

Commit

Permalink
deploy: 2107ffc
Browse files Browse the repository at this point in the history
  • Loading branch information
@marcantondahmen
marcantondahmen committed Jul 30, 2023
1 parent f6cfea7 commit 40452aa
Show file tree
Hide file tree
Showing 9 changed files with 296 additions and 305 deletions.
260 changes: 246 additions & 14 deletions demo.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -240,6 +240,61 @@ summary {
display: list-item;
}

/* jetbrains-mono-cyrillic-ext-wght-normal */
@font-face {
font-family: 'JetBrains Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 800;
src: url(./fonts/jetbrains-mono-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* jetbrains-mono-cyrillic-wght-normal */
@font-face {
font-family: 'JetBrains Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 800;
src: url(./fonts/jetbrains-mono-cyrillic-wght-normal.woff2) format('woff2-variations');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* jetbrains-mono-greek-wght-normal */
@font-face {
font-family: 'JetBrains Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 800;
src: url(./fonts/jetbrains-mono-greek-wght-normal.woff2) format('woff2-variations');
unicode-range: U+0370-03FF;
}
/* jetbrains-mono-vietnamese-wght-normal */
@font-face {
font-family: 'JetBrains Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 800;
src: url(./fonts/jetbrains-mono-vietnamese-wght-normal.woff2) format('woff2-variations');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* jetbrains-mono-latin-ext-wght-normal */
@font-face {
font-family: 'JetBrains Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 800;
src: url(./fonts/jetbrains-mono-latin-ext-wght-normal.woff2) format('woff2-variations');
unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* jetbrains-mono-latin-wght-normal */
@font-face {
font-family: 'JetBrains Mono Variable';
font-style: normal;
font-display: swap;
font-weight: 100 800;
src: url(./fonts/jetbrains-mono-latin-wght-normal.woff2) format('woff2-variations');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
font-family: 'Inter';
font-weight: 100 900;
Expand Down Expand Up @@ -272,29 +327,36 @@ body {
font-size: 18px;
}
}
@media (min-width: 1900px) {
html,
body {
font-size: 20px;
}
}
body {
max-width: 88rem;
margin: auto;
padding: 0 2rem;
}
h1 {
margin: -0.25rem 0 4rem 0;
margin: -0.25rem 0 5rem 0;
font-size: 2.45em;
font-weight: 620;
line-height: 1.28;
max-width: 34rem;
}
h2 {
margin: 0 0 1.3rem 0;
scroll-margin-top: 5.5rem;
font-size: 1.8em;
font-weight: 680;
font-weight: 640;
line-height: 1.3;
}
* + h2 {
margin-top: 2.15em;
}
p {
margin: 1em 0;
margin: 1.25em 0;
}
p a {
color: var(--accent-color);
Expand All @@ -304,10 +366,131 @@ p a {
p a:hover {
color: var(--color);
}
hr {
margin: 4rem 0;
border: none;
border-top: 2px solid;
summary {
color: var(--accent-color);
cursor: pointer;
transition: color 0.2s;
user-select: none;
list-style-type: '';
}
summary:before {
content: 'Show ';
}
[open] > summary {
list-style-type: '';
}
[open] > summary:before {
content: 'Hide ';
}
summary:hover {
color: var(--color);
}

.emgithub-file .code-area td.hljs-ln-line {
font-family: 'JetBrains Mono Variable' !important;
font-size: 0.85rem !important;
line-height: 1.675 !important;
}
.copy-btn.copy-btn-dark {
font-family: 'JetBrains Mono Variable' !important;
font-weight: 400;
font-size: 0.8rem !important;
line-height: 2.4 !important;
padding: 0 0.6rem !important;
color: var(--code-3) !important;
background-color: var(--background) !important;
border: none !important;
border-radius: 0.4rem !important;
transition: color 0.2s, background-color 0.2s;
}
.copy-btn.copy-btn-dark:active {
color: var(--color) !important;
background-color: var(--accent-color) !important;
}
pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
}
code.hljs {
padding: 3px 5px;
}
.emgithub-file {
border-radius: 0.55rem !important;
}
.emgithub-file .code-area .hljs-ln-numbers {
color: var(--muted-color) !important;
opacity: 0.25;
}
.emgithub-file .hljs-style-dark .hljs {
color: var(--code-1);
background-color: var(--code-background);
}
.emgithub-file .hljs-style-dark .hljs-comment {
color: var(--muted-color);
opacity: 0.6;
}
.emgithub-file .hljs-style-dark .hljs-punctuation,
.emgithub-file .hljs-style-dark .hljs-tag {
color: var(--code-1);
}
.emgithub-file .hljs-style-dark .hljs-tag .hljs-attr,
.emgithub-file .hljs-style-dark .hljs-tag .hljs-name {
color: var(--code-accent-1);
}
.emgithub-file .hljs-style-dark .hljs-attribute,
.emgithub-file .hljs-style-dark .hljs-doctag,
.emgithub-file .hljs-style-dark .hljs-keyword,
.emgithub-file .hljs-style-dark .hljs-meta .hljs-keyword,
.emgithub-file .hljs-style-dark .hljs-name,
.emgithub-file .hljs-style-dark .hljs-selector-tag {
color: var(--code-2);
font-weight: 600;
}
.emgithub-file .hljs-style-dark .hljs-deletion,
.emgithub-file .hljs-style-dark .hljs-number,
.emgithub-file .hljs-style-dark .hljs-quote,
.emgithub-file .hljs-style-dark .hljs-selector-class,
.emgithub-file .hljs-style-dark .hljs-selector-id,
.emgithub-file .hljs-style-dark .hljs-string,
.emgithub-file .hljs-style-dark .hljs-template-tag,
.emgithub-file .hljs-style-dark .hljs-type {
color: var(--code-accent-2);
}
.emgithub-file .hljs-style-dark .hljs-section,
.emgithub-file .hljs-style-dark .hljs-title {
color: var(--code-accent-1);
font-weight: 600;
}
.emgithub-file .hljs-style-dark .hljs-link,
.emgithub-file .hljs-style-dark .hljs-operator,
.emgithub-file .hljs-style-dark .hljs-regexp,
.emgithub-file .hljs-style-dark .hljs-selector-attr,
.emgithub-file .hljs-style-dark .hljs-selector-pseudo,
.emgithub-file .hljs-style-dark .hljs-symbol,
.emgithub-file .hljs-style-dark .hljs-template-variable,
.emgithub-file .hljs-style-dark .hljs-variable,
.emgithub-file .hljs-style-dark .hljs-params,
.emgithub-file .hljs-style-dark .hljs-subst {
color: var(--code-2);
}
.emgithub-file .hljs-style-dark .hljs-literal {
color: var(--code-3);
}
.emgithub-file .hljs-style-dark .hljs-addition,
.emgithub-file .hljs-style-dark .hljs-built_in,
.emgithub-file .hljs-style-dark .hljs-bullet,
.emgithub-file .hljs-style-dark .hljs-code {
color: var(--code-1);
}
.emgithub-file .hljs-style-dark .hljs-meta {
color: var(--code-accent-2);
}
.emgithub-file .hljs-style-dark .hljs-meta .hljs-string {
color: var(--code-3);
}
.emgithub-file .hljs-style-dark .hljs-strong {
font-weight: 600;
}

demo-toc {
Expand Down Expand Up @@ -346,9 +529,9 @@ demo-toc a:hover {
grid-template-columns: 20rem minmax(auto, 34rem);
}
}
@media (min-width: 1255px) {
@media (min-width: 1300px) {
.grid {
grid-template-columns: 1fr 34rem 1fr;
grid-template-columns: 1fr 38rem 1fr;
}
}

Expand Down Expand Up @@ -446,12 +629,61 @@ nav :first-child a {
}

:root {
--color: hsl(217, 11%, 90%);
--background: hsl(217, 11%, 10%);
--color: hsl(217, 12%, 90%);
--background: hsl(217, 12%, 10%);
--accent-color: hsl(215, 100%, 58%);
--accent-background: hsl(215, 71%, 12%);
--hover-color: hsl(217, 11%, 86%);
--hover-background: hsl(217, 11%, 15%);
--muted-color: hsl(217, 11%, 46%);
--hover-color: hsl(217, 12%, 84%);
--hover-background: hsl(217, 12%, 15%);
--muted-color: hsl(217, 12%, 46%);
--code-background: hsl(217, 12%, 13%);
--code-1: hsl(217, 12%, 85%);
--code-2: hsl(217, 12%, 65%);
--code-3: hsl(217, 12%, 50%);
--code-accent-1: hsl(215, 90%, 58%);
--code-accent-2: hsl(215, 80%, 68%);
}

:root {
--st-label-height: 2.5rem;
--st-subnodes-padding-left: 1.5rem;
--st-collapse-icon-height: var(--st-label-height);
--st-collapse-icon-width: 1.25rem;
--st-collapse-icon-size: 0.75rem;
}
sortable-tree-node {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
}
sortable-tree-node * {
user-select: none;
}
sortable-tree-node > :first-child {
display: flex;
align-items: center;
height: var(--st-label-height);
}
sortable-tree-node > :nth-child(2) {
display: none;
flex-direction: column;
padding-left: var(--st-subnodes-padding-left);
}
sortable-tree-node[open] > div:nth-child(2) {
display: flex;
}
sortable-tree-node > :nth-child(3) {
position: absolute;
display: flex;
align-items: center;
top: 0;
left: calc(var(--st-collapse-icon-width) * -1);
height: var(--st-collapse-icon-height);
font-size: var(--st-collapse-icon-size);
cursor: pointer;
}
sortable-tree-node > :nth-child(2):empty + span {
display: none;
}

Loading

0 comments on commit 40452aa

Please sign in to comment.