noccy/jsl
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Chris
2025-09-20 22:59:18 +02:00
commit 6ba8860de9
9 changed files with 1110 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
jsonform.css Normal file
View File

@@ -0,0 +1,62 @@
@property --jsl-form-text-default {
syntax: "<color>";
inherits: true;
initial-value: #444;
}
@property --jsl-form-text-editable {
syntax: "<color>";
inherits: true;
initial-value: #000;
}
@property --jsl-form-default-outline {
syntax: "<color>";
inherits: true;
initial-value: #ccc;
}
@property --jsl-form-editable-outline {
syntax: "<color>";
inherits: true;
initial-value: #6666b1;
}
@property --jsl-form-focused-outline {
syntax: "<color>";
inherits: true;
initial-value: #290ada;
}
.jsl-form {
.-row {
display: flex;
gap: 0.5rem;
box-sizing: border-box;
.-form-field {
display: inline-block;
font-family: system-ui;
.-label {
font-size: 90%;
display: block;
padding: 0.25rem 0.5rem;
color: #444;
}
.-field {
font-size: 120%;
color: var(--jsl-form-text-default);
box-shadow: inset 5px 5px 20px -5px rgba(0,0,0,0.1);
display: block;
border: solid 1px var(--jsl-form-default-outline);
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
line-height: 1.5rem;
min-height: 1.5rem;
&[contenteditable] {
border: solid 1px var(--jsl-form-editable-outline);
color: var(--jsl-form-text-editable);
&:focus {
border: solid 1px var(--jsl-form-focused-outline);
}
}
}
}
}
}