/**
 * Plugin Name: Taxonomy Indicators
 * Description: Use indicators to designate taxonomies a post belongs to. Includes key output.
 *
 * Author:      Once Coupled
 * Author URI:  https://www.oncecoupled.com
 *
 * Text Domain: oc_ti
 *
 * Version:     1.0.0
 *
 * License:     GPL-2.0+
 * License URI: http://www.opensource.org/licenses/gpl-license.php
 */

.taxonomy-indicators,
.taxonomy-indicators .taxonomy-indicator,
.taxonomy-indicators .abbr,
.taxonomy-indicators .full-name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.widget .taxonomy-indicators {
    margin: 0 -8px;
}

.taxonomy-indicators .taxonomy-indicator {
    margin: 0 4px 4px 0;
}

.in-post-list .taxonomy-indicator {
    margin-right: 12px;
}

.widget .taxonomy-indicator {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
}

.taxonomy-indicators .abbr,
.taxonomy-indicators .full-name {
    transition: 400ms;
}

.taxonomy-indicator:hover .abbr,
.taxonomy-indicator:hover .full-name {
    opacity: 0.8;
}

.taxonomy-indicators .abbr {
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #fff;
    background: #000;
    border-radius: 100%;
    font-weight: 600;
    font-size: 0.7em;
}

.taxonomy-indicators .full-name {
    margin-left: 4px;
    color: #000;
    font-size: 0.8em;
}

.widget .taxonomy-indicators .full-name {
    margin-left: 8px;
}