Move all the root styles to fragment files

Create assets/styles/root to hold all the fragments of the root
stylesheet. This should make it easier to find and hack on style. Yay!
This commit is contained in:
Eryn Wells 2023-05-19 17:05:49 -07:00
parent 273c380fe6
commit 8029f97f9c
16 changed files with 692 additions and 665 deletions

View file

@ -29,6 +29,7 @@ details:has(.photo-params.debug) {
border: 1px solid var(--separator-color);
border-radius: 6px;
box-shadow: 4px 5px 5px var(--box-shadow-color);
box-sizing: border-box;
font-size: 12px;
padding: 0.5rem;
position: fixed;
@ -45,30 +46,34 @@ details:has(.photo-params.debug) {
font-family: var(--font-family-heading);
}
#debug-page-info > details > table {
#debug-page-info h4 {
margin-block: 1rem;
margin-inline-start: 2rem;
}
#debug-page-info table {
border: 0;
border-color: rgb(var(--dk-gray));
display: block;
margin-block-start: 0.5em;
margin-inline-start: 1em;
margin-inline-start: 2rem;
width: 100%;
}
#debug-page-info > details > table > tbody {
#debug-page-info table > tbody {
border: 1px solid;
}
#debug-page-info > details > table > tbody + tbody {
#debug-page-info table > tbody + tbody {
border-top: 1px solid;
}
#debug-page-info > details > table > tbody > tr > td {
#debug-page-info td {
border: 1px dotted;
border-left: 1px solid;
padding: 0.3em;
}
#debug-page-info > details > table > tbody > tr:nth-child(even) {
#debug-page-info table > tbody > tr:nth-child(even) {
background-color: var(--separator-color);
}