2015-04-06 07:08:11 -07:00
|
|
|
#sg-alerts.showcase.shadow-1
|
2015-04-06 06:41:08 -07: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 20:38:52 -07:00
|
|
|
Alerts should not be used for multi-line content (user callouts insteads) or stacked
|
2015-04-06 07:08:11 -07:00
|
|
|
on top of each other.
|
2015-04-06 06:41:08 -07: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
|
