knacss 7.1.3 (feb 2020)

pull/1/head
Yax 5 years ago
parent c37d4b04b6
commit aedd1f9cd3

@ -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…
Cancel
Save