2016-09-11 11:00:49 +00:00
---
2017-07-29 12:02:00 +00:00
title: Notification
2016-09-11 11:00:49 +00:00
layout: documentation
doc-tab: elements
doc-subtab: notification
---
2017-07-29 12:02:00 +00:00
{% capture notification %}
2016-09-11 11:00:49 +00:00
< div class = "notification" >
< button class = "delete" > < / button >
Lorem ipsum dolor sit amet, consectetur
2017-07-05 20:27:23 +00:00
adipiscing elit lorem ipsum dolor. < strong > Pellentesque risus mi< / strong > , tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum < a > felis venenatis< / a > efficitur. Sit amet,
2016-09-11 11:00:49 +00:00
consectetur adipiscing elit
< / div >
2017-07-29 12:02:00 +00:00
{% endcapture %}
2016-09-11 11:00:49 +00:00
2017-07-29 12:02:00 +00:00
{% capture notification_colors %}
2017-10-17 09:28:59 +00:00
{% for color in site.data.colors.justColors %}
2017-10-09 22:30:58 +00:00
< div class = "notification is-{{ color }}" >
2016-09-11 11:00:49 +00:00
< button class = "delete" > < / button >
Primar lorem ipsum dolor sit amet, consectetur
2017-07-05 20:27:23 +00:00
adipiscing elit lorem ipsum dolor. < strong > Pellentesque risus mi< / strong > , tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum < a > felis venenatis< / a > efficitur. Sit amet,
2016-09-11 11:00:49 +00:00
consectetur adipiscing elit
< / div >
2017-10-09 17:13:02 +00:00
{% endfor %}
2017-07-29 12:02:00 +00:00
{% endcapture %}
{% include subnav-elements.html %}
< section class = "section" >
< div class = "container" >
< h1 class = "title" > Notifications< / h1 >
< h2 class = "subtitle" >
Bold < strong > notification< / strong > blocks, to alert your users of something
< / h2 >
{%
include meta.html
colors=true
sizes=false
variables=true
%}
< hr >
2017-08-30 20:13:17 +00:00
{% include snippet.html content=notification %}
2017-07-29 12:02:00 +00:00
2017-08-14 17:25:14 +00:00
{% include anchor.html name="Colors" %}
2017-07-29 12:02:00 +00:00
2017-08-30 20:13:17 +00:00
{% include snippet.html content=notification_colors %}
2017-07-28 21:57:51 +00:00
2017-10-17 09:28:59 +00:00
{% include variables.html type='element' %}
2017-07-28 21:57:51 +00:00
2016-09-11 11:00:49 +00:00
< / div >
< / section >