feuille de styles CSS sur-vitaminée
Go to file
Raphael Goetter fc749045b9
Merge pull request #344 from swiing/patch-1
supprime une dépendance inutilisée
2022-02-25 08:06:11 +01:00
css refonte des variables d'espacement 2022-01-19 17:10:53 +01:00
sass corrections sur radio / checkbox 2022-01-24 17:03:36 +01:00
.browserslistrc Transfert des fichiers Reborn vers branche v8 2021-01-25 12:28:12 +01:00
.editorconfig Long live KNACSS Reborn 2020-11-26 08:46:55 +01:00
.gitattributes Long live KNACSS Reborn 2020-11-26 08:46:55 +01:00
.gitignore Merge branch 'v8' 2021-01-25 12:34:49 +01:00
changelog.md corrections sur radio / checkbox 2022-01-24 17:03:36 +01:00
gulpfile.js supprime une dépendance inutilisée 2022-02-24 16:10:04 +01:00
LICENSE Long live KNACSS Reborn 2020-11-26 08:46:55 +01:00
package.json supprime une dépendance inutilisée 2022-02-24 16:16:45 +01:00
README.md refonte des variables de couleurs 2022-01-05 17:34:13 +01:00

KNACSS

https://www.knacss.com/

KNACSS, c'est une sorte de feuille de style CSS "reset" sur-vitaminée qui permet de commencer un projet à partir de zéro tout en tenant compte de bonnes pratiques générales (accessibilité, performance, responsive webdesign, grille de mise en forme).

Né en 2012 et après près de 10 années de bons et loyaux services, le projet initial « KNACSS » d'Alsacréations laisse place à une toute nouvelle version, totalement remaniée : KNACSS Reborn.

Documentation version actuelle (v8 = Reborn)

Documentation anciennes versions (v7)

Modulaire

Principe de briques modulaires :

  • KNACSS Reborn est constitué uniquement des fichiers "Core".
  • Les fichiers "Utils" seront des briques optionnelles (= les @import seront commentés par défaut).
// CORE
@import "abstracts/variables-sass";

@import "base/reset-base";
@import "base/reset-accessibility";
@import "base/reset-forms";
@import "base/reset-print";
@import "base/layout";

@import "abstracts/mixins-sass";

// UTILITY CLASSES
@import "utils/utils-global";
@import "utils/utils-spacers";
@import "utils/grillade";

// COMPONENTS (add them only if you need)
// @import "components/button";
// @import "components/burger";
// @import "components/checkbox";
// @import "components/radio";
// @import "components/quote";