toolkit/components/alerts/alert.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

#alertBox[animate] {
  animation-duration: 20s;
  animation-fill-mode: both;
  animation-name: alert-animation;
}

#alertBox[animate]:not([clicked], [closing]):hover {
  animation-play-state: paused;
}

#alertBox:not([hasOrigin]) > box > #alertTextBox > #alertFooter,
#alertBox:not([hasIcon]) > box > #alertIcon,
#alertImage:not([src]) {
  display: none;
}

#alertTitleBox {
  justify-content: center;
  align-items: center;
}

.alertText {
  white-space: pre-wrap;
}

@keyframes alert-animation {
  from {
    visibility: visible;
  }
  to {
    visibility: hidden;
  }
}