Clean up the development CSS styles a little bit

This commit is contained in:
Eryn Wells 2022-10-31 08:41:54 -07:00
parent 9def2ae7dd
commit 3b1eee9e21

View file

@ -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);
} }