Clean up the development CSS styles a little bit
This commit is contained in:
parent
9def2ae7dd
commit
3b1eee9e21
1 changed files with 10 additions and 6 deletions
|
@ -3,6 +3,10 @@
|
||||||
* Eryn Wells <eryn@erynwells.me>
|
* Eryn Wells <eryn@erynwells.me>
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
details:has(.photo-params.debug) {
|
||||||
|
margin-block-end: var(--body-item-spacing);
|
||||||
|
}
|
||||||
|
|
||||||
.draft {
|
.draft {
|
||||||
color: red;
|
color: red;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -24,7 +28,6 @@
|
||||||
#debug-page-info {
|
#debug-page-info {
|
||||||
background-color: var(--background-color);
|
background-color: var(--background-color);
|
||||||
border: 1px solid var(--separator-color);
|
border: 1px solid var(--separator-color);
|
||||||
border-collapse: collapse;
|
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
box-shadow: 4px 5px 5px var(--box-shadow-color);
|
box-shadow: 4px 5px 5px var(--box-shadow-color);
|
||||||
font-size: 1.75rem;
|
font-size: 1.75rem;
|
||||||
|
@ -35,26 +38,27 @@
|
||||||
width: max-content;
|
width: max-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
#debug-page-info details {
|
#debug-page-info > details {
|
||||||
margin: 0.5rem;
|
margin: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#debug-page-info summary {
|
#debug-page-info > summary {
|
||||||
font-family: var(--font-family-heading);
|
font-family: var(--font-family-heading);
|
||||||
}
|
}
|
||||||
|
|
||||||
#debug-page-info table {
|
#debug-page-info > details > table {
|
||||||
|
border-collapse: collapse;
|
||||||
display: block;
|
display: block;
|
||||||
margin-block-start: 0.5em;
|
margin-block-start: 0.5em;
|
||||||
margin-inline-start: 1em;
|
margin-inline-start: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#debug-page-info td {
|
#debug-page-info > details > table > tbody > tr > td {
|
||||||
border: 1px solid rgb(var(--dk-gray));
|
border: 1px solid rgb(var(--dk-gray));
|
||||||
padding: 0.3em;
|
padding: 0.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#debug-page-info tr:nth-child(even) {
|
#debug-page-info > details > table > tbody > tr:nth-child(even) {
|
||||||
background-color: var(--separator-color);
|
background-color: var(--separator-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue