zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(skin): responsive design fixes and improvements (#1129)

Browse Source
This commit is contained in:
Sam Potts
2026-03-30 16:25:49 +11:00
committed by GitHub
parent 11d0c2d1ad
commit 10826932be
79 changed files with 1111 additions and 858 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/skins/src/default/css/components/root.css
+11 -2
View File
@@ -3,12 +3,12 @@
========================================================================== */
.media-default-skin {
container: media-root / inline-size;
position: relative;
isolation: isolate;
display: block;
height: 100%;
width: 100%;
container: media-root / inline-size;
border-radius: var(--media-border-radius, 2rem);
font-family:
Inter Variable,
@@ -16,9 +16,18 @@
ui-sans-serif,
system-ui,
sans-serif;
font-size: 0.8125rem;
line-height: 1.5;
letter-spacing: normal;
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
& > * {
font-size: 0.75rem; /* 12px at 100% font size */
}
@container media-root (width > 48rem) {
& > * {
font-size: 0.875rem; /* 14px at 100% font size */
}
}
}