KNACSS/README.md

50 lines
1.6 KiB
Markdown
Raw Normal View History

2015-03-06 16:03:28 +01:00
# KNACSS
2021-01-25 13:53:06 +01:00
<https://www.knacss.com/>
2013-03-31 10:30:11 +02:00
2017-10-03 10:50:02 +02:00
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).
2015-03-06 16:03:28 +01:00
2021-01-25 12:20:21 +01:00
**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.**
2013-03-31 10:32:01 +02:00
2021-01-25 12:20:21 +01:00
## Documentation version actuelle (v8 = Reborn)
2015-03-30 16:48:01 +02:00
2021-01-25 13:52:11 +01:00
- Site web de présentation de KNACSS Reborn : <https://www.knacss.com/>
2021-01-25 12:20:21 +01:00
- [**Documentation KNACSS Reborn**](https://www.knacss.com/doc.html)
2015-03-06 16:22:20 +01:00
2021-01-25 12:20:21 +01:00
## Documentation anciennes versions (v7)
2019-08-12 16:48:08 +02:00
2021-01-25 12:20:21 +01:00
- [**Documentation KNACSS v7**](https://www.knacss.com/doc-old.html)
2021-01-25 13:52:11 +01:00
- [**Pense-bête PDF KNACSS v7**](https://www.knacss.com/assets/pdf/knacss7-cheatsheet.pdf)
2021-01-25 12:29:56 +01:00
## 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).
```scss
// 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";
2021-01-25 12:29:56 +01:00
// COMPONENTS (add them only if you need)
// @import "components/button";
// @import "components/burger";
// @import "components/checkbox";
// @import "components/radio";
// @import "components/quote";
```