From fa7b0853e7d0df5f4e4c6566ec92ba8b70ee6f5d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Raphae=CC=88l=20Goetter?= Date: Thu, 26 Nov 2020 08:46:55 +0100 Subject: [PATCH] Long live KNACSS Reborn --- .editorconfig | 0 .gitattributes | 0 .gitignore | 0 .sass-lint.yml | 0 LICENSE | 0 README.md | 63 +++----------------------------- bower.json | 0 changelog.md | 30 +++++++++++---- css/grillade-flex.css | 0 css/grillade-grid.css | 0 css/knacss-unminified.css | 0 css/knacss.css | 0 gulpfile.js | 0 package-lock.json | 0 package.json | 0 sass/_config/_mixins.scss | 0 sass/_config/_variables.scss | 0 sass/_library/_layout.scss | 0 sass/_library/_print.scss | 0 sass/_library/_responsive.scss | 0 sass/_library/_utilities.scss | 0 sass/_library/_wordpress.scss | 0 sass/_library/grillade-flex.scss | 0 sass/_library/grillade-grid.scss | 0 sass/components/_alerts.scss | 0 sass/components/_arrows.scss | 0 sass/components/_badges.scss | 0 sass/components/_buttons.scss | 0 sass/components/_checkbox.scss | 0 sass/components/_forms.scss | 0 sass/components/_media.scss | 0 sass/components/_skip-links.scss | 0 sass/components/_tables.scss | 0 sass/components/_tabs.scss | 0 sass/components/_tags.scss | 0 sass/knacss.scss | 0 yarn.lock | 0 37 files changed, 27 insertions(+), 66 deletions(-) mode change 100644 => 100755 .editorconfig mode change 100644 => 100755 .gitattributes mode change 100644 => 100755 .gitignore mode change 100644 => 100755 .sass-lint.yml mode change 100644 => 100755 LICENSE mode change 100644 => 100755 README.md mode change 100644 => 100755 bower.json mode change 100644 => 100755 changelog.md mode change 100644 => 100755 css/grillade-flex.css mode change 100644 => 100755 css/grillade-grid.css mode change 100644 => 100755 css/knacss-unminified.css mode change 100644 => 100755 css/knacss.css mode change 100644 => 100755 gulpfile.js mode change 100644 => 100755 package-lock.json mode change 100644 => 100755 package.json mode change 100644 => 100755 sass/_config/_mixins.scss mode change 100644 => 100755 sass/_config/_variables.scss mode change 100644 => 100755 sass/_library/_layout.scss mode change 100644 => 100755 sass/_library/_print.scss mode change 100644 => 100755 sass/_library/_responsive.scss mode change 100644 => 100755 sass/_library/_utilities.scss mode change 100644 => 100755 sass/_library/_wordpress.scss mode change 100644 => 100755 sass/_library/grillade-flex.scss mode change 100644 => 100755 sass/_library/grillade-grid.scss mode change 100644 => 100755 sass/components/_alerts.scss mode change 100644 => 100755 sass/components/_arrows.scss mode change 100644 => 100755 sass/components/_badges.scss mode change 100644 => 100755 sass/components/_buttons.scss mode change 100644 => 100755 sass/components/_checkbox.scss mode change 100644 => 100755 sass/components/_forms.scss mode change 100644 => 100755 sass/components/_media.scss mode change 100644 => 100755 sass/components/_skip-links.scss mode change 100644 => 100755 sass/components/_tables.scss mode change 100644 => 100755 sass/components/_tabs.scss mode change 100644 => 100755 sass/components/_tags.scss mode change 100644 => 100755 sass/knacss.scss mode change 100644 => 100755 yarn.lock diff --git a/.editorconfig b/.editorconfig old mode 100644 new mode 100755 diff --git a/.gitattributes b/.gitattributes old mode 100644 new mode 100755 diff --git a/.gitignore b/.gitignore old mode 100644 new mode 100755 diff --git a/.sass-lint.yml b/.sass-lint.yml old mode 100644 new mode 100755 diff --git a/LICENSE b/LICENSE old mode 100644 new mode 100755 diff --git a/README.md b/README.md old mode 100644 new mode 100755 index a6f3231..e10a6cd --- a/README.md +++ b/README.md @@ -4,65 +4,12 @@ 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). -Conçu par l'agence web [Alsacreations.fr](http://alsacreations.fr) et pensé pour être couplé avec des préprocesseurs tel que Sass, le micro-framework KNACSS est employé quotidiennement sur toute sorte de projet web quel que soit son type ou son envergure. +**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.** + +**Ce repo n'est plus maintenu est est dorénavant remplacé par celui de KNACSS Reborn : ** ## Documentation -- [**Documentation et Guide de styles**](https://www.knacss.com/doc.html) +- [**Documentation KNACSS Reborn**](https://www.knacss.com/doc.html) - [**Pense-bête en PDF**](https://www.knacss.com/assets/pdf/knacss7-cheatsheet.pdf) -- Site web de présentation de KNACSS : - -## Fonctionnalités - -- reset -- typographie -- Responsive -- grille de mise en forme -- composants (formulaires, tableaux, boutons, flèches, onglets, checkbox, radio et bouton "switch" stylés) -- variables et mixin Sass - -## Compatibilité - -KNACSS est - dans sa grande majorité - compatible avec l'ensemble des navigateurs desktop et mobiles à partir d'IE10 inclus. Pour les détails, se référer à la documentation. - -## Installation - -Voir la documentation. - -## Mise à jour depuis une version précédente de KNACSS - -La version `7.*.*` de KNACSS est une version majeure, ce qui implique que certaines fonctionnalités ne sont plus forcément rétro-compatibles avec les versions précédentes. - -Voici les principales modifications dont il faudra tenir compte lors d'une mise à jour : - -### Modifications majeures entre la v7 et la v6 - -- architecture globale revisitée (vendor, config, library, components) -- variables de projet modifiées et renommées -- refonte complète du système de grille (dorénavant basé sur Grid Layout) -- déplacement des variables de gouttières de grillade.scss vers variables.scss -- déplacement des variables de breakpoints de breakpoints.scss vers variables.scss - -Pour tous détails, voir le fichier Changelog. - -### Modifications majeures entre la v6 et la v5 - -- la grille de mise en forme a été entièrement modifiée. Détails de modifications: -- les positionnements tabulaires. `.row`, `.col` et `.line`, devenus inutiles et confusants depuis Flexbox, ont été supprimés -- de nouvelles valeurs de breakpoints ont été définies. Détails: -- suppression de l'outil *include-media* (crée des bugs d'encodage, nécessite un temps d'apprentissage, et n'apporte pas grand chose au final) - -### Modifications majeures entre la v5 et la v4 - -- suppression de la version LESS (à partir de la version KNACSS 5.0, seul le préprocesseur Sass est encore pris en charge) -- suppression des fallbacks pour IE8-IE9 (à partir de la version KNACSS 5.0, seul IE10 et supérieurs sont pris en charge) -- restructuration / renommage des fichiers avec préfixes `_config-`, `_layout-`, `_library-`, `_object-`, `_override-` -- renommage des éléments de grilles : `.flex-item-double` --> `.grid-item-double` (plus cohérent) -- ajout de la library include-media () -- grille "grillade" à présent en mobile first - -### Modifications majeures entre la v4 et la v3 - -- La rétrocompatibilité n'est pas préservée pour certains noms de classes ( `.left`, `.start`, `.fl`, `.table-`, `.flex-start`, `.flex-end`) : `.left` ne correspond plus à un `float: left` mais à un `margin-right: auto`, il faut dorénavant employer `.fl` pour obtenir un flottant à gauche; `.right` ne correspond plus à un `float: right` mais à un `margin-left: auto`, il faut dorénavant employer `.fr` pour obtenir un flottant à droite; `.start` et `.end` n'existent plus -- Les noms des conteneurs de grille ont changé et nécessitent systématiquement un trait d'union : ancien nommage : `.grid2`, `.grid1-3`; nouveau nommage : `.grid-2`, `.grid-1-3` -- Les classes relatives à flexbox ont été renommées pour ne pas entrer en conflit avec des outils tels que Modernizer (qui ajoutent aux-aussi ce genre de classes). Nouveau nommage : `.flex-container, .flex-container-h`, `.flex-container-v`, `.flex-item-fluid`, `.flex-item-center`, `.flex-item-first, .flex-item-medium, .flex-item-last` +- Site web de présentation de KNACSS : (ancien) diff --git a/bower.json b/bower.json old mode 100644 new mode 100755 diff --git a/changelog.md b/changelog.md old mode 100644 new mode 100755 index b47a7a7..36a9a79 --- a/changelog.md +++ b/changelog.md @@ -1,11 +1,25 @@ # Changelog -## Changelog v7.1.3 (12 février 2020) +## Changelog 2020/11 -- correctif : - - ce présent tag `7.1.3` corrige le tag précédent - - tag erroné : `7.1.2` (correspondant partiellement à la branche `v8` en développement) = ne pas utiliser ! - - précédent tag correct : `7.1.0` +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. + +## Changelog v8.0.0 (xxx 2019) + +- Architecture : mise à jour du reset, suppression des reset vendors (Reboot de Boostrap) +- Architecture : renommage de dossiers à la "7-1 pattern": `_config` > `abstracts`, `_library` > `base`, et du fichier `_base.scss` en `_reset.scss` +- Architecture : modification de l'ordre d'import des fichiers : les utilitaires sont importées à la fin à présent +- Compatibilité : support passé de IE10 à IE11 (browserlist) +- Compatibilité : Browserslist devenu `.browserslistrc` et mise à jour du support à `>0.25% not op_mini all` +- Compatibilité : fichier gulpfile.js dorénavant compatible Gulp 4 +- Compatibilité : versions exactes des dépendances dans package.json (pour éviter "latest") +- Grillade :renommage des classes `grid-` en `grillade-` pour éviter tout conflit +- Grillade : ajout du constructeur `medium-X` en plus de `small-X` +- Grillade : ajout des constructeus `-start`, `-end`, `-center`, `-space-between`, `-space-around`, `-space-evenly` pour l'alignement général de la grille +- Divers : ajout d'une variable pour supporter ou non IE11 : `$ie: true !default;`. +- Divers :ajout d'une variable pour supporter ou non WordPress : `$wordpress: false !default;`. +- Divers :`visually-hidden` devient un mixin +- Divers :corrections typo ## Changelog v7.1.2 (30 janvier 2019) @@ -57,7 +71,7 @@ ## Changelog v7.0.1 (22 décembre 2017) - meilleure gestion des hyphens -- mise en commentaire du fix SVG pour IE11 +- mise en commentaire du fix SVG our IE11 ## Changelog v7.0.0 (août - novembre 2017) @@ -185,7 +199,7 @@ ## Changelog v4.4.2 (24 décembre 2015) - correction d'un bug responsive des classes `.flex-item-double` -- création de la feuille de style dédiée aux grilles : *grillade.css* pour ceux qui souhaitent se contenter des grilles de KNACSS +- création de la feuille de style dédiée aux grilles : _grillade.css_ pour ceux qui souhaitent se contenter des grilles de KNACSS ## Changelog v4.4.0 (12 décembre 2015) @@ -295,7 +309,7 @@ Nouveaux noms : ## Vite fait -- grosse remise à jour, orientée vers les technos modernes (flexbox, rem, calc, ...) et moins de "bidouille" +- grosse remise à jour, orientée vers les technos modernes (flexbox, rem, calc, ...) et moins de "bidouille" - fin du support d'IE6-IE8 Si vous souhaitez utiliser KNACSS sur d'anciens navigateurs, préférez la [Version 3](https://github.com/raphaelgoetter/KNACSS/tree/3.1.0) - ajout du reset [normalize.css](http://necolas.github.io/normalize.css/) - un grand merci à @7studio pour ses conseils et observations sur la version beta de KNACSS 4.0 diff --git a/css/grillade-flex.css b/css/grillade-flex.css old mode 100644 new mode 100755 diff --git a/css/grillade-grid.css b/css/grillade-grid.css old mode 100644 new mode 100755 diff --git a/css/knacss-unminified.css b/css/knacss-unminified.css old mode 100644 new mode 100755 diff --git a/css/knacss.css b/css/knacss.css old mode 100644 new mode 100755 diff --git a/gulpfile.js b/gulpfile.js old mode 100644 new mode 100755 diff --git a/package-lock.json b/package-lock.json old mode 100644 new mode 100755 diff --git a/package.json b/package.json old mode 100644 new mode 100755 diff --git a/sass/_config/_mixins.scss b/sass/_config/_mixins.scss old mode 100644 new mode 100755 diff --git a/sass/_config/_variables.scss b/sass/_config/_variables.scss old mode 100644 new mode 100755 diff --git a/sass/_library/_layout.scss b/sass/_library/_layout.scss old mode 100644 new mode 100755 diff --git a/sass/_library/_print.scss b/sass/_library/_print.scss old mode 100644 new mode 100755 diff --git a/sass/_library/_responsive.scss b/sass/_library/_responsive.scss old mode 100644 new mode 100755 diff --git a/sass/_library/_utilities.scss b/sass/_library/_utilities.scss old mode 100644 new mode 100755 diff --git a/sass/_library/_wordpress.scss b/sass/_library/_wordpress.scss old mode 100644 new mode 100755 diff --git a/sass/_library/grillade-flex.scss b/sass/_library/grillade-flex.scss old mode 100644 new mode 100755 diff --git a/sass/_library/grillade-grid.scss b/sass/_library/grillade-grid.scss old mode 100644 new mode 100755 diff --git a/sass/components/_alerts.scss b/sass/components/_alerts.scss old mode 100644 new mode 100755 diff --git a/sass/components/_arrows.scss b/sass/components/_arrows.scss old mode 100644 new mode 100755 diff --git a/sass/components/_badges.scss b/sass/components/_badges.scss old mode 100644 new mode 100755 diff --git a/sass/components/_buttons.scss b/sass/components/_buttons.scss old mode 100644 new mode 100755 diff --git a/sass/components/_checkbox.scss b/sass/components/_checkbox.scss old mode 100644 new mode 100755 diff --git a/sass/components/_forms.scss b/sass/components/_forms.scss old mode 100644 new mode 100755 diff --git a/sass/components/_media.scss b/sass/components/_media.scss old mode 100644 new mode 100755 diff --git a/sass/components/_skip-links.scss b/sass/components/_skip-links.scss old mode 100644 new mode 100755 diff --git a/sass/components/_tables.scss b/sass/components/_tables.scss old mode 100644 new mode 100755 diff --git a/sass/components/_tabs.scss b/sass/components/_tabs.scss old mode 100644 new mode 100755 diff --git a/sass/components/_tags.scss b/sass/components/_tags.scss old mode 100644 new mode 100755 diff --git a/sass/knacss.scss b/sass/knacss.scss old mode 100644 new mode 100755 diff --git a/yarn.lock b/yarn.lock old mode 100644 new mode 100755