steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 11:34:21 +00:00
Code Activity

base ruleset: Apply label rules to any element, not just inputs and spans

Browse source
This commit is contained in:
Steffo 2022-10-14 14:31:05 +00:00 committed by GitHub
parent dcd4dbe3b8
commit 315581a4a9
Signed by: github
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/rules/base.less
View file

@ -789,25 +789,33 @@
display: flex; display: flex;
gap: 1ex; gap: 1ex;
> @{element-span}:first-child, > @{element-span}:last-child { > @{all}:first-child, > @{all}:last-child {
margin: auto 0; margin: auto 0;
flex-basis: 15%; flex-basis: 15%;
flex-grow: 0;
.use-font-group(label); .use-font-group(label);
.map-hsl-group(current; primary); .map-hsl-group(current; primary);
} }
> @{element-span}:first-child { > @{all} {
text-align: right;
}
> @{element-span}:last-child {
text-align: left;
}
> @{input} {
flex-grow: 1; flex-grow: 1;
display: flex;
justify-content: start;
align-items: center;
gap: 4px;
} }
> @{all}:first-child {
text-align: right;
display: block;
}
> @{all}:last-child {
text-align: left;
display: block;
}
} }
} }