dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refonte des variables de couleurs

Browse source
This commit is contained in:
Raphaël Goetter 2022-01-05 17:34:13 +01:00
parent 8e95e4cdd9
commit 59f02b6c57
10 changed files with 197 additions and 172 deletions
Download patch file Download diff file Expand all files Collapse all files

186
css/knacss-full/knacss.css
View file

@ -2,7 +2,7 @@
/*!
* KNACSS Reborn: Just keep it simple!
* @author: Alsacreations
* v8.0.4 2021/04
* v8.1 2022/01
* Licence WTFPL http://www.wtfpl.net/
*/
/* ----------------------------- */
@ -41,7 +41,7 @@ body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
background-color: #ffffff;
background-color: #FFFFFF;
color: #212529;
}
@ -67,7 +67,7 @@ h6,
* Links
*/
a {
color: #454d5d;
color: #6c757d;
text-decoration: underline;
}
@ -633,9 +633,9 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.layout-maxed {
grid-template-columns: minmax(0.5rem, 1fr) minmax(auto, 1330px) minmax(0.5rem, 1fr);
grid-template-columns: minmax(0.5rem, 1fr) minmax(auto, 1400px) minmax(0.5rem, 1fr);
}
}
@ -921,7 +921,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:hidden {
display: none;
}
@ -939,7 +939,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:block {
display: block;
}
@ -957,7 +957,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:inline {
display: inline;
}
@ -975,7 +975,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:inline-block {
display: inline-block;
}
@ -993,7 +993,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:flex {
display: flex;
}
@ -1011,7 +1011,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:flex-row {
flex-direction: row;
}
@ -1029,7 +1029,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:flex-col {
flex-direction: column;
}
@ -1047,7 +1047,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:flex-wrap {
flex-wrap: wrap;
}
@ -1065,7 +1065,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:flex-no-wrap {
flex-wrap: nowrap;
}
@ -1083,7 +1083,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:flex-shrink {
flex-shrink: 1;
}
@ -1101,7 +1101,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:flex-no-shrink {
flex-shrink: 0;
}
@ -1119,7 +1119,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:flex-grow {
flex-grow: 1;
}
@ -1137,7 +1137,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:flex-no-grow {
flex-grow: 0;
}
@ -1155,7 +1155,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:float-left {
float: left;
}
@ -1173,7 +1173,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:float-right {
float: right;
}
@ -1191,7 +1191,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:float-none {
float: none;
}
@ -1209,7 +1209,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-bold {
font-weight: bold;
}
@ -1227,7 +1227,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-italic {
font-style: italic;
}
@ -1245,7 +1245,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-uppercase {
text-transform: uppercase;
}
@ -1263,7 +1263,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-lowercase {
text-transform: lowercase;
}
@ -1281,7 +1281,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-smaller {
font-size: smaller;
}
@ -1299,7 +1299,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-bigger {
font-size: bigger;
}
@ -1317,7 +1317,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-left {
text-align: left;
}
@ -1335,7 +1335,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-center {
text-align: center;
}
@ -1353,7 +1353,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-right {
text-align: right;
}
@ -1371,7 +1371,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-justify {
text-align: justify;
}
@ -1389,7 +1389,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-wrap {
overflow-wrap: break-word;
}
@ -1407,7 +1407,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-start {
justify-content: flex-start;
}
@ -1425,7 +1425,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-end {
justify-content: flex-end;
}
@ -1443,7 +1443,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-center {
justify-content: center;
}
@ -1461,7 +1461,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-between {
justify-content: space-between;
}
@ -1479,7 +1479,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-around {
justify-content: space-around;
}
@ -1497,7 +1497,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-evenly {
justify-content: space-evenly;
}
@ -1515,7 +1515,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-items-start {
justify-items: start;
}
@ -1533,7 +1533,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-items-end {
justify-items: end;
}
@ -1551,7 +1551,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-items-center {
justify-items: center;
}
@ -1569,7 +1569,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-start {
align-content: start;
}
@ -1587,7 +1587,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-end {
align-content: end;
}
@ -1605,7 +1605,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-center {
align-content: center;
}
@ -1623,7 +1623,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-between {
align-content: space-between;
}
@ -1641,7 +1641,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-around {
align-content: space-around;
}
@ -1659,7 +1659,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-evenly {
align-content: space-evenly;
}
@ -1677,7 +1677,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-items-start {
align-items: flex-start;
}
@ -1695,7 +1695,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-items-end {
align-items: flex-end;
}
@ -1713,7 +1713,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-items-center {
align-items: center;
}
@ -1731,7 +1731,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:place-center {
place-content: center;
}
@ -1749,7 +1749,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-self-auto {
justify-self: auto;
}
@ -1767,7 +1767,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-self-start {
justify-self: start;
}
@ -1785,7 +1785,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-self-end {
justify-self: end;
}
@ -1803,7 +1803,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-self-center {
justify-self: center;
}
@ -1821,7 +1821,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:justify-self-stretch {
justify-self: stretch;
}
@ -1839,7 +1839,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-self-auto {
align-self: auto;
}
@ -1857,7 +1857,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-self-start {
align-self: flex-start;
}
@ -1875,7 +1875,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-self-end {
align-self: flex-end;
}
@ -1893,7 +1893,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-self-center {
align-self: center;
}
@ -1911,7 +1911,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-self-stretch {
align-self: stretch;
}
@ -1929,7 +1929,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-top {
vertical-align: top;
}
@ -1947,7 +1947,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-bottom {
vertical-align: bottom;
}
@ -1965,7 +1965,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:align-middle {
vertical-align: middle;
}
@ -1983,7 +1983,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:item-first {
order: -100;
}
@ -2001,7 +2001,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:item-last {
order: 100;
}
@ -2077,7 +2077,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:visually-hidden {
position: absolute !important;
border: 0 !important;
@ -2164,7 +2164,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-10 {
font-size: 0.625rem;
}
@ -2182,7 +2182,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-11 {
font-size: 0.6875rem;
}
@ -2200,7 +2200,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-12 {
font-size: 0.75rem;
}
@ -2218,7 +2218,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-14 {
font-size: 0.875rem;
}
@ -2236,7 +2236,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-16 {
font-size: 1rem;
}
@ -2254,7 +2254,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-18 {
font-size: 1.125rem;
}
@ -2272,7 +2272,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-20 {
font-size: 1.25rem;
}
@ -2290,7 +2290,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-24 {
font-size: 1.5rem;
}
@ -2308,7 +2308,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-30 {
font-size: 1.875rem;
}
@ -2326,7 +2326,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-36 {
font-size: 2.25rem;
}
@ -2344,7 +2344,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-base {
font-size: 1rem;
}
@ -2362,7 +2362,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:text-inherit {
font-size: inherit;
}
@ -2527,7 +2527,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:p-0 {
padding: 0;
}
@ -2734,7 +2734,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:p-2 {
padding: 0.125rem;
}
@ -2941,7 +2941,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:p-5 {
padding: 0.313rem;
}
@ -3148,7 +3148,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:p-8 {
padding: 0.5rem;
}
@ -3355,7 +3355,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:p-10 {
padding: 0.625rem;
}
@ -3562,7 +3562,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:p-16 {
padding: 1rem;
}
@ -3769,7 +3769,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:p-20 {
padding: 1.25rem;
}
@ -3976,7 +3976,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:p-24 {
padding: 1.5rem;
}
@ -4183,7 +4183,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:p-36 {
padding: 2.25rem;
}
@ -4390,7 +4390,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:p-auto {
padding: auto;
}
@ -4458,7 +4458,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:grid {
display: grid;
}
@ -4532,7 +4532,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@ -4741,7 +4741,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:gap-0 {
gap: 0;
}
@ -5226,7 +5226,7 @@ template {
}
}
@media (min-width: 1330px) {
@media (min-width: 1400px) {
.lg\:col-start-1 {
grid-column-start: 1;
}

2
css/knacss-mini/knacss.css
View file

File diff suppressed because one or more lines are too long