gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Clean interactive elements token cascade and sync docs

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-25 06:49:30 +02:00
parent f0225693bd
commit 1ff7b59e3c
3 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styleguide.css
+11 -4
View File
@@ -80,13 +80,17 @@
--layout-input-label-width: var(--dimension-input-label-width);
--layout-input-field-desktop-width: var(--dimension-input-field-desktop-width);
--layout-input-field-max-width: var(--dimension-input-field-max-width);
--layout-slider-min-inline-size: var(--dimension-slider-min-inline-size);
--layout-search-field-width: var(--dimension-search-field-width);
--layout-mode-toggle-local-height: var(--compact-interaction-height);
--layout-mode-toggle-local-width-factor: 3;
--layout-mode-toggle-width: calc(var(--interaction-height) * 3.5);
--layout-help-panel-width: calc(var(--interaction-height) * 8);
--layout-sandwich-line-width-small: var(--dimension-sandwich-line-width-small);
--layout-sandwich-line-height-small: var(--dimension-sandwich-line-height-small);
--text-control-default: var(--color-font-dark);
--text-control-disabled: var(--color-dark-grey);
--text-search-result-count: var(--text-control-disabled);
--text-button-process: var(--color-font-light);
--text-tab-selected: var(--color-font-light);
--text-tab-unselected: var(--color-dark-grey);
@@ -248,7 +252,10 @@
--dimension-input-label-width: 9rem;
--dimension-input-field-desktop-width: 400px;
--dimension-input-field-max-width: 600px;
--dimension-slider-min-inline-size: 14rem;
--dimension-search-field-width: 15.3rem;
--dimension-sandwich-line-width-small: calc(var(--sandwich-line-width) - 3px);
--dimension-sandwich-line-height-small: calc(var(--sandwich-line-height) - 1px);
--dimension-layer-pulldown-panel: 40;
--dimension-multiselect-pulldown-panel-desktop-width: 500px;
--dimension-multiselect-pulldown-panel-mobile-width: 80vw;
@@ -740,7 +747,7 @@ section + section {
}
.sg-search-result-count {
color: var(--color-dark-grey);
color: var(--text-search-result-count);
font-family: var(--font-family-base);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
@@ -951,7 +958,7 @@ section + section {
}
.sg-slider {
flex: 1 1 14rem;
flex: 1 1 var(--layout-slider-min-inline-size);
width: 100%;
min-width: 0;
max-width: var(--layout-input-field-max-width);
@@ -1235,12 +1242,12 @@ section + section {
}
.sg-sandwich-menu-wrap[data-component-size="small"] .sg-sandwich-button__line {
height: calc(var(--sandwich-line-height) - 1px);
height: var(--layout-sandwich-line-height-small);
background: var(--icon-sandwich-line-portal);
}
.sg-sandwich-menu-wrap[data-component-size="small"] .sg-sandwich-button__icon {
width: calc(var(--sandwich-line-width) - 3px);
width: var(--layout-sandwich-line-width-small);
}
.sg-sandwich-menu-wrap {