ajout de la TDM
This commit is contained in:
parent
930be0cfaa
commit
7f30e37b12
13 changed files with 52 additions and 78 deletions
|
@ -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`
|
||||
- mise à jour de la documentation
|
||||
- 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)
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
/* ----------------------------- */
|
||||
/* ==layout and modules */
|
||||
/* ==Global Layout */
|
||||
/* ----------------------------- */
|
||||
|
||||
/* module, gains superpower "BFC" Block Formating Context */
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
/* ---------------------------------- */
|
||||
/* ==Grillade */
|
||||
/* ==Grid Layout (grillade) */
|
||||
/* ---------------------------------- */
|
||||
|
||||
// Tuto : http://www.alsacreations.com/tuto/lire/1659-une-grille-responsive-avec-flexbox-et-LESS.html
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
/* ----------------------------- */
|
||||
/* == soft reset */
|
||||
/* ==Base (basic styles) */
|
||||
/* ----------------------------- */
|
||||
|
||||
/* switching to border-box model for all elements */
|
||||
|
@ -31,15 +31,9 @@ figure {
|
|||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* ----------------------------- */
|
||||
/* == typography */
|
||||
/* ----------------------------- */
|
||||
|
||||
html {
|
||||
|
||||
/* set base font-size to equiv "10px", which is adapted to rem unit */
|
||||
font-size: 62.5%;
|
||||
|
||||
/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
|
||||
/* thanks to @guardian, @victorbritopro and @eQRoeil */
|
||||
font-size: calc(1em * 0.625);
|
||||
|
@ -147,10 +141,6 @@ var {
|
|||
font-style: italic;
|
||||
}
|
||||
|
||||
/* ----------------------------- */
|
||||
/* == browsers consistency */
|
||||
/* ----------------------------- */
|
||||
|
||||
/* avoid top margins on first content element */
|
||||
p,
|
||||
.#{$kna-namespace}p-like,
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
/* ----------------------------- */
|
||||
/* ==misc rules */
|
||||
/* ==Misc (skip links, hyphens) */
|
||||
/* ----------------------------- */
|
||||
|
||||
/* styling skip links */
|
||||
|
|
|
@ -1,4 +1,7 @@
|
|||
/* quick print reset */
|
||||
/* ----------------------------- */
|
||||
/* ==Print (quick print reset) */
|
||||
/* ----------------------------- */
|
||||
|
||||
@media print {
|
||||
* {
|
||||
background: transparent !important;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
/* ----------------------------- */
|
||||
/* ==minor stylings */
|
||||
/* ==Stylings (minor stylings) */
|
||||
/* ----------------------------- */
|
||||
|
||||
/* styling elements */
|
||||
|
|
|
@ -8,10 +8,6 @@ Contributors: Automattic, Geoffrey Crofte
|
|||
Description: Reset styles for WordPress usage of KNACSS
|
||||
*/
|
||||
|
||||
/* ----------------------------- */
|
||||
/* ==Menus */
|
||||
/* ----------------------------- */
|
||||
|
||||
// current menu elements
|
||||
.current_page_item > a {
|
||||
}
|
||||
|
@ -43,10 +39,6 @@ Description: Reset styles for WordPress usage of KNACSS
|
|||
width: 50%;
|
||||
}
|
||||
|
||||
/* ----------------------------- */
|
||||
/* ==Alignments */
|
||||
/* ----------------------------- */
|
||||
|
||||
// class in img elements
|
||||
.alignnone {
|
||||
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;
|
||||
}
|
||||
|
||||
/* ----------------------------- */
|
||||
/* ==Clearings */
|
||||
/* ----------------------------- */
|
||||
|
||||
.entry-content,
|
||||
.comment-content {
|
||||
clear: both;
|
||||
|
@ -82,10 +70,6 @@ Description: Reset styles for WordPress usage of KNACSS
|
|||
}
|
||||
}
|
||||
|
||||
/* ----------------------------- */
|
||||
/* ==Widgets */
|
||||
/* ----------------------------- */
|
||||
|
||||
.widget + .widget {
|
||||
margin: 1.5em 0 0;
|
||||
}
|
||||
|
@ -95,10 +79,6 @@ Description: Reset styles for WordPress usage of KNACSS
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* ----------------------------- */
|
||||
/* ==Posts and pages */
|
||||
/* ----------------------------- */
|
||||
|
||||
/* === 5.1 Posts - post_class === */
|
||||
|
||||
// featured content
|
||||
|
@ -215,10 +195,6 @@ Description: Reset styles for WordPress usage of KNACSS
|
|||
margin: 0 0 1.5em;
|
||||
}
|
||||
|
||||
/* ----------------------------- */
|
||||
/* ==Comments */
|
||||
/* ----------------------------- */
|
||||
|
||||
.comment-content a {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
@ -227,10 +203,6 @@ Description: Reset styles for WordPress usage of KNACSS
|
|||
// some make-the-logo-bigger styles
|
||||
}
|
||||
|
||||
/* ----------------------------- */
|
||||
/* ==Media */
|
||||
/* ----------------------------- */
|
||||
|
||||
img.wp-smiley {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
|
@ -238,10 +210,6 @@ img.wp-smiley {
|
|||
border: none;
|
||||
}
|
||||
|
||||
/* ----------------------------- */
|
||||
/* ==Captions */
|
||||
/* ----------------------------- */
|
||||
|
||||
.wp-caption {
|
||||
max-width: 100%;
|
||||
margin-bottom: 1.5em;
|
||||
|
@ -257,10 +225,6 @@ img.wp-smiley {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
/* ----------------------------- */
|
||||
/* ==Galleries */
|
||||
/* ----------------------------- */
|
||||
|
||||
.gallery {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
/* ----------------------------- */
|
||||
/* ==forms */
|
||||
/* ==Forms */
|
||||
/* ----------------------------- */
|
||||
|
||||
/* thanks to HTML5boilerplate,
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
/* ----------------------------- */
|
||||
/* ==tables */
|
||||
/* ==Tables */
|
||||
/* ----------------------------- */
|
||||
|
||||
table,
|
||||
|
|
|
@ -1,7 +1,10 @@
|
|||
/* ---------------------------------- */
|
||||
/* ==state helpers */
|
||||
/* ==Helpers */
|
||||
/* ---------------------------------- */
|
||||
|
||||
/* State Helpers */
|
||||
/* ------------- */
|
||||
|
||||
/* invisible for all */
|
||||
.is-hidden,
|
||||
[hidden] {
|
||||
|
@ -33,10 +36,8 @@ ul.unstyled {
|
|||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* ---------------------------------- */
|
||||
/* ==visual helpers */
|
||||
/* .. use them with parcimony ! */
|
||||
/* ---------------------------------- */
|
||||
/* Width Helpers */
|
||||
/* ------------- */
|
||||
|
||||
/* blocks widths (percentage and pixels) */
|
||||
.#{$kna-namespace}w10 {
|
||||
|
@ -155,11 +156,9 @@ ul.unstyled {
|
|||
width: auto;
|
||||
}
|
||||
|
||||
/* spacing helpers
|
||||
p,m = padding,margin
|
||||
a,t,r,b,l = all,top,right,bottom,left
|
||||
s,m,l,n = small, medium, large, none
|
||||
*/
|
||||
/* Spacing Helpers */
|
||||
/* --------------- */
|
||||
|
||||
.#{$kna-namespace}man,
|
||||
.#{$kna-namespace}ma0 {
|
||||
margin: 0;
|
||||
|
|
|
@ -1,6 +1,9 @@
|
|||
/* ---------------------------------- */
|
||||
/* ==Responsive large */
|
||||
/* ---------------------------------- */
|
||||
/* -------------------------- */
|
||||
/* ==Responsive helpers */
|
||||
/* -------------------------- */
|
||||
|
||||
/* large screens */
|
||||
/* ------------- */
|
||||
|
||||
@include media('>=large-screen') {
|
||||
|
||||
|
@ -71,9 +74,9 @@
|
|||
}
|
||||
}
|
||||
|
||||
/* ---------------------------------- */
|
||||
/* ==Responsive medium */
|
||||
/* ---------------------------------- */
|
||||
/* medium screens */
|
||||
/* -------------- */
|
||||
|
||||
@include media('>=medium-screen', '<large-screen') {
|
||||
|
||||
/* layouts for medium screens */
|
||||
|
@ -145,9 +148,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
/* ---------------------------------- */
|
||||
/* ==Responsive small */
|
||||
/* ---------------------------------- */
|
||||
/* small screens */
|
||||
/* ------------- */
|
||||
|
||||
@include media('>=small-screen', '<medium-screen') {
|
||||
|
||||
|
@ -236,9 +238,8 @@
|
|||
|
||||
}
|
||||
|
||||
/* ---------------------------------- */
|
||||
/* ==Responsive tiny */
|
||||
/* ---------------------------------- */
|
||||
/* tiny screens */
|
||||
/* ------------ */
|
||||
|
||||
@include media('<small-screen') {
|
||||
|
||||
|
|
|
@ -3,18 +3,34 @@
|
|||
* 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
|
||||
// -----------------
|
||||
|
||||
// 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
|
||||
|
||||
// (WARNING : you should comment this line and move config file from vendor/knacss folder to your own project folder)
|
||||
@import "_config-variables.scss";
|
||||
|
||||
// Libraries
|
||||
@import "_library-base.scss"; // reset and basic styles
|
||||
@import "_library-base.scss"; // basic styles
|
||||
@import "_library-print.scss"; // print quick reset
|
||||
@import "_library-styling.scss"; // minor stylings
|
||||
@import "_library-misc.scss"; // skip links, hyphens
|
||||
|
|
Loading…
Reference in a new issue