Eryn Wells
8029f97f9c
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!
102 lines
1.9 KiB
CSS
102 lines
1.9 KiB
CSS
/* Eryn Wells <eryn@erynwells.me> */
|
|
|
|
details:has(.photo-params.debug) {
|
|
margin-inline: var(--body-item-spacing);
|
|
max-width: var(--content-width);
|
|
width: 100%;
|
|
}
|
|
|
|
.draft {
|
|
color: red;
|
|
display: inline-block;
|
|
font-family: 'SF Pro', sans-serif;
|
|
font-size: 1.5rem;
|
|
font-weight: bold;
|
|
letter-spacing: 3px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.draft:before {
|
|
content: "[";
|
|
}
|
|
|
|
.draft:after {
|
|
content: "]";
|
|
}
|
|
|
|
#debug-page-info {
|
|
background-color: var(--background-color);
|
|
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;
|
|
left: 12px;
|
|
bottom: 12px;
|
|
width: max-content;
|
|
}
|
|
|
|
#debug-page-info > details {
|
|
margin: 0.5rem;
|
|
}
|
|
|
|
#debug-page-info > summary {
|
|
font-family: var(--font-family-heading);
|
|
}
|
|
|
|
#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-inline-start: 2rem;
|
|
width: 100%;
|
|
}
|
|
|
|
#debug-page-info table > tbody {
|
|
border: 1px solid;
|
|
}
|
|
|
|
#debug-page-info table > tbody + tbody {
|
|
border-top: 1px solid;
|
|
}
|
|
|
|
#debug-page-info td {
|
|
border: 1px dotted;
|
|
border-left: 1px solid;
|
|
padding: 0.3em;
|
|
}
|
|
|
|
#debug-page-info table > tbody > tr:nth-child(even) {
|
|
background-color: var(--separator-color);
|
|
}
|
|
|
|
.photos-params.debug {
|
|
width: calc(100% - var(--body-item-spacing));
|
|
}
|
|
|
|
.photo-params.debug > thead {
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
border-bottom: 2px solid rgb(var(--dk-gray));
|
|
}
|
|
|
|
.photo-params.debug > tbody > tr > td {
|
|
border: 1px solid var(--photo-params-border-color);
|
|
vertical-align: top;
|
|
}
|
|
|
|
.photo-params.debug > tbody > tr > td:first-of-type {
|
|
width: max-content;
|
|
}
|
|
|
|
.photo-params.debug > tbody > tr > td:last-of-type {
|
|
word-wrap: anywhere;
|
|
overflow: scroll;
|
|
}
|