@use "typography";
@use "colours";

/* used in the blog listings */
b.favourite > a::before {
    content: "⭐ ";
}

img.border {
    border: 1px solid var(--off-fg);
}

div.rendered-markdown {
    img {
        border: 1px solid colours.$grey--20;
    }
    
    figure {
        display: flex;
        align-items: center;
        flex-direction: column;
        @media (min-width: 45rem) {
            padding: 0 10%;
        }
    }
    
    figcaption {
        @include typography.text--secondary;
    
        font-style: italic;
        text-align: center;
    }
    
    section.footnotes li p {
        margin-bottom: 0px;
    }
    
    section.footnotes p > a:last-of-type {
        padding-left: 5px;
    }
}
