Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | Ultima modificación | Ver Log |

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