version 7.0.2
This commit is contained in:
Raphael Goetter
parent
e580d2e311
commit
a37552439d
7 changed files with 4544 additions and 179 deletions
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "KNACSS",
|
||||
"version": "7.0.2",
|
||||
"version": "7.0.3",
|
||||
"homepage": "http://www.knacss.com/",
|
||||
"authors": [
|
||||
"Raphaël GOETTER, Alsacreations"
|
||||
|
|
|
|||
|
|
@ -1,3 +1,6 @@
|
|||
# changelog v7.0.3 (01 mars 2018)
|
||||
- suppression de commentaires inutiles
|
||||
|
||||
# changelog v7.0.2 (04 janvier 2018)
|
||||
- intégration de (auto)grid dans Grillade
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* www.KNACSS.com v7.0.2 (januar, 4 2017) @author: Alsacreations, Raphael Goetter
|
||||
* www.KNACSS.com v7.0.3 (march, 1 2018) @author: Alsacreations, Raphael Goetter
|
||||
* Licence WTFPL http://www.wtfpl.net/
|
||||
*/
|
||||
/* ----------------------------- */
|
||||
|
|
@ -11,7 +11,6 @@
|
|||
2- Libraries :
|
||||
- Base
|
||||
- Print
|
||||
- Misc (hyphens)
|
||||
- Layout (alignment, modules, positionning)
|
||||
- Utilities (width and spacers helpers)
|
||||
- Responsive helpers
|
||||
|
|
@ -19,7 +18,6 @@
|
|||
- Grillade (Grid System)
|
||||
3- Components :
|
||||
- Media object
|
||||
- Autogrid object
|
||||
- Skip Links for accessibility
|
||||
- Tables
|
||||
- Forms
|
||||
|
|
@ -33,7 +31,6 @@
|
|||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
|
@ -70,7 +67,6 @@ body {
|
|||
}
|
||||
|
||||
hr {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
|
|
@ -220,7 +216,6 @@ label,
|
|||
select,
|
||||
summary,
|
||||
textarea {
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
|
|
@ -292,7 +287,6 @@ button::-moz-focus-inner,
|
|||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
|
@ -372,14 +366,12 @@ template {
|
|||
/* ----------------------------- */
|
||||
/* switching to border-box model for all elements */
|
||||
html {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
-webkit-box-sizing: inherit;
|
||||
box-sizing: inherit;
|
||||
/* avoid min-width: auto on flex and grid children */
|
||||
min-width: 0;
|
||||
|
|
@ -680,7 +672,6 @@ kbd {
|
|||
@media print {
|
||||
* {
|
||||
background: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
|
@ -846,76 +837,49 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
|
|||
.flex-row-reverse, .flex-container--column-reverse,
|
||||
.flex-column-reverse,
|
||||
.d-flex {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.flex-container--row,
|
||||
.flex-row {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.flex-container--column,
|
||||
.flex-column {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.flex-container--row-reverse,
|
||||
.flex-row-reverse {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: reverse;
|
||||
-ms-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.flex-container--column-reverse,
|
||||
.flex-column-reverse {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: reverse;
|
||||
-ms-flex-direction: column-reverse;
|
||||
flex-direction: column-reverse;
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.flex-item-fluid,
|
||||
.item-fluid {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1 1 0%;
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
|
||||
.flex-item-first,
|
||||
.item-first {
|
||||
-webkit-box-ordinal-group: 0;
|
||||
-ms-flex-order: -1;
|
||||
order: -1;
|
||||
}
|
||||
|
||||
.flex-item-medium,
|
||||
.item-medium {
|
||||
-webkit-box-ordinal-group: 1;
|
||||
-ms-flex-order: 0;
|
||||
order: 0;
|
||||
}
|
||||
|
||||
.flex-item-last,
|
||||
.item-last {
|
||||
-webkit-box-ordinal-group: 2;
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
|
|
@ -1587,9 +1551,6 @@ ul.is-unstyled, ul.unstyled {
|
|||
.flex-column, .flex-container--row-reverse,
|
||||
.flex-row-reverse, .flex-container--column-reverse,
|
||||
.flex-column-reverse {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
/* layouts for tiny screens */
|
||||
|
|
@ -1860,14 +1821,10 @@ ul.is-unstyled, ul.unstyled {
|
|||
}
|
||||
|
||||
.item-first {
|
||||
-webkit-box-ordinal-group: 0;
|
||||
-ms-flex-order: -1;
|
||||
order: -1;
|
||||
}
|
||||
|
||||
.item-last {
|
||||
-webkit-box-ordinal-group: 2;
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
|
|
@ -1890,26 +1847,16 @@ ul.is-unstyled, ul.unstyled {
|
|||
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
|
||||
@media (min-width: 480px) {
|
||||
.media {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.media-content {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1 1 0%;
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.media-figure--center {
|
||||
-ms-flex-item-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
.media--reverse {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: reverse;
|
||||
-ms-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
}
|
||||
|
|
@ -2034,18 +1981,13 @@ textarea {
|
|||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
border: 0;
|
||||
-webkit-box-shadow: 0 0 0 1px #333 inset;
|
||||
box-shadow: 0 0 0 1px #333 inset;
|
||||
color: #212529;
|
||||
vertical-align: middle;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 0;
|
||||
-webkit-transition: 0.25s;
|
||||
transition: 0.25s;
|
||||
-webkit-transition-property: background-color, color, border, -webkit-box-shadow;
|
||||
transition-property: background-color, color, border, -webkit-box-shadow;
|
||||
transition-property: box-shadow, background-color, color, border;
|
||||
transition-property: box-shadow, background-color, color, border, -webkit-box-shadow;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
|
|
@ -2124,12 +2066,8 @@ button, .btn--primary,
|
|||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-transition: 0.25s;
|
||||
transition: 0.25s;
|
||||
-webkit-transition-property: background-color, color, border, -webkit-box-shadow;
|
||||
transition-property: background-color, color, border, -webkit-box-shadow;
|
||||
transition-property: box-shadow, background-color, color, border;
|
||||
transition-property: box-shadow, background-color, color, border, -webkit-box-shadow;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
|
|
@ -2154,7 +2092,6 @@ button:focus {
|
|||
.button--primary {
|
||||
background-color: #0275D8;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
|
@ -2169,7 +2106,6 @@ button:focus {
|
|||
.button--success {
|
||||
background-color: #5CB85C;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
|
@ -2184,7 +2120,6 @@ button:focus {
|
|||
.button--info {
|
||||
background-color: #5BC0DE;
|
||||
color: #000;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
|
@ -2199,7 +2134,6 @@ button:focus {
|
|||
.button--warning {
|
||||
background-color: #F0AD4E;
|
||||
color: #000;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
|
@ -2214,7 +2148,6 @@ button:focus {
|
|||
.button--danger {
|
||||
background-color: #D9534F;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
|
@ -2229,7 +2162,6 @@ button:focus {
|
|||
.button--inverse {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
|
@ -2244,7 +2176,6 @@ button:focus {
|
|||
.button--ghost {
|
||||
background-color: transparent;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: 0 0 0 1px #fff inset;
|
||||
box-shadow: 0 0 0 1px #fff inset;
|
||||
}
|
||||
|
||||
|
|
@ -2280,7 +2211,6 @@ button:focus {
|
|||
text-align: left;
|
||||
background: none;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
|
|
@ -2289,7 +2219,6 @@ button:focus {
|
|||
|
||||
.btn--unstyled:focus,
|
||||
.button--unstyled:focus {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
|
|
@ -2304,32 +2233,20 @@ button:focus {
|
|||
}
|
||||
|
||||
.nav-button > * {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: stretch;
|
||||
-ms-flex-align: stretch;
|
||||
align-items: stretch;
|
||||
height: 2.6rem;
|
||||
width: 2.6rem;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
|
||||
background-image: linear-gradient(#333, #333);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-origin: content-box;
|
||||
background-size: 100% 5px;
|
||||
-webkit-transition: .25s;
|
||||
transition: .25s;
|
||||
-webkit-transition-property: background, -webkit-transform;
|
||||
transition-property: background, -webkit-transform;
|
||||
transition-property: transform, background;
|
||||
transition-property: transform, background, -webkit-transform;
|
||||
|
|
@ -2340,9 +2257,7 @@ button:focus {
|
|||
content: "";
|
||||
height: 5px;
|
||||
background: #333;
|
||||
-webkit-transition: .25s;
|
||||
transition: .25s;
|
||||
-webkit-transition-property: top, -webkit-transform;
|
||||
transition-property: top, -webkit-transform;
|
||||
transition-property: transform, top;
|
||||
transition-property: transform, top, -webkit-transform;
|
||||
|
|
@ -2359,8 +2274,6 @@ button:focus {
|
|||
|
||||
.nav-button.is-active > * {
|
||||
background-image: none;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
|
@ -2403,7 +2316,6 @@ button:focus {
|
|||
vertical-align: text-bottom;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
-webkit-box-shadow: inset 0 0 0 1px #333;
|
||||
box-shadow: inset 0 0 0 1px #333;
|
||||
background: #fff;
|
||||
}
|
||||
|
|
@ -2425,12 +2337,8 @@ button:focus {
|
|||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
font-size: 60%;
|
||||
-webkit-box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333;
|
||||
box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333;
|
||||
-webkit-transition: -webkit-box-shadow .15s;
|
||||
transition: -webkit-box-shadow .15s;
|
||||
transition: box-shadow .15s;
|
||||
transition: box-shadow .15s, -webkit-box-shadow .15s;
|
||||
}
|
||||
|
||||
.switch::before, .switch::after {
|
||||
|
|
@ -2445,7 +2353,6 @@ button:focus {
|
|||
}
|
||||
|
||||
.switch:checked {
|
||||
-webkit-box-shadow: inset 2rem 0 0 #5CB85C, inset 0 0 0 1px #5CB85C;
|
||||
box-shadow: inset 2rem 0 0 #5CB85C, inset 0 0 0 1px #5CB85C;
|
||||
}
|
||||
|
||||
|
|
@ -2458,7 +2365,6 @@ button:focus {
|
|||
.checkbox {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
-webkit-transition: background-color .15s;
|
||||
transition: background-color .15s;
|
||||
}
|
||||
|
||||
|
|
@ -2473,7 +2379,6 @@ button:focus {
|
|||
.radio {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
-webkit-transition: background-color .15s;
|
||||
transition: background-color .15s;
|
||||
}
|
||||
|
||||
|
|
@ -2503,9 +2408,7 @@ button:focus {
|
|||
background: transparent;
|
||||
text-decoration: none;
|
||||
border-radius: 0 0 0 0;
|
||||
-webkit-transition: .25s;
|
||||
transition: .25s;
|
||||
-webkit-transition-property: color, border, background-color;
|
||||
transition-property: color, border, background-color;
|
||||
}
|
||||
|
||||
|
|
@ -2597,49 +2500,42 @@ button:focus {
|
|||
.tag--primary {
|
||||
background-color: #0275D8;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.tag--success {
|
||||
background-color: #5CB85C;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.tag--info {
|
||||
background-color: #5BC0DE;
|
||||
color: #000;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.tag--warning {
|
||||
background-color: #F0AD4E;
|
||||
color: #000;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.tag--danger {
|
||||
background-color: #D9534F;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.tag--inverse {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.tag--ghost {
|
||||
background-color: transparent;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: 0 0 0 1px #fff inset;
|
||||
box-shadow: 0 0 0 1px #fff inset;
|
||||
}
|
||||
|
||||
|
|
@ -2758,49 +2654,42 @@ button:focus {
|
|||
.alert--primary {
|
||||
background-color: #0275D8;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.alert--success {
|
||||
background-color: #5CB85C;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.alert--info {
|
||||
background-color: #5BC0DE;
|
||||
color: #000;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.alert--warning {
|
||||
background-color: #F0AD4E;
|
||||
color: #000;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.alert--danger {
|
||||
background-color: #D9534F;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.alert--inverse {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.alert--ghost {
|
||||
background-color: transparent;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: 0 0 0 1px #fff inset;
|
||||
box-shadow: 0 0 0 1px #fff inset;
|
||||
}
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
4475
package-lock.json
generated
Normal file
4475
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
12
package.json
12
package.json
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "knacss",
|
||||
"version": "7.0.2",
|
||||
"version": "7.0.3",
|
||||
"homepage": "http://www.knacss.com/",
|
||||
"bugs": "https://github.com/alsacreations/KNACSS/issues",
|
||||
"author": [
|
||||
|
|
@ -28,12 +28,12 @@
|
|||
"license": "WTFPL",
|
||||
"dependencies": {},
|
||||
"devDependencies": {
|
||||
"gulp": "latest",
|
||||
"gulp-rename": "latest",
|
||||
"gulp-sass": "latest",
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-autoprefixer": "latest",
|
||||
"gulp-clean-css": "^3.9.2",
|
||||
"gulp-concat": "latest",
|
||||
"gulp-clean-css": "latest",
|
||||
"gulp-autoprefixer": "latest"
|
||||
"gulp-rename": "latest",
|
||||
"gulp-sass": "latest"
|
||||
},
|
||||
"engines": {}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* www.KNACSS.com v7.0.2 (januar, 4 2017) @author: Alsacreations, Raphael Goetter
|
||||
* www.KNACSS.com v7.0.3 (march, 1 2018) @author: Alsacreations, Raphael Goetter
|
||||
* Licence WTFPL http://www.wtfpl.net/
|
||||
*/
|
||||
|
||||
|
|
@ -12,7 +12,6 @@
|
|||
2- Libraries :
|
||||
- Base
|
||||
- Print
|
||||
- Misc (hyphens)
|
||||
- Layout (alignment, modules, positionning)
|
||||
- Utilities (width and spacers helpers)
|
||||
- Responsive helpers
|
||||
|
|
@ -20,7 +19,6 @@
|
|||
- Grillade (Grid System)
|
||||
3- Components :
|
||||
- Media object
|
||||
- Autogrid object
|
||||
- Skip Links for accessibility
|
||||
- Tables
|
||||
- Forms
|
||||
|
|
|
|||
Loading…
Reference in a new issue