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";
|
||||
/*!
|
||||
* 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/
|
||||
*/
|
||||
/* ----------------------------- */
|
||||
|
@ -42,7 +42,7 @@ html {
|
|||
-moz-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
text-size-adjust: 100%;
|
||||
overflow-style: scrollbar;
|
||||
-ms-overflow-style: scrollbar;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
|
@ -385,6 +385,16 @@ template {
|
|||
/* ----------------------------- */
|
||||
/* ==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 */
|
||||
html {
|
||||
-webkit-box-sizing: border-box;
|
||||
|
@ -957,7 +967,8 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
|
|||
}
|
||||
|
||||
/* simple blocks alignment */
|
||||
.left .u-left {
|
||||
.left,
|
||||
.u-left {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
|
@ -1725,57 +1736,57 @@ ul.is-unstyled, ul.unstyled {
|
|||
|
||||
[class*="grid-2"] {
|
||||
-ms-grid-columns: (1fr)[2];
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
[class*="grid-3"] {
|
||||
-ms-grid-columns: (1fr)[3];
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
[class*="grid-4"] {
|
||||
-ms-grid-columns: (1fr)[4];
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
|
||||
[class*="grid-5"] {
|
||||
-ms-grid-columns: (1fr)[5];
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
}
|
||||
|
||||
[class*="grid-6"] {
|
||||
-ms-grid-columns: (1fr)[6];
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
}
|
||||
|
||||
[class*="grid-7"] {
|
||||
-ms-grid-columns: (1fr)[7];
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
}
|
||||
|
||||
[class*="grid-8"] {
|
||||
-ms-grid-columns: (1fr)[8];
|
||||
grid-template-columns: repeat(8, 1fr);
|
||||
grid-template-columns: repeat(8, 1fr);
|
||||
}
|
||||
|
||||
[class*="grid-9"] {
|
||||
-ms-grid-columns: (1fr)[9];
|
||||
grid-template-columns: repeat(9, 1fr);
|
||||
grid-template-columns: repeat(9, 1fr);
|
||||
}
|
||||
|
||||
[class*="grid-10"] {
|
||||
-ms-grid-columns: (1fr)[10];
|
||||
grid-template-columns: repeat(10, 1fr);
|
||||
grid-template-columns: repeat(10, 1fr);
|
||||
}
|
||||
|
||||
[class*="grid-11"] {
|
||||
-ms-grid-columns: (1fr)[11];
|
||||
grid-template-columns: repeat(11, 1fr);
|
||||
grid-template-columns: repeat(11, 1fr);
|
||||
}
|
||||
|
||||
[class*="grid-12"] {
|
||||
-ms-grid-columns: (1fr)[12];
|
||||
grid-template-columns: repeat(12, 1fr);
|
||||
grid-template-columns: repeat(12, 1fr);
|
||||
}
|
||||
|
||||
[class*="col-1"] {
|
||||
|
@ -1878,28 +1889,28 @@ ul.is-unstyled, ul.unstyled {
|
|||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
[class*="grid-"][class*="-small-1"] {
|
||||
-ms-grid-columns: (1fr)[1];
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
[class*="col-"][class*="-small-1"] {
|
||||
grid-column: auto/span 1;
|
||||
}
|
||||
[class*="grid-"][class*="-small-2"] {
|
||||
-ms-grid-columns: (1fr)[2];
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
[class*="col-"][class*="-small-2"] {
|
||||
grid-column: auto/span 2;
|
||||
}
|
||||
[class*="grid-"][class*="-small-3"] {
|
||||
-ms-grid-columns: (1fr)[3];
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
[class*="col-"][class*="-small-3"] {
|
||||
grid-column: auto/span 3;
|
||||
}
|
||||
[class*="grid-"][class*="-small-4"] {
|
||||
-ms-grid-columns: (1fr)[4];
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
[class*="col-"][class*="-small-4"] {
|
||||
grid-column: auto/span 4;
|
||||
|
@ -2157,23 +2168,19 @@ textarea {
|
|||
color: #777;
|
||||
}
|
||||
|
||||
input::-webkit-input-placeholder,
|
||||
textarea::-webkit-input-placeholder {
|
||||
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder {
|
||||
input::-moz-placeholder, textarea::-moz-placeholder {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder {
|
||||
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
input::-ms-input-placeholder,
|
||||
textarea::-ms-input-placeholder {
|
||||
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Add table
Reference in a new issue