floscr/clj-ui-framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: spacing

Browse Source
This commit is contained in:
Florian Schroedl
2026-03-29 20:09:55 +02:00
parent b9406cc024
commit 63e853b6ac
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/ui/button.css
View File

@@ -8,7 +8,7 @@
font-weight: 600; font-weight: 600;
line-height: var(--size-5); line-height: var(--size-5);
border: none; border: none;
border-radius: var(--radius-md); border-radius: var(--radius-sm);
cursor: pointer; cursor: pointer;
font-family: inherit; font-family: inherit;
} }

16
src/ui/form.css
View File

@@ -3,7 +3,7 @@
.form-field { .form-field {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--size-2); gap: calc(var(--size-1) + 2px);
margin-bottom: var(--size-4); margin-bottom: var(--size-4);
} }
@@ -51,8 +51,10 @@
background: var(--bg-0); background: var(--bg-0);
color: var(--fg-0); color: var(--fg-0);
border: var(--border-1); border: var(--border-1);
border-radius: var(--radius-md); border-radius: var(--radius-sm);
transition: border-color 150ms ease, box-shadow 150ms ease; transition:
border-color 150ms ease,
box-shadow 150ms ease;
} }
.form-input::placeholder, .form-input::placeholder,
@@ -148,7 +150,9 @@
background: var(--bg-0); background: var(--bg-0);
border: var(--border-1); border: var(--border-1);
cursor: pointer; cursor: pointer;
transition: background-color 150ms ease, border-color 150ms ease; transition:
background-color 150ms ease,
border-color 150ms ease;
vertical-align: middle; vertical-align: middle;
} }
@@ -211,7 +215,9 @@
border-radius: var(--radius-md); border-radius: var(--radius-md);
cursor: pointer; cursor: pointer;
margin-right: var(--size-3); margin-right: var(--size-3);
transition: background-color 150ms ease, border-color 150ms ease; transition:
background-color 150ms ease,
border-color 150ms ease;
} }
.form-file::file-selector-button:hover { .form-file::file-selector-button:hover {