html {
box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: $color__background-body; /* Fallback for when there is no custom background color defined. */
}
blockquote, q {
border-left: 4px solid $color__light-black;
padding-left: 1.5em;
font-style: italic;
quotes: "" "";
&:before,
&:after {
content: "";
}
}
hr {
background-color: $color__background-hr;
border: 0;
height: 4px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 1.5em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
padding: 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
td,
th {
padding: .75em 3px;
}
td {
border-bottom: 1px solid $color__light-black;
}
th {
border-bottom: 4px solid $color__light-black;
}