knacss 7.1.3 (feb 2020)
This commit is contained in:
parent
c37d4b04b6
commit
aedd1f9cd3
2 changed files with 35 additions and 28 deletions
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* www.KNACSS.com v7.1.0 (october, 31 2018) @author: Alsacreations, Raphael Goetter
|
* www.KNACSS.com v7.1.3 (february, 12 2020) @author: Alsacreations, Raphael Goetter
|
||||||
* Licence WTFPL http://www.wtfpl.net/
|
* Licence WTFPL http://www.wtfpl.net/
|
||||||
*/
|
*/
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
|
@ -42,7 +42,7 @@ html {
|
||||||
-moz-text-size-adjust: 100%;
|
-moz-text-size-adjust: 100%;
|
||||||
-ms-text-size-adjust: 100%;
|
-ms-text-size-adjust: 100%;
|
||||||
text-size-adjust: 100%;
|
text-size-adjust: 100%;
|
||||||
overflow-style: scrollbar;
|
-ms-overflow-style: scrollbar;
|
||||||
-webkit-tap-highlight-color: transparent;
|
-webkit-tap-highlight-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -385,6 +385,16 @@ template {
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
/* ==Base (basic styles) */
|
/* ==Base (basic styles) */
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
|
/* disable animations styles when reduced rotion is enabled */
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
* {
|
||||||
|
-webkit-animation: none !important;
|
||||||
|
animation: none !important;
|
||||||
|
-webkit-transition: none !important;
|
||||||
|
transition: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* switching to border-box model for all elements */
|
/* switching to border-box model for all elements */
|
||||||
html {
|
html {
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
|
@ -957,7 +967,8 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
|
||||||
}
|
}
|
||||||
|
|
||||||
/* simple blocks alignment */
|
/* simple blocks alignment */
|
||||||
.left .u-left {
|
.left,
|
||||||
|
.u-left {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1725,57 +1736,57 @@ ul.is-unstyled, ul.unstyled {
|
||||||
|
|
||||||
[class*="grid-2"] {
|
[class*="grid-2"] {
|
||||||
-ms-grid-columns: (1fr)[2];
|
-ms-grid-columns: (1fr)[2];
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="grid-3"] {
|
[class*="grid-3"] {
|
||||||
-ms-grid-columns: (1fr)[3];
|
-ms-grid-columns: (1fr)[3];
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="grid-4"] {
|
[class*="grid-4"] {
|
||||||
-ms-grid-columns: (1fr)[4];
|
-ms-grid-columns: (1fr)[4];
|
||||||
grid-template-columns: repeat(4, 1fr);
|
grid-template-columns: repeat(4, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="grid-5"] {
|
[class*="grid-5"] {
|
||||||
-ms-grid-columns: (1fr)[5];
|
-ms-grid-columns: (1fr)[5];
|
||||||
grid-template-columns: repeat(5, 1fr);
|
grid-template-columns: repeat(5, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="grid-6"] {
|
[class*="grid-6"] {
|
||||||
-ms-grid-columns: (1fr)[6];
|
-ms-grid-columns: (1fr)[6];
|
||||||
grid-template-columns: repeat(6, 1fr);
|
grid-template-columns: repeat(6, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="grid-7"] {
|
[class*="grid-7"] {
|
||||||
-ms-grid-columns: (1fr)[7];
|
-ms-grid-columns: (1fr)[7];
|
||||||
grid-template-columns: repeat(7, 1fr);
|
grid-template-columns: repeat(7, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="grid-8"] {
|
[class*="grid-8"] {
|
||||||
-ms-grid-columns: (1fr)[8];
|
-ms-grid-columns: (1fr)[8];
|
||||||
grid-template-columns: repeat(8, 1fr);
|
grid-template-columns: repeat(8, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="grid-9"] {
|
[class*="grid-9"] {
|
||||||
-ms-grid-columns: (1fr)[9];
|
-ms-grid-columns: (1fr)[9];
|
||||||
grid-template-columns: repeat(9, 1fr);
|
grid-template-columns: repeat(9, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="grid-10"] {
|
[class*="grid-10"] {
|
||||||
-ms-grid-columns: (1fr)[10];
|
-ms-grid-columns: (1fr)[10];
|
||||||
grid-template-columns: repeat(10, 1fr);
|
grid-template-columns: repeat(10, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="grid-11"] {
|
[class*="grid-11"] {
|
||||||
-ms-grid-columns: (1fr)[11];
|
-ms-grid-columns: (1fr)[11];
|
||||||
grid-template-columns: repeat(11, 1fr);
|
grid-template-columns: repeat(11, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="grid-12"] {
|
[class*="grid-12"] {
|
||||||
-ms-grid-columns: (1fr)[12];
|
-ms-grid-columns: (1fr)[12];
|
||||||
grid-template-columns: repeat(12, 1fr);
|
grid-template-columns: repeat(12, 1fr);
|
||||||
}
|
}
|
||||||
|
|
||||||
[class*="col-1"] {
|
[class*="col-1"] {
|
||||||
|
@ -1878,28 +1889,28 @@ ul.is-unstyled, ul.unstyled {
|
||||||
@media (min-width: 480px) and (max-width: 767px) {
|
@media (min-width: 480px) and (max-width: 767px) {
|
||||||
[class*="grid-"][class*="-small-1"] {
|
[class*="grid-"][class*="-small-1"] {
|
||||||
-ms-grid-columns: (1fr)[1];
|
-ms-grid-columns: (1fr)[1];
|
||||||
grid-template-columns: repeat(1, 1fr);
|
grid-template-columns: repeat(1, 1fr);
|
||||||
}
|
}
|
||||||
[class*="col-"][class*="-small-1"] {
|
[class*="col-"][class*="-small-1"] {
|
||||||
grid-column: auto/span 1;
|
grid-column: auto/span 1;
|
||||||
}
|
}
|
||||||
[class*="grid-"][class*="-small-2"] {
|
[class*="grid-"][class*="-small-2"] {
|
||||||
-ms-grid-columns: (1fr)[2];
|
-ms-grid-columns: (1fr)[2];
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
}
|
}
|
||||||
[class*="col-"][class*="-small-2"] {
|
[class*="col-"][class*="-small-2"] {
|
||||||
grid-column: auto/span 2;
|
grid-column: auto/span 2;
|
||||||
}
|
}
|
||||||
[class*="grid-"][class*="-small-3"] {
|
[class*="grid-"][class*="-small-3"] {
|
||||||
-ms-grid-columns: (1fr)[3];
|
-ms-grid-columns: (1fr)[3];
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
}
|
}
|
||||||
[class*="col-"][class*="-small-3"] {
|
[class*="col-"][class*="-small-3"] {
|
||||||
grid-column: auto/span 3;
|
grid-column: auto/span 3;
|
||||||
}
|
}
|
||||||
[class*="grid-"][class*="-small-4"] {
|
[class*="grid-"][class*="-small-4"] {
|
||||||
-ms-grid-columns: (1fr)[4];
|
-ms-grid-columns: (1fr)[4];
|
||||||
grid-template-columns: repeat(4, 1fr);
|
grid-template-columns: repeat(4, 1fr);
|
||||||
}
|
}
|
||||||
[class*="col-"][class*="-small-4"] {
|
[class*="col-"][class*="-small-4"] {
|
||||||
grid-column: auto/span 4;
|
grid-column: auto/span 4;
|
||||||
|
@ -2157,23 +2168,19 @@ textarea {
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
input::-webkit-input-placeholder,
|
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
|
||||||
textarea::-webkit-input-placeholder {
|
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
input::-moz-placeholder,
|
input::-moz-placeholder, textarea::-moz-placeholder {
|
||||||
textarea::-moz-placeholder {
|
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
input:-ms-input-placeholder,
|
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
||||||
textarea:-ms-input-placeholder {
|
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
input::-ms-input-placeholder,
|
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
|
||||||
textarea::-ms-input-placeholder {
|
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Add table
Reference in a new issue