diff options
Diffstat (limited to 'src/scss/components/_alert.scss')
-rw-r--r-- | src/scss/components/_alert.scss | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/src/scss/components/_alert.scss b/src/scss/components/_alert.scss new file mode 100644 index 0000000..b2b222e --- /dev/null +++ b/src/scss/components/_alert.scss | |||
@@ -0,0 +1,31 @@ | |||
1 | |||
2 | .c-alert { | ||
3 | padding: $baseline-x2; | ||
4 | border-width: 1px; | ||
5 | border-style: solid; | ||
6 | border-radius: .25rem; | ||
7 | } | ||
8 | |||
9 | .c-alert--error{ | ||
10 | color: $error-color; | ||
11 | background-color: $error-bgcolor; | ||
12 | border-color: $error-border-color; | ||
13 | } | ||
14 | |||
15 | .c-alert--warning{ | ||
16 | color: $warning-color; | ||
17 | background-color: $warning-bgcolor; | ||
18 | border-color: $warning-border-color; | ||
19 | } | ||
20 | |||
21 | .c-alert--success{ | ||
22 | color: $success-color; | ||
23 | background-color: $success-bgcolor; | ||
24 | border-color: $success-border-color; | ||
25 | } | ||
26 | |||
27 | .c-alert--information{ | ||
28 | color: $info-color; | ||
29 | background-color: $info-bgcolor; | ||
30 | border-color: $info-border-color; | ||
31 | } | ||