Style sheet
1. Molecules
Sous-titre
2. Typographie, Styles de texte
les class: tx-{typo} pour les tailles de typo
Titre xl (tx-xl)
AaBbCc DdEeFf
AaBbCc DdEeFf
Titre l (tx-l)
AaBbCc DdEeFf
AaBbCc DdEeFf
Titre m (tx-m)
AaBbCc DdEeFf
AaBbCc DdEeFf
Paragraphe m (tx-pm)
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia molestiae sit ea qui voluptatem necessitatibus aliquam unde earum doloremque, numquam architecto provident, eligendi enim, et quas nostrum dolorum corrupti ipsa.
Paragraphe s (tx-ps)
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia molestiae sit ea qui voluptatem necessitatibus aliquam unde earum doloremque, numquam architecto provident, eligendi enim, et quas nostrum dolorum corrupti ipsa.
Paragraphe xs (tx-pxs)
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia molestiae sit ea qui voluptatem necessitatibus aliquam unde earum doloremque, numquam architecto provident, eligendi enim, et quas nostrum dolorum corrupti ipsa.
Label m (tx-labm)
Nom de famille
Label s (tx-labs)
Nom de famille
3. Couleurs
les class: -bg{color} pour les backgrounds et -clr{color} pour les couleurs
pink-500
pink-200
error
success
gray-800
gray-600
gray-200
gray-gradient
white
youtube
4. Boutons
5. Icones
6. Tags
Tag primary
Tag primary Button
Tag secondary
Tag secondary Button
Tag Third
Tag Third Button
7. Formulaires
1. Texte (tel, email)
2. tel
3. cv
Téléchargez votre CV
Téléchargez votre CV
Téléchargez votre CV
4. range
5. Prix
6. rooms
7. Textarea
8. Radio
9. Radio
10. Checkbox
11. Checkbox
12. Select
8. Espaces
tiny (0.5rem)
xsm (1rem)
sm (1.5rem)
md (3rem)
lg (6rem)
xlg (9rem)
9. Grille
Grille en 12 colonnes pour l'utiliser en class : col-{size} offset-{size}
10. Media queries
sm
md
lg
xlg