2017-10-17 10:39:57 -04:00

1.3 KiB

extends
_layouts.markdown

Welcome

Welcome to Tailwind CSS! Tailwind is a utility-first CSS framework designed for rapid UI development. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Key benefits

  • Rapidly build beautiful front-end interfaces using ready-to-go utilty classes.
  • Developing in the browser has never been easier. Stop waiting for your build process.
  • Drastically reduce the amount of CSS you have to write.
  • Implement any design without it feeling like you've used a CSS framework.
  • Dynamically generate your own utilities. Tailwind has been designed for customization.
  • Generate comparible (if not smaller) CSS files.

Quick example

Adam Wathan
Web Developer
<div class="inline-block p-2 pb-4 bg-white border rounded box-shadow text-center">
    <img class="img-16r" src="img/adam.jpg">
    <div class="text-slate-darker mt-2">Adam Wathan</div>
    <div class="text-slate text-sm">Web Developer</div>
</div>