c77e5a1a90
Divides the css into sub-files and normalizes how colors are defined. Co-authored-by: Joachim <joachim.robert@protonmail.com>
58 lines
1.4 KiB
SCSS
58 lines
1.4 KiB
SCSS
/** Statuses: Quotes
|
|
*
|
|
* \e906: icon-quote-open
|
|
* \e905: icon-quote-close
|
|
*
|
|
* The `content` class on the blockquote allows to apply styles to markdown
|
|
* generated HTML in the quote: https://bulma.io/documentation/elements/content/
|
|
*
|
|
* ```html
|
|
* <div class="quote block">
|
|
* <blockquote dir="auto" class="content mb-2">
|
|
* User generated quote in markdown…
|
|
* </blockquote>
|
|
*
|
|
* <p> — <a…>Book Title</a> by <a…class="author">Author</a></p>
|
|
* </div>
|
|
* ```
|
|
******************************************************************************/
|
|
|
|
.quote > blockquote {
|
|
position: relative;
|
|
padding-left: 2em;
|
|
}
|
|
|
|
.quote > blockquote::before,
|
|
.quote > blockquote::after {
|
|
font-family: icomoon; /* stylelint-disable font-family-no-missing-generic-family-keyword */
|
|
position: absolute;
|
|
}
|
|
|
|
.quote > blockquote::before {
|
|
content: "\e907"; /* icon-quote-open */
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.quote > blockquote::after {
|
|
content: "\e906"; /* icon-quote-close */
|
|
right: 0;
|
|
}
|
|
|
|
/* Threads
|
|
******************************************************************************/
|
|
|
|
.thread .is-main .card {
|
|
box-shadow: 0 0.5em 1em -0.125em rgba($link, 0.35), 0 0 0 1px rgba($link, 0.02);
|
|
}
|
|
|
|
.thread::after {
|
|
content: "";
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 2.5em;
|
|
border-left: 2px solid $border;
|
|
}
|