jaandrle/deka-dom-el
1
0
Fork 0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-04-25 20:29:26 +02:00
Code Packages Releases Activity

⚡ 🔤 ui

Browse Source
This commit is contained in:
Jan Andrle 2025-03-13 22:11:02 +01:00
parent 2fdd8ebea9
commit 93b905e677
Signed by: jaandrle
GPG Key ID: B3A25AED155AFFAB
2 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/components/example.html.js
View File

@ -3,7 +3,6 @@ const host= "."+example.name;
styles.css`
${host} {
grid-column: full-main;
width: calc(100% - .75em);
height: calc(4/6 * var(--body-max-width));
border-radius: var(--border-radius);
box-shadow: var(--shadow);
@ -84,7 +83,6 @@ html[data-theme="light"] .cm-s-material .cm-error { color: #f44336 !important; }
@media (max-width: 767px) {
${host} {
height: 50vh;
max-width: 100%;
}
${host} main {
flex-grow: 1;
@ -97,7 +95,7 @@ html[data-theme="light"] .cm-s-material .cm-error { color: #f44336 !important; }
}
}
${host}[data-variant=big]{
height: 100vh;
height: 150vh;
main {
flex-flow: column nowrap;

5
docs/global.css.js
View File

@ -248,7 +248,7 @@ body > main {
}
body > main > *, body > main slot > * {
width: 100%;
max-width: 100%;
max-width: calc(var(--body-max-width) * 5/3);
margin-inline: auto;
grid-column: main;
}
@ -281,9 +281,8 @@ body > main h3, body > main h4 {
/* Boxes */
.illustration{
grid-column: full-main;
width: calc(100% - .75em);
}
.illustration:not(:has( .comparison)){
.illustration:not(:has( .comparison)):not(:has( .tabs)) {
grid-column: main;
pre {