// @import "../atoms/btn";
// @import "../atoms/icon";

//  = ICON BUTTONS
//  This module just add some dc-icon modifier
//  -----------------------------------------------------------------------------

@mixin dc-icon--btn {
    display: block;
    margin-top: .22rem;
    margin-right: 0;
    margin-left: 0;
    float: left;
    line-height: .8rem;
}

@mixin dc-icon--btn--left {
    margin-right: .8rem;
    float: left;
}

@mixin dc-icon--btn--right {
    margin-left: .8rem;
    float: right;
}

@mixin dc-icon--btn-small {
    font-size: 1.2rem;
    line-height: .8rem;
}

@mixin dc-icon--btn-large {
    margin-top: .4rem;
    font-size: 2.8rem;
    line-height: .6rem;
}

@mixin dc-btn-icon-selectors {

    .dc-icon--btn {
        @include dc-icon--btn;
    }

    .dc-icon--btn--left {
        @include dc-icon--btn--left;
    }

    .dc-icon--btn--right {
        @include dc-icon--btn--right;
    }

    .dc-icon--btn-small {
        @include dc-icon--btn-small;
    }

    .dc-icon--btn-large {
        @include dc-icon--btn-large;
    }

}