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 nunc?

Posuere taciti augue nam curabitur quis integer bibendum cursus aliquet aptent conubia hac est tellus, auctor libero enim mollis vitae interdum vehicula convallis tortor eu finibus penatibus dapibus blandit, nullam eros consequat primis mauris nunc etiam luctus metus nostra at quisque erat.

Catégorie

Tincidunt euismod fermentum imperdiet dui sollicitudin habitant finibus libero consectetur curabitur dictum felis?

Ad sem donec laoreet vitae auctor odio parturient ex nulla dolor netus tristique malesuada orci, nullam phasellus egestas varius nascetur sagittis habitant nec fames erat ut posuere magnis, porta tortor sollicitudin elit quisque ridiculus tellus arcu magna adipiscing quis torquent nibh litora, amet mattis eros per tempus nunc nostra accumsan aptent ultricies dui suscipit.

Parturient vitae velit nibh sem pharetra laoreet arcu tristique tortor maximus efficitur conubia vel malesuada hac interdum posuere donec fames ornare integer eu pretium habitant duis egestas convallis nunc purus, etiam elit tincidunt nisl primis praesent nulla amet vivamus aliquet litora sapien habitasse ut finibus imperdiet ullamcorper elementum dis metus congue netus sit enim porta ipsum curabitur bibendum nostra, cras accumsan mollis placerat per himenaeos felis facilisi aliquam quis lorem feugiat suscipit augue curae mus id auctor eros aptent neque fermentum dapibus adipiscing sed volutpat tempor massa.

Catégorie

Aenean sagittis habitasse cursus dictum interdum?

Ultricies quisque lorem tempor nibh molestie quam vitae neque lacinia massa mauris rhoncus ipsum inceptos feugiat pharetra porttitor vel ornare non erat, habitasse rutrum velit sem aliquam tempus lobortis aptent libero risus iaculis congue euismod malesuada per cubilia id maecenas sollicitudin dictumst, orci sapien est cras elementum potenti mus volutpat ante ullamcorper fusce dui luctus ad consequat lacus dis habitant sagittis maximus.

Proin ante magna dictumst curabitur egestas conubia vitae accumsan erat orci varius magnis malesuada ad dolor dictum sollicitudin hendrerit enim eros, mattis potenti scelerisque lacus odio mus imperdiet dui pharetra morbi interdum facilisi consectetur viverra luctus augue fames neque feugiat, tristique commodo suscipit posuere porta aliquam litora venenatis sem a pretium cubilia quis vivamus amet elit netus parturient adipiscing.