5
/// Padding of a message
7
$messagePadding: 1rem 1.5rem;
9
/// Border width of a message
11
$messageBorderWidth: 0 0 0 4px;
13
/// Font size of a message icon
15
$messageIconFontSize: 1.5rem;
17
/// Font size of a message text
19
$messageTextFontSize: 1rem;
21
/// Font weight of a message text
23
$messageTextFontWeight: 500;
25
/// Padding of an inline message
27
$inlineMessagePadding: $inputPadding;
29
/// Margin of an inline message
31
$inlineMessageMargin: 0;
33
/// Font size of an inline message icon
35
$inlineMessageIconFontSize: 1rem;
37
/// Padding of an inline message text
39
$inlineMessageTextFontSize: 1rem;
41
/// Border width of an inline message text
43
$inlineMessageBorderWidth: 1px;
45
/// Font size of a toast message icon
47
$toastIconFontSize: 2rem;
49
/// Margin of a toast message text
51
$toastMessageTextMargin: 0 0 0 1rem;
53
/// Margin of a toast message
55
$toastMargin: 0 0 1rem 0;
57
/// Padding of a toast message
61
/// Border width of a toast message
63
$toastBorderWidth: 0 0 0 4px;
65
/// Box shadow of a toast message
67
$toastShadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
69
/// Opacity of a toast message
73
/// Font weight of a toast message title text
75
$toastTitleFontWeight: 700;
77
/// Margin of a toast message detail text
79
$toastDetailMargin: $inlineSpacing 0 0 0;
81
/// Background of an info message
83
$infoMessageBg: #039BE5;
85
/// Border of an info message
87
$infoMessageBorder: solid #027cb7;
89
/// Text color of an info message
91
$infoMessageTextColor: #ffffff;
93
/// Icon color of an info message
95
$infoMessageIconColor: #ffffff;
97
/// Background of a success message
99
$successMessageBg: #43A047;
101
/// Border of a success message
103
$successMessageBorder: 0 none;
105
/// Text color of a success message
107
$successMessageTextColor: #ffffff;
109
/// Icon color of a success message
111
$successMessageIconColor: #ffffff;
113
/// Background of a warning message
115
$warningMessageBg: #FFB300;
117
/// Border of a warning message
119
$warningMessageBorder: 0 none;
121
/// Text color of a warning message
123
$warningMessageTextColor: $textColor;
125
/// Icon color of a warning message
127
$warningMessageIconColor: $textColor;
129
/// Background of an error message
131
$errorMessageBg: #E53935;
133
/// Border of an error message
135
$errorMessageBorder: 0 none;
137
/// Text color of an error message
139
$errorMessageTextColor: #ffffff;
141
/// Icon color of an error message
143
$errorMessageIconColor: #ffffff;