feuille de styles CSS sur-vitaminée
Find a file
Raphaël Goetter baa2977073 Modulaire
2021-01-25 12:29:56 +01:00
css Transfert des fichiers Reborn vers branche v8 2021-01-25 12:28:12 +01:00
sass Transfert des fichiers Reborn vers branche v8 2021-01-25 12:28:12 +01:00
.browserslistrc Transfert des fichiers Reborn vers branche v8 2021-01-25 12:28:12 +01:00
.editorconfig editorconfig fix 2016-12-09 09:23:53 +01:00
.gitattributes .git files 2013-03-31 21:31:04 +02:00
.gitignore Transfert des fichiers Reborn vers branche v8 2021-01-25 12:28:12 +01:00
changelog.md Changelog Reborn 2021-01-25 12:22:26 +01:00
gulpfile.js Transfert des fichiers Reborn vers branche v8 2021-01-25 12:28:12 +01:00
LICENSE [ADD] LICENSE file 2019-02-13 14:40:03 +01:00
package.json Transfert des fichiers Reborn vers branche v8 2021-01-25 12:28:12 +01:00
README.md Modulaire 2021-01-25 12:29:56 +01:00

KNACSS

http://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";