Merge branch 'next' into next-lantia
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / alert.scss
CommitLineData
b8eab696 1.error,
45433290 2.info,
ed8c9052
AE
3.success,
4.warning {
5 border-left: 5px solid transparent;
b8eab696
AE
6 padding: 10px 20px;
7}
8
9.error {
ed8c9052
AE
10 background-color: $wcfStatusErrorBackground;
11 border-color: $wcfStatusErrorBorder;
12 color: $wcfStatusErrorText;
b8eab696
AE
13}
14
15.info {
ed8c9052
AE
16 background-color: $wcfStatusInfoBackground;
17 border-color: $wcfStatusInfoBorder;
18 color: $wcfStatusInfoText;
45433290
AE
19}
20
21.success {
ed8c9052
AE
22 background-color: $wcfStatusSuccessBackground;
23 border-color: $wcfStatusSuccessBorder;
24 color: $wcfStatusSuccessText;
25}
26
27.warning {
28 background-color: $wcfStatusWarningBackground;
29 border-color: $wcfStatusWarningBorder;
30 color: $wcfStatusWarningText;
45433290
AE
31}
32
33/* inline errors */
34.innerError {
35 background-color: rgb(242, 222, 222);
36 color: rgb(169, 68, 66);
37 display: table;
38 line-height: 1.5;
39 margin-top: 8px;
40 padding: 5px 10px;
41 position: relative;
42
43 /* pointer */
44 &::before {
45 border: 6px solid transparent;
46 border-bottom-color: rgb(242, 222, 222);
47 border-top-width: 0;
48 content: "";
49 display: inline-block;
50 left: 10px;
51 position: absolute;
52 top: -6px;
53 z-index: 101;
54 }
55}