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

nombreuses corrections typo, 

et suppression des icones de listes ul et ol
This commit is contained in:
Raphael Goetter 2013-08-30 21:04:16 +02:00
parent 447c3910eb
commit 361c764906
6 changed files with 141 additions and 216 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
css/flexbox.css
View File

@ -14,16 +14,16 @@
} }
/* horizontal alignment */ /* horizontal alignment */
.flex-h { .flex-h {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-moz-box-orient: horizontal; -moz-box-orient: horizontal;
-webkit-flex-direction: row; -webkit-flex-direction: row;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
} }
/* vertical alignment */ /* vertical alignment */
.flex-v { .flex-v {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-moz-box-orient: vertical; -moz-box-orient: vertical;
-webkit-flex-direction: column; -webkit-flex-direction: column;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
@ -31,35 +31,35 @@
/* for fluid items */ /* for fluid items */
.flex-fluid { .flex-fluid {
-moz-box-flex: 1; -moz-box-flex: 1;
-webkit-flex: 1; -webkit-flex: 1;
-moz-flex: 1; -moz-flex: 1;
-ms-flex: 1; -ms-flex: 1;
flex: 1; flex: 1;
} }
/* for items that must appear first */ /* for items that must appear first */
.flex-start { .flex-start {
-webkit-box-ordinal-group: -1; -webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: 0; -moz-box-ordinal-group: 0;
-ms-flex-order: -1; -ms-flex-order: -1;
-webkit-order: -1; -webkit-order: -1;
-moz-order: -1; -moz-order: -1;
order: -1; order: -1;
} }
/* for items that must appear middle */ /* for items that must appear middle */
.flex-mid { .flex-mid {
-webkit-box-ordinal-group: 1; -webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1; -moz-box-ordinal-group: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
-webkit-order: 1; -webkit-order: 1;
-moz-order: 1; -moz-order: 1;
order: 1; order: 1;
} }
/* for items that must appear at the end */ /* for items that must appear at the end */
.flex-end { .flex-end {
-webkit-box-ordinal-group: 42; -webkit-box-ordinal-group: 42;
-moz-box-ordinal-group: 42; -moz-box-ordinal-group: 42;
-ms-flex-order: 42; -ms-flex-order: 42;
-webkit-order: 42; -webkit-order: 42;
-moz-order: 42; -moz-order: 42;
order: 42; order: 42;
} }

7
css/forms.css
View File

@ -3,7 +3,10 @@
/* ==forms */ /* ==forms */
/* ----------------------------- */ /* ----------------------------- */
/* thanks to HTML5boilerplate, github.com/nathansmith/formalize and www.sitepen.com */ /* thanks to HTML5boilerplate,
* github.com/nathansmith/formalize
* and www.sitepen.com
*/
/* buttons */ /* buttons */
@ -65,7 +68,7 @@ input[type="search"]::-webkit-search-results-decoration {
} }
::-webkit-input-placeholder { color: #777; } ::-webkit-input-placeholder { color: #777; }
input:-moz-placeholder, input:-moz-placeholder,
textarea:-moz-placeholder { color: #777; } textarea:-moz-placeholder { color: #777; }
/* Removes inner padding and border in FF3+ */ /* Removes inner padding and border in FF3+ */
button::-moz-focus-inner, button::-moz-focus-inner,

279
css/icons.css
View File

@ -1,210 +1,139 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==icons and bullets */ /* ==icons and bullets */
/* ----------------------------- */ /* ----------------------------- */
.icon {display: inline-block;} .icon {display: inline-block;}
.icon:before, .icon:before,
.icon > li:before, .icon.after:after {
.icon.after:after, content: "";
.icon.after > li:after { display: inline-block;
content: ""; vertical-align: middle;
display: inline-block; position: relative; top: -.1em;
vertical-align: middle; margin: 0 0.3em 0 0;
position: relative; top: -.1em; font: 1.4em/1 sans-serif;
margin: 0 0.3em 0 0; color: #000;
font: 1.4em/1 sans-serif; text-shadow: 1px 1px 0 rgba(0,0,0,.1);
color: #000; speak: none;
text-shadow: 1px 1px 0 rgba(0,0,0,.1);
speak: none;
} }
@media (min-device-width: 768px) { @media (min-device-width: 768px) {
.icon:before, .icon:before,
.icon > li:before, .icon.after:after {
.icon.after:after, font: 1em/0.6 sans-serif;
.icon.after > li:after { -webkit-transform: rotateZ(0.05deg);
font: 1em/0.6 sans-serif; }
-webkit-transform: rotateZ(0.05deg);
}
} }
.icon.after:after, .icon.after:after {
.icon.after > li:after { margin: 0 0 0 8px;
margin: 0 0 0 8px;
} }
.icon.after:before {
ul.icon {display: block;} content: "" !important
ul.icon > li {list-style: none;}
ul.icon:before,
ul.icon.after:after {content:""}
.icon.after:before,
.icon.after > li:before {content: "" !important}
.icon-rate:before,
.icon-rate > li:before,
.icon-rate.after:after,
.icon-rate.after > li:after {
content: "\2605";
} }
.icon-unrate:before, .icon-rate:before,
.icon-unrate > li:before, .icon-rate.after:after {
.icon-unrate.after:after, content: "\2605";
.icon-unrate.after > li:after {
content: "\2606";
} }
.icon-check:before, .icon-unrate:before,
.icon-check > li:before, .icon-unrate.after:after{
.icon-check.after:after, content: "\2606";
.icon-check.after > li:after {
content: "\2713";
} }
.icon-uncheck:before, .icon-check:before,
.icon-uncheck > li:before, .icon-check.after:after{
.icon-uncheck.after:after, content: "\2713";
.icon-uncheck.after > li:after {
content: "\2717";
} }
.icon-cloud:before, .icon-uncheck:before,
.icon-cloud > li:before, .icon-uncheck.after:after{
.icon-cloud.after:after, content: "\2717";
.icon-cloud.after > li:after {
content: "\2601";
} }
.icon-dl:before, .icon-cloud:before,
.icon-dl > li:before, .icon-cloud.after:after {
.icon-dl.after:after, content: "\2601";
.icon-dl.after > li:after {
content: "\21E3";
font-weight: bold;
} }
.icon-cross:before, .icon-dl:before,
.icon-cross > li:before, .icon-dl.after:after {
.icon-cross.after:after, content: "\21E3";
.icon-cross.after > li:after { font-weight: bold;
content: "\2716"; }
font-weight: bold; .icon-cross:before,
.icon-cross.after:after {
content: "\2716";
font-weight: bold;
} }
.icon-arrow1:before, .icon-arrow1:before,
.icon-arrow1 > li:before, .icon-arrow1.after:after {
.icon-arrow1.after:after, content: "\2192";
.icon-arrow1.after > li:after { position: relative;
content: "\2192"; top: -0.15em;
position: relative; top: -0.15em;
} }
.icon-arrow2:before, .icon-arrow2:before,
.icon-arrow2 > li:before, .icon-arrow2.after:after {
.icon-arrow2.after:after, content: "\279E";
.icon-arrow2.after > li:after {
content: "\279E";
} }
.icon-arrow3:before, .icon-arrow3:before,
.icon-arrow3 > li:before, .icon-arrow3.after:after {
.icon-arrow3.after:after, content: "\279A";
.icon-arrow3.after > li:after {
content: "\279A";
} }
.icon-bracket1:before, .icon-bracket1:before,
.icon-bracket1 > li:before, .icon-bracket1.after:after {
.icon-bracket1.after:after, content: "\2039";
.icon-bracket1.after > li:after { font-weight: bold;
content: "\2039"; font-size: 1.6em;
font-weight: bold; position: relative;
font-size: 1.6em; top: -0.15em;
position: relative; top: -0.15em;
} }
.icon-bracket2:before, .icon-bracket2:before,
.icon-bracket2 > li:before, .icon-bracket2.after:after {
.icon-bracket2.after:after, content: "\203A";
.icon-bracket2.after > li:after { font-weight: bold;
content: "\203A"; font-size: 1.6em;
font-weight: bold; position: relative;
font-size: 1.6em; top: -0.15em;
position: relative; top: -0.15em;
} }
.icon-up:before, .icon-up:before,
.icon-up > li:before, .icon-up.after:after {
.icon-up.after:after, content: "\25B2";
.icon-up.after > li:after {
content: "\25B2";
} }
.icon-down:before, .icon-down:before,
.icon-down > li:before, .icon-down.after:after {
.icon-down.after:after, content: "\25BC";
.icon-down.after > li:after {
content: "\25BC";
} }
.icon-bull:before, .icon-bull:before,
.icon-bull > li:before, .icon-bull.after:after {
.icon-bull.after:after, content: "\2022";
.icon-bull.after > li:after { font-size: 1.2em;
content: "\2022"; top: -0.05em;
font-size: 1.2em;
top: -0.05em;
} }
.icon-bull2:before, .icon-bull2:before,
.icon-bull2 > li:before, .icon-bull2.after:after {
.icon-bull2.after:after, content: "\25E6";
.icon-bull2.after > li:after { top: -0.05em;
content: "\25E6";
top: -0.05em;
} }
.icon-bull3:before, .icon-bull3:before,
.icon-bull3 > li:before, .icon-bull3.after:after{
.icon-bull3.after:after, content: "\2023";
.icon-bull3.after > li:after { font-size: 1.6em;
content: "\2023"; top: -0.05em;
font-size: 1.6em;
top: -0.05em;
} }
.icon-nav:before, .icon-nav:before,
.icon-nav > li:before, .icon-nav.after:after {
.icon-nav.after:after, content: "\2261";
.icon-nav.after > li:after { font-weight: bold;
content: "\2261";
font-weight: bold;
} }
.icon-losange:before, .icon-losange:before,
.icon-losange > li:before, .icon-losange.after:after {
.icon-losange.after:after, content: "\25C6";
.icon-losange.after > li:after {
content: "\25C6";
} }
.icon-asteri:before, .icon-asteri:before,
.icon-asteri > li:before, .icon-asteri.after:after {
.icon-asteri.after:after, content: "\2731";
.icon-asteri.after > li:after { font-weight: bold;
content: "\2731";
font-weight: bold;
} }
.icon-mail:before, .icon-mail:before,
.icon-mail > li:before, .icon-mail.after:after {
.icon-mail.after:after, content: "\2709";
.icon-mail.after > li:after { font-size: 1.6em;
content: "\2709"; top: -.05em;
font-size: 1.6em;
top: -.05em;
} }
ol.styled {counter-reset: styled;}
ol.styled > li {
list-style-type: none;
counter-increment: styled;
margin-bottom: .3em;
}
ol.styled > li:before {
content: counter(styled);
display: inline-block;
width: 1em; height: 1em;
line-height: 1;
padding: 2px;
margin-right: .4em;
vertical-align: middle;
background: rgba(0,0,0,.5);
border-radius: 50%;
font-size: .9em;
text-align: center;
text-indent: -0.1em;
color: white;
}

9
css/knacss.css
View File

@ -1,5 +1,5 @@
/* /*
* www.KNACSS.com V2.6n (2013-07) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V2.7 (2013-08) @author: Raphael Goetter, Alsacreations
* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/ * Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
*/ */
@ -32,7 +32,7 @@ th,
label, label,
textarea, textarea,
caption, caption,
details, details,
figure { figure {
font-size: 1em; /* equiv 14px */ font-size: 1em; /* equiv 14px */
line-height: 1.5; line-height: 1.5;
@ -56,12 +56,12 @@ h3, .h3-like {
h4, .h4-like { h4, .h4-like {
font-size: 1.4286em; /* equiv 20px */ font-size: 1.4286em; /* equiv 20px */
line-height: 1.05em; line-height: 1.05em;
margin: 1.05em 0 0 0; margin: 1.05em 0 0 0;
} }
h5, .h5-like { h5, .h5-like {
font-size: 1.2857em; /* equiv 18px */ font-size: 1.2857em; /* equiv 18px */
line-height: 1.1667em; line-height: 1.1667em;
margin: 1.1667em 0 0 0; margin: 1.1667em 0 0 0;
} }
h6, .h6-like { h6, .h6-like {
font-size: 1.1429em; /* equiv 16px */ font-size: 1.1429em; /* equiv 16px */
@ -477,4 +477,3 @@ textarea {
/* @import url(my-styles.css); */ /* @import url(my-styles.css); */

10
css/print.css
View File

@ -30,11 +30,11 @@
display: block; /* displaying .print elements */ display: block; /* displaying .print elements */
} }
img { img {
-webkit-filter: grayscale(100%); -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%); -moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); -ms-filter: grayscale(100%);
-o-filter: grayscale(100%); -o-filter: grayscale(100%);
filter: grayscale(100%); filter: grayscale(100%);
} }
p, p,
blockquote { blockquote {

6
css/rwd.css
View File

@ -140,12 +140,6 @@
} }
/* margins for small (s) screens */ /* margins for small (s) screens */
.small-ma0 { margin: 0 !important; } .small-ma0 { margin: 0 !important; }
/* Responsive grids */
.grid4 > * {width: 49% !important; }
.grid4 > :first-child + * + * {margin-left: 0 !important;}
.grid6 > * {width: 32% !important; }
.grid6 > :first-child + * + * + * {margin-left: 0 !important;}
} }
@media (max-width: 640px) { @media (max-width: 640px) {