Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
.toast {
2 
  // Prevents from shrinking in IE11, when in a flex container
3 
  // See https://github.com/twbs/bootstrap/issues/28341
4 
  flex-basis: $toast-max-width;
5 
  max-width: $toast-max-width;
6 
  @include font-size($toast-font-size);
7 
  color: $toast-color;
8 
  background-color: $toast-background-color;
9 
  background-clip: padding-box;
10 
  box-shadow: $toast-box-shadow;
11 
  opacity: 0;
12 
  border-radius: $btn-border-radius;
13 
 
14 
  position: relative;
15 
 
16 
  .theme-dark & {
17 
    color: $dm-toast-color;
18 
    background-color: $dm-toast-background-color;
19 
  }
20 
 
21 
  &:not(:last-child) {
22 
    margin-bottom: $toast-padding-x;
23 
  }
24 
 
25 
  &.showing {
26 
    opacity: 1;
27 
  }
28 
 
29 
  &.show {
30 
    display: block;
31 
    opacity: 1;
32 
  }
33 
 
34 
  &.hide {
35 
    display: none;
36 
  }
37 
 
38 
  .close {
39 
    color: $toast-color;
40 
 
41 
    .theme-dark & {color: $dm-toast-color;}
42 
  }
43 
}
44 
 
45 
.toast-header {
46 
  display: flex;
47 
  align-items: center;
48 
  padding: $toast-padding-y $toast-padding-x;
49 
  color: $toast-header-color;
50 
  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));
51 
 
52 
  .theme-dark & {color: $dm-toast-header-color;}
53 
}
54 
 
55 
.toast-body {
56 
  padding: $toast-padding-x; // apply to both vertical and horizontal
57 
}