Marco CSS moderno para páginas de documentación-Whiteprint. CSS
| Autor: | synesenom |
|---|---|
| Views Total: | 665 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 22, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Whiteprint es un marco de CSS/SCSS responsive, flexible, moderno y limpio para páginas web de documentación. Cuenta con un aspecto limpio minimalista, menú fuera de lienzo amigable para móviles, diseño adaptable basado en Flexbox CSS y mucho más.
Funcionamiento
Sólo tiene que importar la versión minificada de la Whiteprint. CSS en la página web y listo.
<link rel="stylesheet" href="wp.min.css">
Cree la navegación fuera del lienzo para la página de documentación.
<input type="checkbox" id="menu"><label for="menu" id="open">☰</label> <aside> <div class="logo">Your Logo</div> <nav> <div> <a href="#1">Section 1</a> <a href="#2">Section 2</a> <input type="checkbox" id="s1-documentation"> <label for="s1-documentation">Multi-level Menu</label> <div class="s1"> <a href="#3">Sub Menu 1</a> <a href="#4">Sub Menu 2</a> <input type="checkbox" id="s2-links"><label for="s2-links">Sub Menu 3</label> <div class="s2"> <a href="#5">Sub Menu 3.1</a> <a href="#6">Sub Menu 3.2</a> <a href="#7">Sub Menu 3.3</a> </div> </div> </div> </nav> </aside>
Agregue otros elementos a la página como se ve en la página de demostración.
Registro de cambios
05/22/2018:
- botón de menú Minor Fix
