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 55f0526f6e
commit 8d0048bd25

View file

@ -3,6 +3,10 @@
* Eryn Wells <eryn@erynwells.me>
*/
details:has(.photo-params.debug) {
margin-block-end: var(--body-item-spacing);
}
.draft {
color: red;
display: inline-block;
@ -24,7 +28,6 @@
#debug-page-info {
background-color: var(--background-color);
border: 1px solid var(--separator-color);
border-collapse: collapse;
border-radius: 6px;
box-shadow: 4px 5px 5px var(--box-shadow-color);
font-size: 1.75rem;
@ -35,26 +38,27 @@
width: max-content;
}
#debug-page-info details {
#debug-page-info > details {
margin: 0.5rem;
}
#debug-page-info summary {
#debug-page-info > summary {
font-family: var(--font-family-heading);
}
#debug-page-info table {
#debug-page-info > details > table {
border-collapse: collapse;
display: block;
margin-block-start: 0.5em;
margin-inline-start: 1em;
}
#debug-page-info td {
#debug-page-info > details > table > tbody > tr > td {
border: 1px solid rgb(var(--dk-gray));
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);
}