mirror of
https://github.com/hensm/fx_cast.git
synced 2026-06-09 17:19:59 +00:00
72 lines
1.1 KiB
CSS
72 lines
1.1 KiB
CSS
.category {
|
|
display: grid;
|
|
grid-template-columns: 150px 1fr;
|
|
grid-column-gap: 20px;
|
|
grid-row-gap: 5px;
|
|
}
|
|
.category-name {}
|
|
.category-description {
|
|
color: graytext;
|
|
grid-column: span 2;
|
|
}
|
|
|
|
.option {
|
|
display: contents;
|
|
}
|
|
|
|
.option-label {
|
|
text-align: right;
|
|
display: inline-block;
|
|
}
|
|
|
|
.option > input {
|
|
align-self: center;
|
|
justify-self: flex-start;
|
|
}
|
|
|
|
#form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#buttons {
|
|
align-self: flex-end;
|
|
margin-block-start: 5px;
|
|
}
|
|
|
|
#buttons > :not(:last-child) {
|
|
margin-inline-end: 5px;
|
|
}
|
|
|
|
*:invalid {
|
|
box-shadow: 0 0 1.5px 1px red;
|
|
}
|
|
|
|
.editable-list {
|
|
justify-content: end;
|
|
}
|
|
.editable-list__items {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.editable-list__item {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 2em;
|
|
}
|
|
.editable-list__title {
|
|
flex: 1;
|
|
}
|
|
.editable-list__edit-field {
|
|
width: -moz-available;
|
|
margin-inline-end: 1em;
|
|
}
|
|
.editable-list__raw-view {
|
|
max-height: 300px;
|
|
resize: vertical;
|
|
width: 100%;
|
|
}
|
|
.editable-list__add-button {
|
|
align-self: end;
|
|
}
|