$types: (
    seealso:    (color: $pale-grey,   title-color: $grey,   icon: "\f05a"),
    definition: (color: $pale-red,    title-color: $red,    icon: "\f005"),
    exampl:     (color: $pale-green,  title-color: $green,  icon: "\f013"),
    question:   (color: $pale-yellow, title-color: $yellow, icon: "\f059"),
    summary:    (color: $pale-blue,   title-color: $blue,   icon: "\f02e"),
    hint:       (color: $pale-grey,   title-color: $grey,   icon: "\f05a"),
    important:  (color: $pale-orange, title-color: $orange, icon: "\f005"),
    caution:    (color: $pale-orange, title-color: $orange, icon: "\f071"),
    warning:    (color: $pale-orange, title-color: $orange, icon: "\f071")
);


@each $label, $map in $types {

    .#{$label} {
        padding:12px;
        line-height:24px;
        margin-bottom:24px;
        -webkit-font-smoothing:antialiased;

        background: map-get($map, color);

        > p:last-child {
            margin-bottom: 0;
        }

        &.admonition-title{
            line-height: 1;
            background: map-get($map, title-color);
            margin-bottom: 0px;

            &:before{
                font-family:FontAwesome;
                content: map-get($map, icon);
            }
        }
    }
}

#content .admonition-title{
    color:#fff;
    font-weight:bold;
    display:block;
    color:#fff;
    padding:6px 12px;
    margin-bottom:0px;
    font-family:inherit;
    -webkit-font-smoothing:antialiased;

    &:before{
        margin-right:4px;
        font-family:"FontAwesome";
        display:inline-block;
        font-style:normal;
        font-weight:normal;
        line-height:1;
        text-decoration:inherit;
    }
}