ember compilation issue with bootstrap glyph icons before

ember compilation issue with bootstrap glyph icons before

my scss code

.dropdown {    
    .ficon {
        position: absolute;
        right: 8px;
        top: 9px;
        line-height: 1.2;
        color: #808080;
        cursor: pointer;
    }
}

after ember compiled the scss to css, i am getting this too much of stuff which i did not write.

.dropdown .ficon, dropdown .dashboard-link:before, dropdown .dashboard-chart .btn-box a:before, .dashboard-chart .btn-box dropdown a:before, dropdown .btn-plus .icon:before, .btn-plus dropdown .icon:before, dropdown .form-group .selectize-input:after, .form-group dropdown .selectize-input:after, dropdown .user-list .list-group-item .user-email:before, .user-list .list-group-item dropdown .user-email:before, dropdown
.user-list .list-group-item .user-phone:before,
.user-list .list-group-item dropdown .user-phone:before, dropdown .user-list .list-group-item .user-options > .btn-edit:before, .user-list .list-group-item dropdown .user-options > .btn-edit:before, dropdown
.user-list .list-group-item .user-options > .btn-delete:before,
.user-list .list-group-item dropdown .user-options > .btn-delete:before, dropdown .agent-panel, dropdown .chat-notification .cn-options .cn-chat-accept:before, .chat-notification .cn-options dropdown .cn-chat-accept:before, dropdown .chat-notification .cn-options .cn-chat-reject:before, .chat-notification .cn-options dropdown .cn-chat-reject:before, dropdown .chat-notification .cn-options .cn-chat-initiate:before, .chat-notification .cn-options dropdown .cn-chat-initiate:before, dropdown .chat-notification.-is-transfer .cn-details:before, .chat-notification.-is-transfer dropdown .cn-details:before, dropdown .btn-agent-list:before, dropdown .chat-tab.-agent .user-avatar:before, .chat-tab.-agent dropdown .user-avatar:before, dropdown .chat-tab.-customer .profile-name:before, .chat-tab.-customer dropdown .profile-name:before, dropdown .attachment-options > .action-btn:before, dropdown .attachment-preview .options .close-btn, .attachment-preview .options dropdown .close-btn, dropdown
.attachment-preview .options .save-btn,
.attachment-preview .options dropdown .save-btn, dropdown .last-coversation-btn:before {

    position: absolute;
    right: 8px;
    top: 9px;
    line-height: 1.2;
    color: #808080;
    cursor: pointer;

}

could any one face this issue before? please suggest me a better way to avoid to much unnecessary stuff.