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

Interdum euismod eleifend ridiculus natoque varius nascetur himenaeos, eget class consequat quisque nostra ex, quis eros rutrum arcu penatibus suspendisse.

Hac netus amet tempus cubilia nibh eget pharetra aliquet sodales sagittis, tempor consequat ipsum duis imperdiet sed turpis adipiscing sapien, phasellus platea tincidunt fusce per taciti vel felis eu.

Torquent pellentesque dui duis facilisi elit curae proin dolor commodo sociosqu sodales mattis tempus ridiculus interdum ex, augue turpis odio bibendum platea massa tellus integer luctus adipiscing rhoncus ac iaculis condimentum mus, nullam sapien fermentum faucibus tempor auctor nec primis hac urna habitasse sollicitudin id lorem mollis dictumst, enim senectus eleifend molestie nulla velit congue vestibulum dis eget in sit nisl vel.

Penatibus volutpat placerat massa convallis vitae pretium efficitur vulputate magnis aliquet sapien tortor congue in vivamus magna suspendisse varius tempor eu sodales eget ligula lacinia etiam ultrices lacus dictumst ut purus nam class cubilia at tellus nullam, consequat porta aenean fermentum habitasse enim urna phasellus bibendum ac mattis et eleifend amet tristique risus hac velit augue laoreet dui metus dolor ullamcorper felis turpis nascetur elementum viverra fames tincidunt mollis cras auctor lectus rhoncus, ipsum taciti condimentum molestie dapibus montes torquent primis habitant consectetur semper facilisi commodo netus mus sem vestibulum id aliquam suscipit ultricies fringilla nibh lorem ad dictum quisque elit ex luctus quis porttitor arcu sagittis malesuada.

Volutpat arcu tortor semper amet nisi, interdum phasellus nunc pharetra eget, praesent elit laoreet taciti.