float: right;
width: 250px;
height: 100%;
- background: white;
overflow: auto;
.section {
li {
overflow: hidden;
border-radius: 3px;
- border: 2px solid #fff;
+ border: 2px solid transparent;
margin-bottom: 8px;
position: relative;
transition: border-color 0.08s ease-in;
cursor: pointer;
font-weight: 600;
font-size: 16px;
- text-stroke: 2px #fff;
- background: rgba(255,255,255,.9);
+ background-color: var(--bs-body-bg);
+ opacity: 0.9;
z-index: 1000;
input[type="radio"] {
display: none;
}
.export_boxy {
- background: $lightgrey;
-
> * {
margin: -1px;
}
.richtext,
.prose {
code {
- background: $lightgrey;
+ background: var(--bs-secondary-bg);
padding: 2px 3px;
}
pre {
- background: $lightgrey;
+ background: var(--bs-secondary-bg);
padding: 2px 3px;
white-space: pre-wrap;
img {
padding: $lineheight;
- background-color: $offwhite;
+ background-color: var(--bs-tertiary-bg);
display: block;
max-width: 100%;
margin: auto;
}
blockquote {
- border-left: $lineheight solid $offwhite;
+ border-left: $lineheight solid var(--bs-tertiary-bg);
padding-left: $lineheight;
margin: 0;
- color: $darkgrey;
+ color: var(--bs-secondary-color);
}
}