2015-04-06 10:08:11 -04:00
|
|
|
#sg-alerts.showcase.shadow-1
|
2015-04-06 09:41:08 -04:00
|
|
|
header.showcase-header
|
|
|
|
|
h2 Alerts
|
|
|
|
|
p.
|
|
|
|
|
Please use alerts sparingly throughout the docs.
|
|
|
|
|
They are meant to draw attention on important occasions.
|
2015-04-07 23:38:52 -04:00
|
|
|
Alerts should not be used for multi-line content (user callouts insteads) or stacked
|
2015-04-06 10:08:11 -04:00
|
|
|
on top of each other.
|
2015-04-06 09:41:08 -04:00
|
|
|
|
|
|
|
|
.showcase-content
|
|
|
|
|
.l-sub-section
|
|
|
|
|
h3 Adding an alert
|
|
|
|
|
|
|
|
|
|
.alert.is-critical A very <strong>critical</strong> alert
|
|
|
|
|
.alert.is-important A very <strong>important</strong> alert
|
|
|
|
|
.alert.is-helpful A very <strong>helpful</strong> alert
|
|
|
|
|
|
|
|
|
|
pre.prettyprint.linenums
|
|
|
|
|
code.
|
|
|
|
|
.alert.is-critical A very <strong>critical</strong> alert
|
|
|
|
|
.alert.is-important A very <strong>important</strong> alert
|
|
|
|
|
.alert.is-helpful A very <strong>helpful</strong> alert
|
