Clean up the development CSS styles a little bit
This commit is contained in:
parent
55f0526f6e
commit
8d0048bd25
1 changed files with 10 additions and 6 deletions
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue