Skip to content

Commit 32ef363

Browse files
committed
Added global alerts.
1 parent 1c70245 commit 32ef363

2 files changed

Lines changed: 22 additions & 0 deletions

File tree

lib/alerts/demo.jade

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,3 +32,19 @@
3232
button.btn.btn-sm.btn-warning Add
3333
button.btn.btn-sm.btn-warning Edit
3434
button.btn.btn-sm.btn-warning Delete
35+
36+
.alert.alert-global.alert-success
37+
strong Well done!
38+
| You successfully read this important <a href="https://auth0.com/">alert link</a> message.
39+
40+
.alert.alert-global.alert-info
41+
strong Heads up!
42+
| This alert needs your <a href="https://auth0.com/">alert link</a>, but it's not super important.
43+
44+
.alert.alert-global.alert-warning
45+
strong Warning!
46+
| Better check yourself, you're not <a href="https://auth0.com/">alert link</a> looking too good.
47+
48+
.alert.alert-global.alert-danger
49+
strong Oh snap!
50+
| Change a few things up and try submitting again. <a href="https://auth0.com/">alert link</a>.

lib/alerts/index.styl

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
// --------------------------------------------------
44

55
$alert-padding ?= 15px
6+
$alert-wide-padding ?= 10px
67
$alert-border-radius ?= $border-radius-base
78
$alert-link-font-weight ?= bold
89

@@ -145,3 +146,8 @@ $alert-danger-border ?= $state-danger-border
145146

146147
a
147148
border-color: rgba(darken($bg-color-error, 50%), 0.4)
149+
150+
.alert-global
151+
border-radius 0
152+
padding $alert-wide-padding
153+
text-align center

0 commit comments

Comments
 (0)