# Read me Jekyll
. kthxbye
$header : #922610; $h-line : e69a28; $body : #212121; $back : eee5ce; $g-back : e0e5c1; $bar : $h-line;
div.desc {
background-color: $back; box-shadow: 0 0 6px $body; padding: .5em; border: 6px solid transparent; border-image-source: url({{ 'assets/desc-border.png' | absolute_url }}); border-image-slice: 12; border-image-width: 1.5; border-image-outset: 5px;
}
blockquote {
box-sizing: border-box; padding: 5px 10px; background-color: $g-back; border-style: solid; border-width: 11px; border-image: url({{ 'assets/note-border.png' | absolute_url }}) 11; border-image-outset: 9px 0; box-shadow: 1px 4px 14px $body;
}
div.desc, blockquote {
margin: 1em 0.5em; @media screen and (min-width: 550px) { margin: 1em 3em; } @media screen and (min-width: 950px) { margin: 1em 10em; } &.meta { margin: 0; p.subtitle { margin-top: -0.5em; margin-bottom: 1.5em; font-size: 0.9em; font-weight: 700; overflow: auto; } h6 { text-align: center; text-transform: uppercase; margin-bottom: 0; margin-top: 0.5em; } ul { margin-bottom: 0; } li { list-style: none; margin-bottom: 0.3em; } details { margin-bottom: 0.3em; summary { font-weight: 700; } li { margin-left: 1.5em; } } } h5, p { margin-bottom: 0.3em; } *:last-child { margin-bottom: 0; }
}