css compilés 4.2.2
This commit is contained in:
raphaelgoettter
parent
30eff2dc3f
commit
1722227172
3 changed files with 64 additions and 67 deletions
|
|
@ -1,5 +1,5 @@
|
||||||
/*!
|
/*!
|
||||||
* www.KNACSS.com V4.2.1 (25 mai 2015) @author: Raphael Goetter, Alsacreations
|
* www.KNACSS.com V4.2.2 (26 juin 2015) @author: Raphael Goetter, Alsacreations
|
||||||
* Licence WTFPL http://www.wtfpl.net/
|
* Licence WTFPL http://www.wtfpl.net/
|
||||||
*/
|
*/
|
||||||
/*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */
|
/*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
@ -494,11 +494,6 @@ i,
|
||||||
var {
|
var {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
small,
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
font-size: smaller;
|
|
||||||
}
|
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
/* == hiding content */
|
/* == hiding content */
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
|
|
@ -654,7 +649,8 @@ body > script {
|
||||||
/* flexbox layout
|
/* flexbox layout
|
||||||
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
|
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
|
||||||
*/
|
*/
|
||||||
[class*="flex-container"] {
|
[class*="flex-container"],
|
||||||
|
.flex-container {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -716,205 +712,205 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
display: block;
|
display: block;
|
||||||
/* IE fix */
|
/* IE fix */
|
||||||
width: calc(100% * 1 / 4 - 1em);
|
width: calc(100% * 1 / 4 - 1em - .01px);
|
||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
}
|
}
|
||||||
.grid-2 > * {
|
.grid-2 > * {
|
||||||
width: calc(100% * 1 / 2 - 1em);
|
width: calc(100% * 1 / 2 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-2 > .flex-item-double {
|
.grid-2 > .flex-item-double {
|
||||||
width: calc(100% * 2 / 2 - 1em);
|
width: calc(100% * 2 / 2 - 1em - .01px);
|
||||||
}
|
}
|
||||||
@media (min-width: 481px) and (max-width: 768px) {
|
@media (min-width: 481px) and (max-width: 768px) {
|
||||||
.grid-2 > * {
|
.grid-2 > * {
|
||||||
width: calc(100% * 1 / 2 - 1em);
|
width: calc(100% * 1 / 2 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-2 > .flex-item-double {
|
.grid-2 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
.grid-2 > * {
|
.grid-2 > * {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-2 > .flex-item-double {
|
.grid-2 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.grid-3 > * {
|
.grid-3 > * {
|
||||||
width: calc(100% * 1 / 3 - 1em);
|
width: calc(100% * 1 / 3 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-3 > .flex-item-double {
|
.grid-3 > .flex-item-double {
|
||||||
width: calc(100% * 2 / 3 - 1em);
|
width: calc(100% * 2 / 3 - 1em - .01px);
|
||||||
}
|
}
|
||||||
@media (min-width: 481px) and (max-width: 768px) {
|
@media (min-width: 481px) and (max-width: 768px) {
|
||||||
.grid-3 > * {
|
.grid-3 > * {
|
||||||
width: calc(100% * 1 / 2 - 1em);
|
width: calc(100% * 1 / 2 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-3 > .flex-item-double {
|
.grid-3 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
.grid-3 > * {
|
.grid-3 > * {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-3 > .flex-item-double {
|
.grid-3 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.grid-4 > * {
|
.grid-4 > * {
|
||||||
width: calc(100% * 1 / 4 - 1em);
|
width: calc(100% * 1 / 4 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-4 > .flex-item-double {
|
.grid-4 > .flex-item-double {
|
||||||
width: calc(100% * 2 / 4 - 1em);
|
width: calc(100% * 2 / 4 - 1em - .01px);
|
||||||
}
|
}
|
||||||
@media (min-width: 481px) and (max-width: 768px) {
|
@media (min-width: 481px) and (max-width: 768px) {
|
||||||
.grid-4 > * {
|
.grid-4 > * {
|
||||||
width: calc(100% * 1 / 2 - 1em);
|
width: calc(100% * 1 / 2 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-4 > .flex-item-double {
|
.grid-4 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
.grid-4 > * {
|
.grid-4 > * {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-4 > .flex-item-double {
|
.grid-4 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.grid-5 > * {
|
.grid-5 > * {
|
||||||
width: calc(100% * 1 / 5 - 1em);
|
width: calc(100% * 1 / 5 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-5 > .flex-item-double {
|
.grid-5 > .flex-item-double {
|
||||||
width: calc(100% * 2 / 5 - 1em);
|
width: calc(100% * 2 / 5 - 1em - .01px);
|
||||||
}
|
}
|
||||||
@media (min-width: 481px) and (max-width: 768px) {
|
@media (min-width: 481px) and (max-width: 768px) {
|
||||||
.grid-5 > * {
|
.grid-5 > * {
|
||||||
width: calc(100% * 1 / 2 - 1em);
|
width: calc(100% * 1 / 2 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-5 > .flex-item-double {
|
.grid-5 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
.grid-5 > * {
|
.grid-5 > * {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-5 > .flex-item-double {
|
.grid-5 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.grid-6 > * {
|
.grid-6 > * {
|
||||||
width: calc(100% * 1 / 6 - 1em);
|
width: calc(100% * 1 / 6 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-6 > .flex-item-double {
|
.grid-6 > .flex-item-double {
|
||||||
width: calc(100% * 2 / 6 - 1em);
|
width: calc(100% * 2 / 6 - 1em - .01px);
|
||||||
}
|
}
|
||||||
@media (min-width: 481px) and (max-width: 768px) {
|
@media (min-width: 481px) and (max-width: 768px) {
|
||||||
.grid-6 > * {
|
.grid-6 > * {
|
||||||
width: calc(100% * 1 / 2 - 1em);
|
width: calc(100% * 1 / 2 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-6 > .flex-item-double {
|
.grid-6 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
.grid-6 > * {
|
.grid-6 > * {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-6 > .flex-item-double {
|
.grid-6 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.grid-7 > * {
|
.grid-7 > * {
|
||||||
width: calc(100% * 1 / 7 - 1em);
|
width: calc(100% * 1 / 7 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-7 > .flex-item-double {
|
.grid-7 > .flex-item-double {
|
||||||
width: calc(100% * 2 / 7 - 1em);
|
width: calc(100% * 2 / 7 - 1em - .01px);
|
||||||
}
|
}
|
||||||
@media (min-width: 481px) and (max-width: 768px) {
|
@media (min-width: 481px) and (max-width: 768px) {
|
||||||
.grid-7 > * {
|
.grid-7 > * {
|
||||||
width: calc(100% * 1 / 2 - 1em);
|
width: calc(100% * 1 / 2 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-7 > .flex-item-double {
|
.grid-7 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
.grid-7 > * {
|
.grid-7 > * {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-7 > .flex-item-double {
|
.grid-7 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.grid-8 > * {
|
.grid-8 > * {
|
||||||
width: calc(100% * 1 / 8 - 1em);
|
width: calc(100% * 1 / 8 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-8 > .flex-item-double {
|
.grid-8 > .flex-item-double {
|
||||||
width: calc(100% * 2 / 8 - 1em);
|
width: calc(100% * 2 / 8 - 1em - .01px);
|
||||||
}
|
}
|
||||||
@media (min-width: 481px) and (max-width: 768px) {
|
@media (min-width: 481px) and (max-width: 768px) {
|
||||||
.grid-8 > * {
|
.grid-8 > * {
|
||||||
width: calc(100% * 1 / 2 - 1em);
|
width: calc(100% * 1 / 2 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-8 > .flex-item-double {
|
.grid-8 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
.grid-8 > * {
|
.grid-8 > * {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-8 > .flex-item-double {
|
.grid-8 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.grid-10 > * {
|
.grid-10 > * {
|
||||||
width: calc(100% * 1 / 10 - 1em);
|
width: calc(100% * 1 / 10 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-10 > .flex-item-double {
|
.grid-10 > .flex-item-double {
|
||||||
width: calc(100% * 2 / 10 - 1em);
|
width: calc(100% * 2 / 10 - 1em - .01px);
|
||||||
}
|
}
|
||||||
@media (min-width: 481px) and (max-width: 768px) {
|
@media (min-width: 481px) and (max-width: 768px) {
|
||||||
.grid-10 > * {
|
.grid-10 > * {
|
||||||
width: calc(100% * 1 / 2 - 1em);
|
width: calc(100% * 1 / 2 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-10 > .flex-item-double {
|
.grid-10 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
.grid-10 > * {
|
.grid-10 > * {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-10 > .flex-item-double {
|
.grid-10 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.grid-12 > * {
|
.grid-12 > * {
|
||||||
width: calc(100% * 1 / 12 - 1em);
|
width: calc(100% * 1 / 12 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-12 > .flex-item-double {
|
.grid-12 > .flex-item-double {
|
||||||
width: calc(100% * 2 / 12 - 1em);
|
width: calc(100% * 2 / 12 - 1em - .01px);
|
||||||
}
|
}
|
||||||
@media (min-width: 481px) and (max-width: 768px) {
|
@media (min-width: 481px) and (max-width: 768px) {
|
||||||
.grid-12 > * {
|
.grid-12 > * {
|
||||||
width: calc(100% * 1 / 2 - 1em);
|
width: calc(100% * 1 / 2 - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-12 > .flex-item-double {
|
.grid-12 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
.grid-12 > * {
|
.grid-12 > * {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
.grid-12 > .flex-item-double {
|
.grid-12 > .flex-item-double {
|
||||||
width: calc(100% - 1em);
|
width: calc(100% - 1em - .01px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.grid-2-1 > *:nth-child(odd) {
|
.grid-2-1 > *:nth-child(odd) {
|
||||||
|
|
@ -1085,6 +1081,9 @@ textarea {
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
}
|
}
|
||||||
|
select {
|
||||||
|
-webkit-appearance: menulist-button;
|
||||||
|
}
|
||||||
/* if select styling bugs on WebKit */
|
/* if select styling bugs on WebKit */
|
||||||
/* select { -webkit-appearance: none; } */
|
/* select { -webkit-appearance: none; } */
|
||||||
/* 'x' appears on right of search input when text is entered. This removes it */
|
/* 'x' appears on right of search input when text is entered. This removes it */
|
||||||
|
|
@ -1821,12 +1820,10 @@ pre code {
|
||||||
}
|
}
|
||||||
mark {
|
mark {
|
||||||
padding: 2px 4px;
|
padding: 2px 4px;
|
||||||
background: #ff0;
|
|
||||||
}
|
}
|
||||||
sup,
|
sup,
|
||||||
sub {
|
sub {
|
||||||
vertical-align: 0;
|
vertical-align: 0;
|
||||||
position: relative;
|
|
||||||
}
|
}
|
||||||
sup {
|
sup {
|
||||||
bottom: 1ex;
|
bottom: 1ex;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue