// —————————————————————————– // 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%;

}

main, aside, footer {

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

}