dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ajout de la TDM

This commit is contained in:
Raphael Goetter 2016-05-20 08:58:56 +02:00
parent 930be0cfaa
commit 7f30e37b12
13 changed files with 52 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
changelog.md
View File

@ -10,6 +10,7 @@
- nommage de variables préfixé pour plus de maintenabilité : `$gutter` -> `$grid-gutter`, `$number` -> `$grid-number`, `$left` -> `$grid-left` et `$right` -> `$grid-right` - nommage de variables préfixé pour plus de maintenabilité : `$gutter` -> `$grid-gutter`, `$number` -> `$grid-number`, `$left` -> `$grid-left` et `$right` -> `$grid-right`
- mise à jour de la documentation - mise à jour de la documentation
- ajout de commentaires dans les grilles - ajout de commentaires dans les grilles
- ajout de Table des Matières dans la feuille de style non minifiée
# changelog v4.4.5 (1er avril 2016) # changelog v4.4.5 (1er avril 2016)

2
sass/_layout-general.scss
View File

@ -1,5 +1,5 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==layout and modules */ /* ==Global Layout */
/* ----------------------------- */ /* ----------------------------- */
/* module, gains superpower "BFC" Block Formating Context */ /* module, gains superpower "BFC" Block Formating Context */

2
sass/_layout-grids.scss
View File

@ -1,5 +1,5 @@
/* ---------------------------------- */ /* ---------------------------------- */
/* ==Grillade */ /* ==Grid Layout (grillade) */
/* ---------------------------------- */ /* ---------------------------------- */
// Tuto : http://www.alsacreations.com/tuto/lire/1659-une-grille-responsive-avec-flexbox-et-LESS.html // Tuto : http://www.alsacreations.com/tuto/lire/1659-une-grille-responsive-avec-flexbox-et-LESS.html

12
sass/_library-base.scss
View File

@ -1,5 +1,5 @@
/* ----------------------------- */ /* ----------------------------- */
/* == soft reset */ /* ==Base (basic styles) */
/* ----------------------------- */ /* ----------------------------- */
/* switching to border-box model for all elements */ /* switching to border-box model for all elements */
@ -31,15 +31,9 @@ figure {
margin-right: 0; margin-right: 0;
} }
/* ----------------------------- */
/* == typography */
/* ----------------------------- */
html { html {
/* set base font-size to equiv "10px", which is adapted to rem unit */ /* set base font-size to equiv "10px", which is adapted to rem unit */
font-size: 62.5%; font-size: 62.5%;
/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */ /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
/* thanks to @guardian, @victorbritopro and @eQRoeil */ /* thanks to @guardian, @victorbritopro and @eQRoeil */
font-size: calc(1em * 0.625); font-size: calc(1em * 0.625);
@ -147,10 +141,6 @@ var {
font-style: italic; font-style: italic;
} }
/* ----------------------------- */
/* == browsers consistency */
/* ----------------------------- */
/* avoid top margins on first content element */ /* avoid top margins on first content element */
p, p,
.#{$kna-namespace}p-like, .#{$kna-namespace}p-like,

2
sass/_library-misc.scss
View File

@ -1,5 +1,5 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==misc rules */ /* ==Misc (skip links, hyphens) */
/* ----------------------------- */ /* ----------------------------- */
/* styling skip links */ /* styling skip links */

5
sass/_library-print.scss
View File

@ -1,4 +1,7 @@
/* quick print reset */ /* ----------------------------- */
/* ==Print (quick print reset) */
/* ----------------------------- */
@media print { @media print {
* { * {
background: transparent !important; background: transparent !important;

2
sass/_library-styling.scss
View File

@ -1,5 +1,5 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==minor stylings */ /* ==Stylings (minor stylings) */
/* ----------------------------- */ /* ----------------------------- */
/* styling elements */ /* styling elements */

36
sass/_library-wordpress.scss
View File

@ -8,10 +8,6 @@ Contributors: Automattic, Geoffrey Crofte
Description: Reset styles for WordPress usage of KNACSS Description: Reset styles for WordPress usage of KNACSS
*/ */
/* ----------------------------- */
/* ==Menus */
/* ----------------------------- */
// current menu elements // current menu elements
.current_page_item > a { .current_page_item > a {
} }
@ -43,10 +39,6 @@ Description: Reset styles for WordPress usage of KNACSS
width: 50%; width: 50%;
} }
/* ----------------------------- */
/* ==Alignments */
/* ----------------------------- */
// class in img elements // class in img elements
.alignnone { .alignnone {
margin: .25em 1.5em 1.5em 0; margin: .25em 1.5em 1.5em 0;
@ -68,10 +60,6 @@ Description: Reset styles for WordPress usage of KNACSS
margin: 0 0 .25em 1.5em; margin: 0 0 .25em 1.5em;
} }
/* ----------------------------- */
/* ==Clearings */
/* ----------------------------- */
.entry-content, .entry-content,
.comment-content { .comment-content {
clear: both; clear: both;
@ -82,10 +70,6 @@ Description: Reset styles for WordPress usage of KNACSS
} }
} }
/* ----------------------------- */
/* ==Widgets */
/* ----------------------------- */
.widget + .widget { .widget + .widget {
margin: 1.5em 0 0; margin: 1.5em 0 0;
} }
@ -95,10 +79,6 @@ Description: Reset styles for WordPress usage of KNACSS
max-width: 100%; max-width: 100%;
} }
/* ----------------------------- */
/* ==Posts and pages */
/* ----------------------------- */
/* === 5.1 Posts - post_class === */ /* === 5.1 Posts - post_class === */
// featured content // featured content
@ -215,10 +195,6 @@ Description: Reset styles for WordPress usage of KNACSS
margin: 0 0 1.5em; margin: 0 0 1.5em;
} }
/* ----------------------------- */
/* ==Comments */
/* ----------------------------- */
.comment-content a { .comment-content a {
word-wrap: break-word; word-wrap: break-word;
} }
@ -227,10 +203,6 @@ Description: Reset styles for WordPress usage of KNACSS
// some make-the-logo-bigger styles // some make-the-logo-bigger styles
} }
/* ----------------------------- */
/* ==Media */
/* ----------------------------- */
img.wp-smiley { img.wp-smiley {
margin-bottom: 0; margin-bottom: 0;
margin-top: 0; margin-top: 0;
@ -238,10 +210,6 @@ img.wp-smiley {
border: none; border: none;
} }
/* ----------------------------- */
/* ==Captions */
/* ----------------------------- */
.wp-caption { .wp-caption {
max-width: 100%; max-width: 100%;
margin-bottom: 1.5em; margin-bottom: 1.5em;
@ -257,10 +225,6 @@ img.wp-smiley {
text-align: center; text-align: center;
} }
/* ----------------------------- */
/* ==Galleries */
/* ----------------------------- */
.gallery { .gallery {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }

2
sass/_object-forms.scss
View File

@ -1,5 +1,5 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==forms */ /* ==Forms */
/* ----------------------------- */ /* ----------------------------- */
/* thanks to HTML5boilerplate, /* thanks to HTML5boilerplate,

2
sass/_object-tables.scss
View File

@ -1,5 +1,5 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==tables */ /* ==Tables */
/* ----------------------------- */ /* ----------------------------- */
table, table,

19
sass/_override-helpers.scss
View File

@ -1,7 +1,10 @@
/* ---------------------------------- */ /* ---------------------------------- */
/* ==state helpers */ /* ==Helpers */
/* ---------------------------------- */ /* ---------------------------------- */
/* State Helpers */
/* ------------- */
/* invisible for all */ /* invisible for all */
.is-hidden, .is-hidden,
[hidden] { [hidden] {
@ -33,10 +36,8 @@ ul.unstyled {
padding-left: 0; padding-left: 0;
} }
/* ---------------------------------- */ /* Width Helpers */
/* ==visual helpers */ /* ------------- */
/* .. use them with parcimony ! */
/* ---------------------------------- */
/* blocks widths (percentage and pixels) */ /* blocks widths (percentage and pixels) */
.#{$kna-namespace}w10 { .#{$kna-namespace}w10 {
@ -155,11 +156,9 @@ ul.unstyled {
width: auto; width: auto;
} }
/* spacing helpers /* Spacing Helpers */
p,m = padding,margin /* --------------- */
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small, medium, large, none
*/
.#{$kna-namespace}man, .#{$kna-namespace}man,
.#{$kna-namespace}ma0 { .#{$kna-namespace}ma0 {
margin: 0; margin: 0;

25
sass/_override-responsive.scss
View File

@ -1,6 +1,9 @@
/* ---------------------------------- */ /* -------------------------- */
/* ==Responsive large */ /* ==Responsive helpers */
/* ---------------------------------- */ /* -------------------------- */
/* large screens */
/* ------------- */
@include media('>=large-screen') { @include media('>=large-screen') {
@ -71,9 +74,9 @@
} }
} }
/* ---------------------------------- */ /* medium screens */
/* ==Responsive medium */ /* -------------- */
/* ---------------------------------- */
@include media('>=medium-screen', '<large-screen') { @include media('>=medium-screen', '<large-screen') {
/* layouts for medium screens */ /* layouts for medium screens */
@ -145,9 +148,8 @@
} }
} }
/* ---------------------------------- */ /* small screens */
/* ==Responsive small */ /* ------------- */
/* ---------------------------------- */
@include media('>=small-screen', '<medium-screen') { @include media('>=small-screen', '<medium-screen') {
@ -236,9 +238,8 @@
} }
/* ---------------------------------- */ /* tiny screens */
/* ==Responsive tiny */ /* ------------ */
/* ---------------------------------- */
@include media('<small-screen') { @include media('<small-screen') {

20
sass/knacss.scss
View File

@ -3,18 +3,34 @@
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */
/* ----------------------------- */
/* ==Table Of Content */
/* ----------------------------- */
/* 1- Normalize (basic reset) */
/* 2- Base (basic styles) */
/* 3- Print (print quick reset) */
/* 4- Stylings (minor stylings) */
/* 5- Misc (skip links, hyphens) */
/* (6- WordPress reset (disabled by default)) */
/* 7- Global Layout (alignment, modules, positionning) */
/* 8- Grid Layout (grillade) */
/* 9- Tables (data tables consistency) */
/* 10- Forms (forms consistency) */
/* 11- Helpers (width and spacers helpers) */
/* 12- Responsive (Responsive Web Design helpers) */
// This is the global Sass imports file // This is the global Sass imports file
// ----------------- // -----------------
// normalize and include-media imports // normalize and include-media imports
@import "_normalize/_normalize.scss"; // normalize @import "_normalize/_normalize.scss"; // normalize (basic reset)
@import "_include-media/_include-media.scss"; // include-media @import "_include-media/_include-media.scss"; // include-media
// (WARNING : you should comment this line and move config file from vendor/knacss folder to your own project folder) // (WARNING : you should comment this line and move config file from vendor/knacss folder to your own project folder)
@import "_config-variables.scss"; @import "_config-variables.scss";
// Libraries // Libraries
@import "_library-base.scss"; // reset and basic styles @import "_library-base.scss"; // basic styles
@import "_library-print.scss"; // print quick reset @import "_library-print.scss"; // print quick reset
@import "_library-styling.scss"; // minor stylings @import "_library-styling.scss"; // minor stylings
@import "_library-misc.scss"; // skip links, hyphens @import "_library-misc.scss"; // skip links, hyphens