ArticleTemplates/assets/scss/modules/_aside.scss

// /*doc
// ---
// title: Aside
// name: aside
// category: Modules
// ---
// Displays a piece of text or HTML component whose content is an aside of the main article. Typically appears floated to the right in many article templates.
//
// ```html_example
// <aside class="aside">
//     <p>Standing nearly two metres tall and weighing as much as a car, <strong>the European bison</strong> is the continent's largest land mammal. Bison bonasus eat grasses and herbs, and are capable of consuming 32kg each day.</p>
// </aside>
//
// <p><i>Bison bonasus</i> was driven to extinction in the wild across Europe in 1927 after decades of decline from hunting and habitat loss. But it has become that rare endangered species: a conservation success story. There are now thousands in the wild, all descended from the 54 individuals in captivity when the last wild one was killed in Poland's Bialowieza forest. Despite the increase in numbers, the European bison is still rarer than other high profile species, such as the black rhino, even with the reintroductions. There are over 5,000 European bison, with about 3,200 in the wild.</p>
// ```
// */

.aside {
    margin: base-px(2, 0);
    border-top: 1px dotted color(tone-sandy-light);
    padding: base-px(1, 0);
    width: 100%;

    @include mq($to: col1) {
        border-bottom: 1px dotted color(tone-sandy-light);
    }
}