Styles des pages

Listes

Base

  • Lorem ipsum
  • Totam harum blanditiis
  • Tempore earum soluta ed veritatis sunt
  • Sed veritatis
  1. Lorem ipsum
  2. Totam harum blanditiis
  3. Tempore earum soluta ed veritatis sunt
  4. Sed veritatis

Liste standard : .list

  • Lorem ipsum
  • Totam harum blanditiis
  • Tempore earum soluta ed veritatis sunt
  • Sed veritatis

Liste sans style : .listNS

  • Lorem ipsum
  • Totam harum blanditiis
  • Tempore earum soluta ed veritatis sunt
  • Sed veritatis

Liste inline horizontale : .listInline

  • Lorem ipsum
  • Totam harum blanditiis
  • Tempore earum soluta ed veritatis sunt
  • Sed veritatis

Liste inline horizontale plus grosse avec séparateurs : .listInlineBig

  • Lorem ipsum
  • Totam harum blanditiis
  • Tempore earum soluta ed veritatis sunt
  • Sed veritatis

Icônes

Arrows

icon-arrow

Controls

icon-plus / icon-minus / icon-close

Recette

recette-preparation / recette-cuisson / recette-portions

Réseaux sociaux

Boutons

.btn
Bouton avec background qui grossit progressivement.
Texte dans un span.btn__label
Icon dans un span.btn__icon
Postuler maintenant
Toutes les nouvelles Toutes les nouvelles
Toutes les nouvelles Toutes les nouvelles

.btn--big
Variante plus grosse.
Postuler maintenant Postuler maintenant


.onGreen (sur un parent)
Variante pour bouton sur un background vert.
Postuler maintenant Postuler maintenant


Postuler maintenant Postuler maintenant

.onRed (sur un parent)
Variante pour bouton sur un background rouge.
Postuler maintenant Postuler maintenant


Postuler maintenant Postuler maintenant

.btnIcon
Bouton avec icone au milieu.

.btnIcon--red
Forcer la couleur rouge.

.btnIcon--big
Variante plus grosse.

.btnIcon--noBG
Variante sans fond.


.onGreen (sur un parent)
Variante pour bouton sur un background vert.





.onRed (sur un parent)
Variante pour bouton sur un background rouge.




.navArrows

Formulaires

Lorem ipsum*

File input

Dolorem corporis praesentium quasi.

Dicta et optio ipsa obcaecati tenetur. Nam quam aliquam optio fuga consequuntur sit eligendi distinctio. Itaque dicta reiciendis, mollitia similique quasi tempora excepturi aliquam sed, ipsum pariatur sit in qui velit repellat ratione voluptate obcaecati rerum iste architecto libero magnam amet assumenda.

Lorem ipsum*

File input

Dolorem corporis praesentium quasi.

Dicta et optio ipsa obcaecati tenetur. Nam quam aliquam optio fuga consequuntur sit eligendi distinctio. Itaque dicta reiciendis, mollitia similique quasi tempora excepturi aliquam sed, ipsum pariatur sit in qui velit repellat ratione voluptate obcaecati rerum iste architecto libero magnam amet assumenda.

Lorem ipsum*

File input

Dolorem corporis praesentium quasi.

Dicta et optio ipsa obcaecati tenetur. Nam quam aliquam optio fuga consequuntur sit eligendi distinctio. Itaque dicta reiciendis, mollitia similique quasi tempora excepturi aliquam sed, ipsum pariatur sit in qui velit repellat ratione voluptate obcaecati rerum iste architecto libero magnam amet assumenda.

Accordions

Catégorie

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos pharetra mi praesent?

Nascetur maecenas natoque phasellus nisl sem nisi augue ipsum velit non amet ante fames quisque pharetra porta ligula finibus facilisis diam class, gravida molestie eget ad purus nibh blandit imperdiet odio neque vitae aenean nostra magna tempus eu tempor orci rhoncus nam massa adipiscing, commodo bibendum porttitor quam ut sed dignissim mauris platea mattis lacinia libero torquent tortor sollicitudin vivamus tristique donec volutpat ornare.

Tristique posuere etiam penatibus justo, eleifend ullamcorper.

Catégorie

Ornare venenatis turpis tortor primis placerat himenaeos ullamcorper feugiat class porttitor commodo proin cras?

Nisi ultricies tellus ullamcorper accumsan suspendisse ut in sociosqu lectus dapibus nam varius est conubia tincidunt ligula ipsum lorem eu fringilla purus, mauris mus tempus feugiat torquent vitae litora facilisis sapien potenti integer id elit gravida habitasse ante ad massa habitant nostra consequat senectus, pharetra praesent leo nisl viverra justo urna orci diam lacus semper montes etiam blandit phasellus rutrum vestibulum sagittis maximus ex.

Class lacinia commodo fringilla odio vestibulum luctus magnis dolor dignissim sapien porta habitant nostra velit ex nam mollis justo maximus, urna tristique imperdiet parturient bibendum euismod nullam hac lacus lectus sodales eget nulla massa ultricies taciti nunc cras eros tempor, tincidunt vehicula eleifend molestie elementum lorem posuere ultrices nascetur venenatis felis natoque diam faucibus pretium feugiat praesent ac etiam, proin gravida donec vulputate id et porttitor mauris nec himenaeos duis maecenas habitasse quam scelerisque interdum potenti viverra.

Catégorie

Litora class sed velit etiam porta fames ante euismod facilisi purus risus ultrices?

Consequat vivamus ornare dui habitasse feugiat at vitae conubia consectetur faucibus condimentum a laoreet quisque nam orci, dolor pretium hac sagittis risus fames donec pellentesque arcu ex blandit curae varius cras viverra hendrerit, pulvinar nibh eros aliquam vulputate tellus per ut nostra magna scelerisque tortor eget mus nisl.