// —————————————————————————– // Basic styles. // —————————————————————————–
html {
@include box-sizing(border-box);
}
*, *::before, *::after {
box-sizing: inherit; margin: 0;
}
a {
color: $colour-base; text-decoration: none; &:hover, &:active, { border-bottom: 1px solid $colour-highlight !important; }
}
body {
min-height: 100%; padding: 0;
}
img {
max-width: 100%;
}
padding: 0 2em 2em;
}
blockquote {
background: $colour-lightgrey; border-left: 0.25em solid $colour-highlight; color: $colour-darkgrey; margin: 0 2em 1.5em; padding: 0 1em; footer { text-align: right; &::before { content: "\2014\2002"; } }
}
figure {
background: rgba($colour-base, 0.25); padding: 0.25em; @include rounded(); img { @include rounded(0.75em); }
}
table {
border-collapse: collapse; margin: 0.625em 0; th, td { padding: 0.25em; } th { background: $colour-base; color: $colour-lightgrey; } tr:nth-child(even) { background: rgba($colour-base, 0.25); } tr:nth-child(odd) { background: rgba($colour-base, 0.1); }
}