Pinecone

Notification: Warning 

<div class="spacer"></div>
<div class="notification notification--warning" role="alert">
    <button id="button" type="button" class="button button--borderless"><svg class="icon icon--close" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
            <use href="/images/close.svg#close" />
        </svg>
        <span class="button__label screen-reader-text">Close notification</span></button>
    <p class="notification__title"><svg class="icon icon--warning" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
            <use href="/images/warning.svg#warning" />
        </svg>
        Warning</p>
    <div class="notification__content">You last picked topics and goals you’re interested in over a year ago. Do you want to <a href="/update">update your topics and goals</a>?</div>
</div>
 
{% if not standAlone %}<div class="spacer"></div>{% endif %}
<div class="notification{% if modifier %} notification--{{ modifier }}{% endif %}" role="alert">
	{% render '@button--borderless', {
		label: 'Close notification',
		labelVisuallyHidden: true,
		icon: 'close',
		standAlone: true
	}, true %}
	<p class="notification__title">{% if icon %}{% render '@svg', {svg: icon}, true %}{% endif %}{{ title }}</p>
	<div class="notification__content">{{ content | safe }}</div>
</div>
 
{
  "icon": "warning",
  "title": "Warning",
  "content": "You last picked topics and goals you’re interested in over a year ago. Do you want to <a href=\"/update\">update your topics and goals</a>?",
  "standAlone": false,
  "bodyClass": "has-off-white-background-color",
  "modifier": "warning"
}

There are no notes for this item.