Plain UI 0.5
Basics Components Layout Helpers

Layout

Plain UI is currently under development, Styles, Names and Documentation may change until Release!

Grid

Plain UI uses the Reflex Grid, there will be a full integration of this Grid for better Support.

Masonry

<div class="masonry"> <figure class="masonry__item"> <img class="media object-fit-cover h-100" src="/image.jpg" /> </figure> </div>

Slider

<div class="slider"> <div class="slider__inner"> <div class="slider__item w-col-12"> <figure class="figure w-col-12"> <img class="media" src="/image.jpg" /> <figcaption class="figure__caption"> food truck yr franzen pabst </figcaption> </figure> </div> <div class="slider__item w-col-12"> <figure class="figure w-col-12"> <img class="media" src="/image.jpg" /> <figcaption class="figure__caption"> food truck yr franzen pabst </figcaption> </figure> </div> <div class="slider__item w-col-12"> <figure class="figure w-col-12"> <img class="media" src="/image.jpg" /> <figcaption class="figure__caption"> food truck yr franzen pabst </figcaption> </figure> </div> </div> </div>
food truck yr franzen pabst
food truck yr franzen pabst
food truck yr franzen pabst