FM / components

/home/techb158/dev.balacoffee.com/resources/src/assets/styles/sass/globals/components/

/home/techb158/dev.balacoffee.com/resources/src/assets/styles/sass/globals/components

Name	Size	Mode	Actions
_accordions.scss	229	0644	edit dl rm
_alerts.scss	1324	0644	edit dl rm
_avatar.scss	281	0644	edit dl rm
_badges.scss	4048	0644	edit dl rm
_borders.scss	254	0644	edit dl rm
_breadcrumb.scss	1492	0644	edit dl rm
_button.scss	5567	0644	edit dl rm
_calendar.scss	1336	0644	edit dl rm
_card.scss	4232	0644	edit dl rm
_carousel.scss	110	0644	edit dl rm
_components.scss	769	0644	edit dl rm
_customizer.scss	6699	0644	edit dl rm
_datatables.scss	172	0644	edit dl rm
_daterangepicker.scss	0	0644	edit dl rm
_dropdown.scss	2160	0644	edit dl rm
_echart.scss	294	0644	edit dl rm
_echarts.scss	53	0644	edit dl rm
_editor.scss	0	0644	edit dl rm
_feather-icon.scss	173	0644	edit dl rm
_form.scss	4998	0644	edit dl rm
_icon.scss	245	0644	edit dl rm
_lists.scss	0	0644	edit dl rm
_loader.scss	7258	0644	edit dl rm
_modals.scss	137	0644	edit dl rm
_nouislider.scss	3677	0644	edit dl rm
_pagination.scss	0	0644	edit dl rm
_popover.scss	328	0644	edit dl rm
_progress.scss	0	0644	edit dl rm
_search.scss	836	0644	edit dl rm
_select.scss	184	0644	edit dl rm
_sidebar.directive.scss	951	0644	edit dl rm
_tab.scss	684	0644	edit dl rm
_tabs.scss	517	0644	edit dl rm
_tag-input.scss	318	0644	edit dl rm
_tagging.scss	1015	0644	edit dl rm
_toastr.scss	241	0644	edit dl rm
_upload.scss	146	0644	edit dl rm
_vue-good-table.scss	3297	0644	edit dl rm
_vue2-clock-picker.scss	4703	0644	edit dl rm

Edit: /home/techb158/dev.balacoffee.com/resources/src/assets/styles/sass/globals/components/_alerts.scss (1324B)

// BOOTSTRAP ALERT
.alert {
    // background: $background;
    border-radius: 10px;
    .close:focus {
        outline: 0;
    }
}

.alert-card {
    border: none;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 2px 0 0 $gray-400;
    &.alert-success {
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 2px 0 0 $success;
    }
    &.alert-warning {
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 2px 0 0 $warning;
    }
    &.alert-info {
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 2px 0 0 $info;
    }
    &.alert-danger {
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 2px 0 0 $danger;
    }
    &.alert-dark {
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 2px 0 0 $gray-600;
    }
}

.swal2-container {
    .swal2-modal {
        font-family: $font-family-base;
    }
    .swal2-spacer {
        margin: 1.5rem 0;
    }
    .swal2-styled:not(.swal2-cancel) {
        background: $primary !important;
        outline: none;
        &:focus {
            box-shadow: 0 0 0 0.2rem rgba($primary, .5)
        }
    }
}

// BOOTSTRAP ALERT .alert { // background: $background; border-radius: 10px; .close:focus { outline: 0; } } .alert-card { border: none; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 2px 0 0 $gray-400; &.alert-success { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 2px 0 0 $success; } &.alert-warning { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 2px 0 0 $warning; } &.alert-info { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 2px 0 0 $info; } &.alert-danger { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 2px 0 0 $danger; } &.alert-dark { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 2px 0 0 $gray-600; } } .swal2-container { .swal2-modal { font-family: $font-family-base; } .swal2-spacer { margin: 1.5rem 0; } .swal2-styled:not(.swal2-cancel) { background: $primary !important; outline: none; &:focus { box-shadow: 0 0 0 0.2rem rgba($primary, .5) } } }