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

Ajout d'un quick mobile reset

Browse Source 
.btn:focus,
input:focus,
button:focus {
outline: 0;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
}
This commit is contained in:
raphaelgoettter 2015-03-09 17:24:43 +01:00
parent 6f4aefbbb1
commit f94bd15c89
4 changed files with 84 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
css/knacss-unminified.css
View File

@ -321,37 +321,46 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.flexbox, .flexbox,
.flexbox-h, .flexbox-h,
.flexbox-v { .flexbox-v {
display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-flex-wrap: wrap; -webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row; -webkit-flex-direction: row;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
} }
.flexbox-v { .flexbox-v {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column; -webkit-flex-direction: column;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
.flexitem-fluid { .flexitem-fluid {
-webkit-box-flex: 1;
-webkit-flex: 1; -webkit-flex: 1;
-ms-flex: 1; -ms-flex: 1;
flex: 1; flex: 1;
} }
.flexitem-first { .flexitem-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1; -webkit-order: -1;
-ms-flex-order: -1; -ms-flex-order: -1;
order: -1; order: -1;
} }
.flexitem-medium { .flexitem-medium {
-webkit-box-ordinal-group: 1;
-webkit-order: 0; -webkit-order: 0;
-ms-flex-order: 0; -ms-flex-order: 0;
order: 0; order: 0;
} }
.flexitem-last { .flexitem-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1; -webkit-order: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
order: 1; order: 1;
@ -363,9 +372,12 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
/* ==Grids */ /* ==Grids */
/* ---------------------------------- */ /* ---------------------------------- */
[class*="grid-"] { [class*="grid-"] {
display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row; -webkit-flex-direction: row;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
@ -375,13 +387,14 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
margin-left: -1em; margin-left: -1em;
} }
[class*="grid-"] > * { [class*="grid-"] > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto; -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto; -ms-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
display: block; display: block;
/* IE fix */ /* IE fix */
border-left: 1em solid transparent; border-left: 1em solid transparent;
background-clip: padding-box !important background-clip: padding-box !important;
/* no background on border */ /* no background on border */
} }
.grid-2 > * { .grid-2 > * {
@ -1078,6 +1091,25 @@ s,m,l,n = small, medium, large, none
padding-left: 40px; padding-left: 40px;
} }
/* ----------------------------- */ /* ----------------------------- */
/* == quick mobile reset */
/* ----------------------------- */
.btn:focus,
input:focus,
button:focus {
outline: 0;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
}
.btn::-­moz-­focus-­inner,
input::-­moz-­focus-­inner,
button::-­moz-­focus-­inner {
border: 0;
}
/* ----------------------------- */
/* ==desktop and HD devices */ /* ==desktop and HD devices */
/* ----------------------------- */ /* ----------------------------- */
@media (min-width: 1025px) { @media (min-width: 1025px) {
@ -1810,3 +1842,9 @@ img.wp-smiley {
.gallery-caption { .gallery-caption {
display: block; display: block;
} }
/* ----------------------------- */
/* ==own stylesheet */
/* ----------------------------- */
/* Here should go your own CSS styles */
/* You can also link them with a LESS @import */
/* @import "my-styles.less"; */

2
css/knacss.css
View File

File diff suppressed because one or more lines are too long

22
less/_07-responsive.less
View File

@ -1,3 +1,25 @@
/* ----------------------------- */
/* == quick mobile reset */
/* ----------------------------- */
.btn:focus,
input:focus,
button:focus {
outline: 0;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
}
.btn::-­moz-­focus-­inner,
input::-­moz-­focus-­inner,
button::-­moz-­focus-­inner {
border: 0;
}
/* ----------------------------- */ /* ----------------------------- */
/* ==desktop and HD devices */ /* ==desktop and HD devices */
/* ----------------------------- */ /* ----------------------------- */

22
sass/_07-responsive.scss
View File

@ -1,3 +1,25 @@
/* ----------------------------- */
/* == quick mobile reset */
/* ----------------------------- */
.btn:focus,
input:focus,
button:focus {
outline: 0;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
}
.btn::-­moz-­focus-­inner,
input::-­moz-­focus-­inner,
button::-­moz-­focus-­inner {
border: 0;
}
/* ----------------------------- */ /* ----------------------------- */
/* ==desktop and HD devices */ /* ==desktop and HD devices */
/* ----------------------------- */ /* ----------------------------- */