text-decoration: none;
transition: filter ease-in-out 80ms;
line-height: 1.6;
- @include whenDark {
- filter: brightness(1.3) saturate(0.7);
- }
&:hover {
text-decoration: underline;
}
hr {
border: 0;
height: 1px;
- @include lightDark(background, #eaeaea, #222);
+ @include lightDark(background, #eaeaea, #555);
margin-bottom: $-l;
&.faded {
background-image: linear-gradient(to right, #FFF, #e3e0e0 20%, #e3e0e0 80%, #FFF);
display: block;
position: relative;
border-left: 4px solid var(--color-primary);
- background-color: #F8F8F8;
+ @include lightDark(background-color, #f8f8f8, #333);
padding: $-s $-m $-s $-xl;
+ overflow: auto;
&:before {
content: "\201C";
font-size: 2em;
font-size: 0.84em;
border: 1px solid #DDD;
border-radius: 3px;
- @include lightDark(background-color, #f8f8f8f, #2b2b2b);
+ @include lightDark(background-color, #f8f8f8, #2b2b2b);
@include lightDark(border-color, #DDD, #444);
}