gburri/recipes
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

Form CSS style + dev panel (WIP)

Browse source
This commit is contained in:
Greg Burri 2025-04-15 11:34:18 +02:00
parent 9daa852add
commit f2e0aa3b43
18 changed files with 154 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

45
backend/scss/main.scss
View file

@ -266,13 +266,54 @@ body {
// width: fit-content;
// justify-self: flex-end;
// }
// }
//}
}
}
.tag {
border: 0.1em solid consts.$color-3;
border-radius: 0.5em;
background-color: consts.$color-1;
margin: consts.$margin;
padding: consts.$margin;
}
textarea,
input {
margin: consts.$margin;
padding: calc(consts.$margin / 2) calc(2 * consts.$margin);
background-color: consts.$color-1;
border: solid 1px consts.$color-3;
color: consts.$text-color;
&:focus {
outline: none;
background-color: consts.$color-2;
box-shadow: 0 0 5px color.adjust(consts.$color-3, $lightness: -20%);
}
}
select {
margin: consts.$margin;
padding: calc(consts.$margin / 2) calc(2 * consts.$margin);
background-color: consts.$color-1;
border: solid 1px consts.$color-3;
color: consts.$text-color;
option {
color: inherit;
background-color: consts.$color-1;
}
}
input[type="button"],
input[type="submit"],
.button {
margin: consts.$margin;
padding: calc(consts.$margin / 2) calc(2 * consts.$margin);
border: 0.1em solid consts.$color-3;
border-radius: 0.5em;
background-color: consts.$color-2;
@ -281,6 +322,8 @@ body {
5px 5px 4px 3px color.adjust(consts.$color-2, $lightness: 4%) inset;
cursor: pointer;
color: consts.$link-color;
&:hover {
color: consts.$link-hover-color;
}