Un fichier "reset"

Le fichier Reset CSS de Bretzel, conçu et maintenu par Alsacréations, est intégré en amont de tous nos projets et assure une consistance d'affichage par défaut des éléments ainsi que quelques règles de bases en terme d'accessibilité.

fichier Reset CSS

Des Classes utilitaires

Une Classe Utilitaire est une classe CSS conçue pour répondre à une seule fonction (marge, padding, gouttière, couleur, taille de texte) et qui permet d'affiner très rapidement les éléments, simplement en appliquant ladite classe.
Bretzel propose un Constructeur de classes utilitaires actuellement en cours de développement (non finalisé), voir lien ci-dessous.

En attendant de finaliser notre constructeur de classes utilitaires, nous optons chez Alsacréations pour les classes utilitaires proposées par Tailwind (fichier @tailwind utilities;)

constructeur de Classes Utilitaires (rappel : en cours de développement)

Un annuaire de Layouts

Les "Layouts" sont des zones d'affichages destinées à gérer la façon dont les composants vont s'afficher et interagir entre eux. Les Layouts sont automatiquement flexibles (sans media queries) et destinés à être réutilisables.

Choisis ton layout en fonction de tes besoins, lis la documentation fournie dans le fichier CSS puis tu n'as plus qu'à récupérer le code source du layout choisi. L'ensemble des Layouts est récupérable sur Github également.

See the Pen flow by Alsacreations (@alsacreations) on CodePen.