EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Code and image styles

Browse source
This commit is contained in:
lilith 2025-02-14 01:12:07 +01:00
commit 59eaeb40ec
Signed by: traumweh
SSH key fingerprint: SHA256:7kmBUkMCVUCN9z9MyGuBan8hifDCBaiG1RonGxdCB3A
6 changed files with 155 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

55
styleguide/assets/style/main.css
View file

@ -57,10 +57,10 @@
--color-white: #FFFFFF; --color-white: #FFFFFF;
--color-dark-foreground: var(--color-neutral-50); --color-dark-foreground: var(--color-neutral-50);
--color-dark-background: var(--color-neutral-950); --color-dark-background: var(--color-neutral-950);
--color-dark-shade-1: var(--color-neutral-800); --color-dark-shade-1: var(--color-neutral-900);
--color-dark-shade-2: var(--color-neutral-700); --color-dark-shade-2: var(--color-neutral-800);
--color-dark-shade-3: var(--color-neutral-600); --color-dark-shade-3: var(--color-neutral-700);
--color-dark-shade-4: var(--color-neutral-500); --color-dark-shade-4: var(--color-neutral-600);
--color-dark-primary: var(--color-argon-400); --color-dark-primary: var(--color-argon-400);
--color-dark-secondary: var(--color-krypton-300); --color-dark-secondary: var(--color-krypton-300);
--color-dark-error: var(--color-red-500); --color-dark-error: var(--color-red-500);
@ -326,14 +326,29 @@ h6,
line-height: var(); line-height: var();
} }
code, pre {
.code {
font-family: "Departure Mono", ui-monospace, monospace; font-family: "Departure Mono", ui-monospace, monospace;
display: inline-block; font-size: 0.8em;
display: block;
padding: 1rem; padding: 1rem;
border-radius: 1rem; border-radius: 1rem;
background-color: var(--color-shade-1); background-color: var(--color-shade-1);
} }
pre code {
background-color: initial;
border-radius: initial;
padding: initial;
font-size: inherit;
}
code,
.code {
font-family: "Departure Mono", ui-monospace, monospace;
font-size: 0.8em;
background-color: var(--color-shade-1);
border-radius: 0.2em;
padding: 0 0.2em;
}
table tr th { table tr th {
text-align: left; text-align: left;
@ -356,4 +371,30 @@ a:visited:hover, a:visited:active, a:visited:focus {
text-decoration: none; text-decoration: none;
} }
figure {
display: flex;
flex-direction: column;
align-items: center;
}
figure img {
width: 100%;
max-height: 30vh;
object-fit: contain;
object-position: center;
}
figure img.glitch {
filter: url("glitch.svg#glitch");
}
img {
width: 80%;
max-height: 30vh;
object-fit: contain;
object-position: center;
margin: 0 auto;
}
img.glitch {
filter: url("glitch.svg#glitch");
}
/*# sourceMappingURL=main.css.map */ /*# sourceMappingURL=main.css.map */

2
styleguide/assets/style/main.css.map
View file

File diff suppressed because one or more lines are too long

51
styleguide/assets/style/main.scss
View file

@ -332,13 +332,29 @@ h6,
line-height: var(); line-height: var();
} }
code, pre {
.code {
font-family: "Departure Mono", ui-monospace, monospace; font-family: "Departure Mono", ui-monospace, monospace;
display: inline-block; font-size: 0.8em;
display: block;
padding: 1rem; padding: 1rem;
border-radius: 1rem; border-radius: 1rem;
background-color: var(--color-shade-1); background-color: var(--color-shade-1);
code {
background-color: initial;
border-radius: initial;
padding: initial;
font-size: inherit;
}
}
code,
.code {
font-family: "Departure Mono", ui-monospace, monospace;
font-size: 0.8em;
background-color: var(--color-shade-1);
border-radius: 0.2em;
padding: 0 0.2em;
} }
table { table {
@ -372,3 +388,32 @@ a {
} }
} }
} }
figure {
display: flex;
flex-direction: column;
align-items: center;
img {
width: 100%;
max-height: 30vh;
object-fit: contain;
object-position: center;
&.glitch {
filter: url("glitch.svg#glitch");
}
}
}
img {
width: 80%;
max-height: 30vh;
object-fit: contain;
object-position: center;
margin: 0 auto;
&.glitch {
filter: url("glitch.svg#glitch");
}
}

49
styleguide/assets/style/styleguide.css
View file

@ -326,14 +326,29 @@ h6,
line-height: var(); line-height: var();
} }
code, pre {
.code {
font-family: "Departure Mono", ui-monospace, monospace; font-family: "Departure Mono", ui-monospace, monospace;
display: inline-block; font-size: 0.8em;
display: block;
padding: 1rem; padding: 1rem;
border-radius: 1rem; border-radius: 1rem;
background-color: var(--color-shade-1); background-color: var(--color-shade-1);
} }
pre code {
background-color: initial;
border-radius: initial;
padding: initial;
font-size: inherit;
}
code,
.code {
font-family: "Departure Mono", ui-monospace, monospace;
font-size: 0.8em;
background-color: var(--color-shade-1);
border-radius: 0.2em;
padding: 0 0.2em;
}
table tr th { table tr th {
text-align: left; text-align: left;
@ -356,6 +371,32 @@ a:visited:hover, a:visited:active, a:visited:focus {
text-decoration: none; text-decoration: none;
} }
figure {
display: flex;
flex-direction: column;
align-items: center;
}
figure img {
width: 100%;
max-height: 30vh;
object-fit: contain;
object-position: center;
}
figure img.glitch {
filter: url("glitch.svg#glitch");
}
img {
width: 80%;
max-height: 30vh;
object-fit: contain;
object-position: center;
margin: 0 auto;
}
img.glitch {
filter: url("glitch.svg#glitch");
}
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
@ -394,7 +435,7 @@ a.a-visited, a.a-visited:hover, a.a-visited:active, a.a-visited:focus {
text-decoration: underline; text-decoration: underline;
} }
code, pre,
.code { .code {
max-width: 100%; max-width: 100%;
overflow-x: auto; overflow-x: auto;

8
styleguide/assets/style/styleguide.css.map
View file

File diff suppressed because one or more lines are too long

2
styleguide/assets/style/styleguide.scss
View file

@ -51,7 +51,7 @@ a {
} }
} }
code, pre,
.code { .code {
max-width: 100%; max-width: 100%;
overflow-x: auto; overflow-x: auto;