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:
parent
273c380fe6
commit
8029f97f9c
16 changed files with 692 additions and 665 deletions
|
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue