Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
@mixin toast-icon($content) {
2 
    @extend .fa-solid;
3 
    margin: 2px 5px 0 0;
4 
    content: fa-content($content);
5 
}
6 
 
7 
@mixin toast-variant($color) {
8 
    background-color: rgba(theme-color-level($color, $alert-bg-level), .95);
9 
    color: theme-color-level($color, $alert-color-level);
10 
    .toast-header {
11 
        color: theme-color-level($color, $alert-color-level);
12 
    }
13 
}
14 
 
15 
.toast {
16 
    border-radius: $toast-border-radius;
17 
 
18 
    &.toast-success {
19 
        @include toast-variant('success');
20 
        .toast-body:before {
21 
            @include toast-icon($fa-var-check-circle);
22 
        }
23 
    }
24 
 
25 
    &.toast-danger {
26 
        @include toast-variant('danger');
27 
        .toast-body:before {
28 
            @include toast-icon($fa-var-times-circle);
29 
        }
30 
    }
31 
 
32 
    &.toast-info {
33 
        @include toast-variant('info');
34 
        .toast-body:before {
35 
            @include toast-icon($fa-var-info-circle);
36 
        }
37 
    }
38 
 
39 
    &.toast-warning {
40 
        @include toast-variant('warning');
41 
        .toast-body:before {
42 
            @include toast-icon($fa-var-exclamation-circle);
43 
        }
44 
    }
45 
 
46 
    .close {
47 
        color: inherit;
48 
    }
49 
}