Info Boxes
Info boxes are similar to callouts in Foundation. While they are often interchangeable, info boxes aren't dismissible. If you need to create a dismissible alert, you should use Foundation's callouts.
You can learn more about callouts in Foundation's documentation.
Basics
Info boxes are a simple block, but they're always used with a modifier. For now, we'll use --info.
<div class="info-box --info">
<!-- ... -->
</div>
Note
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum placeat enim et harum nostrum? Labore quibusdam laboriosam, dolorum ratione incidunt voluptatibus, sunt aspernatur tempora cum totam illum sapiente commodi adipisci.
Modifiers
--primary
Note
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum placeat enim et harum nostrum? Labore quibusdam laboriosam, dolorum ratione incidunt voluptatibus, sunt aspernatur tempora cum totam illum sapiente commodi adipisci.
--info
Note
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum placeat enim et harum nostrum? Labore quibusdam laboriosam, dolorum ratione incidunt voluptatibus, sunt aspernatur tempora cum totam illum sapiente commodi adipisci.
--okay
Note
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum placeat enim et harum nostrum? Labore quibusdam laboriosam, dolorum ratione incidunt voluptatibus, sunt aspernatur tempora cum totam illum sapiente commodi adipisci.
--warning
Note
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum placeat enim et harum nostrum? Labore quibusdam laboriosam, dolorum ratione incidunt voluptatibus, sunt aspernatur tempora cum totam illum sapiente commodi adipisci.
--serious
Note
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum placeat enim et harum nostrum? Labore quibusdam laboriosam, dolorum ratione incidunt voluptatibus, sunt aspernatur tempora cum totam illum sapiente commodi adipisci.
--severe
Note
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum placeat enim et harum nostrum? Labore quibusdam laboriosam, dolorum ratione incidunt voluptatibus, sunt aspernatur tempora cum totam illum sapiente commodi adipisci.