﻿@import "../../../Styles/functions.scss";

.bit-ico {
    padding: spacing(0.5);
    border-radius: $shp-border-radius;
    border-style: $shp-border-style;
    border-width: $shp-border-width;

    &.bit-dis {
        color: $clr-fg-dis;
    }
}


.bit-ico-fil {
    color: var(--bit-ico-clr-txt);
    border-color: var(--bit-ico-clr);
    background-color: var(--bit-ico-clr);
}

.bit-ico-out {
    color: var(--bit-ico-clr);
    border-color: var(--bit-ico-clr);
    background-color: transparent;
}

.bit-ico-txt {
    color: var(--bit-ico-clr);
    border-color: transparent;
    background-color: transparent;
    border: none;
    padding: 0;
}


.bit-ico-pri {
    --bit-ico-clr: #{$clr-pri};
    --bit-ico-clr-txt: #{$clr-pri-text};
}

.bit-ico-sec {
    --bit-ico-clr: #{$clr-sec};
    --bit-ico-clr-txt: #{$clr-sec-text};
}

.bit-ico-ter {
    --bit-ico-clr: #{$clr-ter};
    --bit-ico-clr-txt: #{$clr-ter-text};
}

.bit-ico-inf {
    --bit-ico-clr: #{$clr-inf};
    --bit-ico-clr-txt: #{$clr-inf-text};
}

.bit-ico-suc {
    --bit-ico-clr: #{$clr-suc};
    --bit-ico-clr-txt: #{$clr-suc-text};
}

.bit-ico-wrn {
    --bit-ico-clr: #{$clr-wrn};
    --bit-ico-clr-txt: #{$clr-wrn-text};
}

.bit-ico-swr {
    --bit-ico-clr: #{$clr-swr};
    --bit-ico-clr-txt: #{$clr-swr-text};
}

.bit-ico-err {
    --bit-ico-clr: #{$clr-err};
    --bit-ico-clr-txt: #{$clr-err-text};
}

.bit-ico-pbg {
    --bit-ico-clr: #{$clr-bg-pri};
    --bit-ico-clr-txt: #{$clr-fg-pri};
}

.bit-ico-sbg {
    --bit-ico-clr: #{$clr-bg-sec};
    --bit-ico-clr-txt: #{$clr-fg-sec};
}

.bit-ico-tbg {
    --bit-ico-clr: #{$clr-bg-ter};
    --bit-ico-clr-txt: #{$clr-fg-ter};
}

.bit-ico-pfg {
    --bit-ico-clr: #{$clr-fg-pri};
    --bit-ico-clr-txt: #{$clr-bg-pri};
}

.bit-ico-sfg {
    --bit-ico-clr: #{$clr-fg-sec};
    --bit-ico-clr-txt: #{$clr-bg-sec};
}

.bit-ico-tfg {
    --bit-ico-clr: #{$clr-fg-ter};
    --bit-ico-clr-txt: #{$clr-bg-ter};
}

.bit-ico-pbr {
    --bit-ico-clr: #{$clr-bg-pri};
    --bit-ico-clr-txt: #{$clr-fg-pri};
}

.bit-ico-sbr {
    --bit-ico-clr: #{$clr-bg-sec};
    --bit-ico-clr-txt: #{$clr-fg-sec};
}

.bit-ico-tbr {
    --bit-ico-clr: #{$clr-bg-ter};
    --bit-ico-clr-txt: #{$clr-fg-ter};
}


.bit-ico-sm {
    font-size: spacing(1.5);
}

.bit-ico-md {
    font-size: spacing(2.5);
}

.bit-ico-lg {
    font-size: spacing(3.5);
}
