Foobar
Foobar is an awesome component!
<div class="awesome-component">
<div>Insert awesome component here!</div>
</div>
<style>
.awesome-component {
border: 3px dashed #ccc;
width: 200px;
height: 200px;
display: flex;
align-items: center;
text-align: center;
background: rgba(255, 255, 255, 0.5);
}
.awesome-component > div {
transform: rotate(12deg);
}
</style>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id ornare neque. Aliquam in augue maximus, imperdiet erat vel, feugiat tellus. Nulla mattis ut lectus nec mollis. Mauris at massa erat. Praesent aliquet rhoncus ipsum, in interdum dolor sodales eget. Donec sodales vitae quam in ultricies. Sed molestie mauris eget leo malesuada pretium. Cras elementum sapien et sem accumsan, vel sagittis magna mollis.
API
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id ornare neque. Aliquam in augue maximus, imperdiet erat vel, feugiat tellus. Nulla mattis ut lectus nec mollis. Mauris at massa erat. Praesent aliquet rhoncus ipsum, in interdum dolor sodales eget. Donec sodales vitae quam in ultricies. Sed molestie mauris eget leo malesuada pretium. Cras elementum sapien et sem accumsan, vel sagittis magna mollis.