Bestiary # contenedores
Find me in /app/views/bestiaries/contenedores.html.erb
Índice
Los contenedores son la base de construcción de todos los bloques de la app.
Tienen varias caractrerísticas personalizables según el bloque... padding, línea de color supeior, bordes redondeados o sombra.
.box .mb40 Bloque básico sin ninguna propiedad. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, unde, adipisci, aliquam minus enim tempore illo qui placeat recusandae maiores dolor perspiciatis excepturi officiis! Minima, blanditiis, possimus, perferendis, iure eos rerum quo commodi eum voluptatem neque similique quod placeat error itaque ducimus libero repellendus exercitationem officiis hic dicta. Voluptate, error, labore, ducimus, tempora dolore ut magni maxime necessitatibus voluptates enim aliquam sapiente reprehenderit voluptatem repellendus sint rem cupiditate eum omnis alias a ipsam architecto harum itaque officia consectetur iste iusto corporis. A, nemo, aperiam, laboriosam vel veritatis sed nobis ab non recusandae aut unde eos praesentium tempora. Et, inventore, eius.
.bg-white (fondo blanco), .with-shadow (con sombra), .rounded-bottom (borde inferior redondeado), .top-line-magenta (línea fina superior), .p50 (padding 50 px), .m40 (margin bottom 40px).
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, unde, adipisci, aliquam minus enim tempore illo qui placeat recusandae maiores dolor perspiciatis excepturi officiis! Minima, blanditiis, possimus, perferendis, iure eos rerum quo commodi eum voluptatem neque similique quod placeat error itaque ducimus libero repellendus exercitationem officiis hic dicta. Voluptate, error, labore, ducimus, tempora dolore ut magni maxime necessitatibus voluptates enim aliquam sapiente reprehenderit voluptatem repellendus sint rem cupiditate eum omnis alias a ipsam architecto harum itaque officia consectetur iste iusto corporis. A, nemo, aperiam, laboriosam vel veritatis sed nobis ab non recusandae aut unde eos praesentium tempora. Et, inventore, eius.
El modificador .narrow hace que la caja sea ligeramente más estrecha.
Minima, blanditiis, possimus, perferendis, iure eos rerum quo commodi eum voluptatem neque similique quod placeat error itaque ducimus libero repellendus exercitationem officiis hic dicta. Voluptate, error, labore, ducimus, tempora dolore ut magni maxime necessitatibus voluptates enim aliquam sapiente reprehenderit voluptatem repellendus sint rem cupiditate eum omnis alias a ipsam architecto harum itaque officia consectetur iste iusto corporis. A, nemo, aperiam, laboriosam vel veritatis sed nobis ab non recusandae aut unde eos praesentium tempora. Et, inventore, eius.
Test de "Full BG image with overlay gradient. Image (1200x---)".
Voluptate, error, labore, ducimus, tempora dolore ut magni maxime necessitatibus voluptates enim aliquam sapiente reprehenderit voluptatem repellendus sint rem cupiditate eum omnis alias a ipsam architecto harum itaque officia consectetur iste iusto corporis. A, nemo, aperiam, laboriosam vel veritatis sed nobis ab non recusandae aut unde eos praesentium tempora. Et, inventore, eius.