# 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; }

}