@charset "UTF-8";
@import 'base_config';
@import '../custom_config';
@import '../custom_color', '../custom_layout';
@import 'mixins';


.fa.fa-users.column-link,
.fa.fa-globe.column-link,
.fa.fa-address-book.column-link,
.fa.fa-bullhorn.column-link,
.fa.fa-envelope.column-link,
.fa.fa-bookmark.column-link,
.fa.fa-star.column-link,
.fa.fa-list-ul.column-link {
    &__icon.fa-fw { color: $icon-color }
}


.fa { vertical-align: sub }  // adjust material icon font baseline to other font

.fa.fa-times,
.fa.fa-eraser,
.fa.fa-plus { vertical-align: middle }  // adjustment exception

.fa.fa-check { vertical-align: initial }

.fa.fa-lock { text-transform: none }

.fa-fw { width: 16px }

// icon in tab settings
.fa.fa-chevron-left.column-back-button__icon.fa-fw,
.text-btn.column-header__setting-btn .fa.fa-eraser {
    font-size: 20px;
    margin-right: 16px;
}

.icon-with-badge__badge {
    background: $badge-color;
    border: none;
    padding: 2px 6px;
    border-radius: 12px;
}