jaandrle/deka-dom-el
1
0
Fork 0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-04-03 04:25:53 +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` styles.css`
${host} { ${host} {
grid-column: full-main; grid-column: full-main;
width: calc(100% - .75em);
height: calc(4/6 * var(--body-max-width)); height: calc(4/6 * var(--body-max-width));
border-radius: var(--border-radius); border-radius: var(--border-radius);
box-shadow: var(--shadow); box-shadow: var(--shadow);
@ -84,7 +83,6 @@ html[data-theme="light"] .cm-s-material .cm-error { color: #f44336 !important; }
@media (max-width: 767px) { @media (max-width: 767px) {
${host} { ${host} {
height: 50vh; height: 50vh;
max-width: 100%;
} }
${host} main { ${host} main {
flex-grow: 1; flex-grow: 1;
@ -97,7 +95,7 @@ html[data-theme="light"] .cm-s-material .cm-error { color: #f44336 !important; }
} }
} }
${host}[data-variant=big]{ ${host}[data-variant=big]{
height: 100vh; height: 150vh;
main { main {
flex-flow: column nowrap; flex-flow: column nowrap;

5
docs/global.css.js
View File

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