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

styleguide: Add WIP message
All checks were successful
/ build (push) Successful in 10s
Details

Browse source
This commit is contained in:
kritzl 2025-02-17 01:14:41 +01:00
commit 0214631b36
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
10 changed files with 136 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -541,6 +541,9 @@ i[data-icon][data-icon=menu-small]::before {
i[data-icon][data-icon=light]::before {
mask-image: url("../icon/lightbulb.svg");
}
i[data-icon][data-icon=warning]::before {
mask-image: url("../icon/warning.svg");
}
* {
box-sizing: border-box;
@ -740,6 +743,38 @@ a.a-visited, a.a-visited:hover, a.a-visited:active, a.a-visited:focus {
text-decoration: underline;
}
.alert {
background-color: var(--color-shade-1);
padding: 1rem 1.5rem;
border-radius: 1rem;
position: relative;
display: flex;
flex-direction: row;
gap: 1.5rem;
margin: 2rem 0;
}
.alert i[data-icon] {
padding-top: 0.5rem;
font-size: var(--text-5xl);
filter: var(--filter-glow-primary);
color: var(--color-glow-primary);
}
.alert strong {
font-size: var(--text-xl);
display: block;
}
.alert p {
margin: 0;
}
.alert::before {
content: "";
position: absolute;
inset: 0;
border-radius: 1rem;
border: solid 0.125rem var(--color-glow-primary);
filter: var(--filter-glow-primary);
}
pre,
.code {
max-width: 100%;
@ -779,19 +814,19 @@ pre,
}
}
main.generator > div {
main > div.generator {
display: flex;
flex-direction: column;
gap: 1em;
align-items: center;
}
main.generator img {
main > div.generator img {
width: 400px;
height: 300px;
object-fit: contain;
filter: drop-shadow(0 0 0.0625em var(--color-white)) drop-shadow(0 0 0.125em var(--color-primary)) drop-shadow(0 0 0.25em var(--color-primary));
}
main.generator i {
main > div.generator i {
font-size: 3em;
filter: drop-shadow(0 0 0.0625em var(--color-white)) drop-shadow(0 0 0.125em var(--color-primary)) drop-shadow(0 0 0.25em var(--color-primary));
}