div avec une largeur de 1440px
div avec une largeur de 1200px
Titre 1 - Source Sans Pro,Arial,sans-serif - 1.875rem;
Titre 2 - Source Sans Pro,Arial,sans-serif - 1.5rem;
Titre 3 - Source Sans Pro,Arial,sans-serif - 16px;
Font-family: Source Sans Pro,Arial,sans-serif; font-size: 16px; font-weight: 400; line-height: 1.714em;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ut est diam. Phasellus tincidunt sollicitudin pharetra. Vestibulum dictum, felis non efficitur convallis, leo lectus laoreet metus, quis porta urna velit faucibus lectus. Aenean vehicula gravida nulla. Suspendisse vestibulum dignissim ante nec eleifend. Cras aliquam consequat nibh, et convallis ex bibendum at. Nunc id leo finibus, vehicula leo in, placerat nunc. Duis tincidunt, ante ultricies eleifend interdum, nisl nisl scelerisque sem, nec iaculis sem ipsum vitae metus. Praesent sit amet tempor odio. Etiam ullamcorper turpis in porta interdum. Praesent convallis tincidunt risus et pretium.
font-weight
font-thin
font-light
font-semibold
font-black
Boutons
btn bg-kj-orange btn bg-kj-green btn bg-green-400 btn bg-red-400 btn bg-kj-red btn bg-kj-gray btn bg-kj-light-gray btn bg-kj-gold bg-kj-dark btn bg-kj-pink btn bg-pink-400 btn bg-kj-purple btn bg-purple-400 btn bg-purple-600 btn bg-blue-600 btn bg-blue-400 Boutons border
btn border-black Arrondis boutons
rounded-sm rounded-md rounded-lg Liste
- kj-orange: #ff7e00;
- kj-green: #8bb807;
- kj-red: #e53e3e;
- kj-gray: #515151;
- kj-light-gray: #f1f1f1;
- kj-gold: #ffcb05;
- kj-dark: #2d2d2d;
- kj-pink: #dd375c;
- kj-purple: #9979ba;
- text-blue-600: #2563eb;
Liste ordonnée
- kj-orange: #ff7e00;
- kj-green: #8bb807;
- kj-red: #e53e3e;