Alert bar

[roomfive]

An alert bar slides down from the top of the screen, overlaying all page content. There are three types of alert bar as seen below:

---

Warning:
Red with button to dismiss the alert bar

---

Error:
Red with button to refresh the page

---

Message:
Purple with button to dismiss the alert bar

---

CSS:

/* Alert bar */
background-color: $warningred;
opacity: 0.94;
height: 70px;
padding: 0 30px;

/* Message alert bar */
background-color: $purple200;

/* Text to the left */
font: $bold5;
color: $gray600;

/* Link + icon style button to the far right */

---

Icons for button:

Both .svg icons should be $gray600 color.

• Close .svg icon
• Refresh .svg icon