Write out "constraint" in HTML element classes

This commit is contained in:
Aaron Fenyes 2024-11-13 16:36:03 -08:00
parent b3470b597d
commit 882286c0e3
2 changed files with 10 additions and 10 deletions

View file

@ -61,12 +61,12 @@ summary.selected {
background-color: #444;
}
summary > div, .cst {
summary > div, .constraint {
padding-top: 4px;
padding-bottom: 4px;
}
.elt, .cst {
.elt, .constraint {
display: flex;
flex-grow: 1;
padding-left: 8px;
@ -91,7 +91,7 @@ details[open]:has(li) .elt-switch::after {
flex-grow: 1;
}
.cst-label {
.constraint-label {
flex-grow: 1;
}
@ -107,26 +107,26 @@ details[open]:has(li) .elt-switch::after {
width: 56px;
}
.cst {
.constraint {
font-style: italic;
}
.cst.invalid {
.constraint.invalid {
color: #f58fc2;
}
.cst > input[type=checkbox] {
.constraint > input[type=checkbox] {
margin: 0px 8px 0px 0px;
}
.cst > input[type=text] {
.constraint > input[type=text] {
color: inherit;
background-color: inherit;
border: 1px solid #555;
border-radius: 2px;
}
.cst.invalid > input[type=text] {
.constraint.invalid > input[type=text] {
border-color: #70495c;
}