UNPKG

@alamantus/lighter

Version:

a ridiculously small css framework

44 lines (42 loc) 2.06 kB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>lighter</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Link to your stylesheet here --> <link rel="stylesheet" href="dist/lighter.css"> <link rel="stylesheet" href="dist/fuel.css"> <script async defer src="https://buttons.github.io/buttons.js"></script> <!-- Place this tag in your head or just before your close body tag. --> </head> <body class="m0"> <div class="c"> <header class="mb3"> <h1 class="tc mb0">lighter 🔥</h1> <h5 class="tc mb1">a ridiculously small responsive css framework</h5> <div class="tc"> <a class="github-button" href="https://github.com/Alamantus/lighter" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star Alamantus/lighter on GitHub">Star</a> </div> <hr> </header> <p>lighter has two modules: lighter and fuel. Both of them are designed to be as small as possible and easy to extend.</p> <div class="row mt3"> <div class="5 col card tc b-primary"> <h4 class="mb1 normal c-primary">lighter</h4> <p>lighter contains all of the basics for a framework, such as a responsive grid, typography, and other elements.</p> <form action="docs/lighter.html"> <button class="mt1 btn primary bold" type="submit">Get Started</button> </form> </div> <div class="5 col card tc b-accent"> <h4 class="mb1 normal c-accent">fuel</h4> <p>fuel has many CSS utility classes that can be used to extend lighter, or any CSS framework.</p> <form action="docs/fuel.html"> <button class="mt1 btn accent bold" type="submit">Get Started</button> </form> </div> </div> </div> </body>