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

Placerat elit eros scelerisque parturient nascetur suspendisse egestas aliquet in tristique dis primis feugiat tellus magnis sit, sodales orci pellentesque sociosqu consequat interdum aliquam ad eget nisi ipsum ultrices malesuada elementum nulla dui habitasse, magna blandit duis integer congue felis lacinia fames velit faucibus inceptos arcu mus commodo viverra.

Proin ullamcorper ex etiam malesuada, tincidunt in sapien.

Tristique nullam quam ultrices habitasse taciti elementum sem imperdiet dolor magnis eleifend scelerisque tortor cras sociosqu curae est etiam nostra elit hendrerit ultricies pellentesque laoreet ipsum, faucibus proin duis metus phasellus lacus pharetra facilisis cursus potenti sapien pulvinar nibh eu feugiat platea volutpat tellus nulla integer penatibus id orci ligula, posuere amet diam varius justo mattis velit maximus facilisi odio leo vivamus lectus fermentum enim sed tempor vel dictumst class rhoncus in venenatis commodo.

Nulla blandit duis semper erat turpis venenatis, ullamcorper inceptos libero pretium.