réorganisation des fichiers

- le fichier dédié "IE" disparait
- le fichier "booleans" devient "misc" (plus cohérent)
- le fichier "gmaps" est inclus dans "booleans"
This commit is contained in:
raphaelgoettter 2015-03-04 15:37:11 +01:00
parent 51ef45846b
commit 96d5b2e5f8
10 changed files with 51 additions and 273 deletions

View file

@ -1,9 +1,8 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==skip-hyphens */ /* ==misc rules */
/* ----------------------------- */ /* ----------------------------- */
/* styling skip links */ /* styling skip links */
.skip-links { .skip-links {
position: absolute; position: absolute;
@ -24,7 +23,7 @@
} }
} }
// hyphens // hyphens on small screens
@media (max-width: @small-screen) { @media (max-width: @small-screen) {
/* you shall not pass */ /* you shall not pass */
div, div,
@ -38,4 +37,19 @@
word-wrap: break-word; word-wrap: break-word;
hyphens: auto; hyphens: auto;
} }
} }
/* Google Gmap3 bug fix on images */
.gm-style img {
height: 100%;
}
:not(.gm-style) img {
height: auto;
}
.gm-style img,
.gmnoscreen img,
.gmnoprint img {
max-width: none !important;
}

View file

@ -1,18 +0,0 @@
/* ----------------------------- */
/* ==gmaps support */
/* ----------------------------- */
/* Google Gmap3 bug fix on images */
.gm-style img {
height: 100%;
}
:not(.gm-style) img {
height: auto;
}
.gm-style img,
.gmnoscreen img,
.gmnoprint img {
max-width: none !important;
}

View file

@ -3,8 +3,8 @@
/* ----------------------------- */ /* ----------------------------- */
/* styling elements */ /* styling elements */
code, code,
kbd, kbd,
mark { mark {
border-radius: 2px; border-radius: 2px;
} }
@ -17,7 +17,7 @@ kbd {
code { code {
padding: 2px 4px; padding: 2px 4px;
background: rgba(0,0,0,0.04); background: rgba(0,0,0,0.04);
color: #b11; color: #b11;
} }
pre code { pre code {
@ -50,6 +50,7 @@ blockquote {
position: relative; position: relative;
padding-left: 3em; padding-left: 3em;
} }
blockquote:before { blockquote:before {
content: "\201C"; content: "\201C";
position: absolute; position: absolute;
@ -60,16 +61,17 @@ blockquote:before {
line-height: 0.9; line-height: 0.9;
color: rgba(0, 0, 0, .3); color: rgba(0, 0, 0, .3);
} }
blockquote > footer { blockquote > footer {
margin-top: .75em; margin-top: .75em;
font-size: 0.9em; font-size: 0.9em;
color: rgba(0, 0, 0, .7); color: rgba(0, 0, 0, .7);
} }
blockquote > footer:before { blockquote > footer:before {
content: "\2014 \0020"; content: "\2014 \0020";
} }
q { q {
font-style: normal; font-style: normal;
} }
@ -110,7 +112,7 @@ hr {
} }
/* alternate-vert tables */ /* alternate-vert tables */
.alternate-vert { .alternate-vert {
border: 0; border: 0;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
} }

View file

@ -1,107 +0,0 @@
/* ----------------------------- */
/* ==IE6, IE7, IE8 support */
/* ----------------------------- */
/* Active box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */
.ie67 * {
behavior: url(/js/boxsizing.htc);
}
.ie678 h1, .ie678 .h1-like {
@em: @h1-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em);
}
.ie678 h2, .ie678 .h2-like {
@em: @h2-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em);
}
.ie678 h3, .ie678 .h3-like {
@em: @h3-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em);
}
.ie678 h4, .ie678 .h4-like {
@em: @h4-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em);
}
.ie678 h5, .ie678 .h5-like {
@em: @h5-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em);
}
.ie678 h6, .ie678 .h6-like {
@em: @h6-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em);
}
/* @bugfix for IE8 */
.ie678 img {
width: auto;
}
.ie678 .gm-style img {
height: 100%;
}
/* hasLayout for IE6/IE7 */
.clearfix,
.line,
.mod,
.row,
.col {
*zoom: 1;
}
/*! inline-block and table-cell for IE6/IE7 */
/*! warning: .col needs width on IE6/IE7 */
.btn,
.col,
.inbl {
*display: inline;
*zoom: 1;
}
/* old syntax of clip for IE6/IE7 */
.visually-hidden {
*clip: rect(1px 1px 1px 1px);
}
/* IE8 grid hack */
.ie8 .grid > *,
.ie8 [class*="autogrid"] > * {
letter-spacing: -0.31em;
text-rendering: optimizespeed;
}
.ie8 .grid > * > *,
.ie8 [class*="autogrid"] > * > *{
letter-spacing: normal;
word-spacing: normal;
text-rendering: auto;
}
/* IE7 grid hack */
.grid > * > *,
[class*="autogrid"] > * > *{
*display: inline;
*zoom: 1;
}
/* forms */
/* Corrects excess space around these inputs in IE8/9 */
.ie678 input[type="checkbox"],
.ie678 input[type="radio"] {
padding: 0;
}
/* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
.ie678 textarea {
overflow: auto;
}

View file

@ -16,8 +16,7 @@
@import "_09-print"; @import "_09-print";
@import "_10-booleans"; // skip links and hyphens @import "_10-booleans"; // skip links and hyphens
@import "_11-gmaps"; // Google maps bugs fix @import "_11-gmaps"; // Google maps bugs fix
@import "_12-ie"; // IE6, IE7, IE8 support @import "_13-styling"; // minor stylings
@import "_13-styling"; // minor stylings
/* ----------------------------- */ /* ----------------------------- */
/* ==own stylesheet */ /* ==own stylesheet */

View file

@ -1,6 +1,7 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==skip-hyphens */ /* ==misc rules */
/* ----------------------------- */ /* ----------------------------- */
/* styling skip links */ /* styling skip links */
.skip-links { .skip-links {
position: absolute; position: absolute;
@ -22,7 +23,7 @@
} }
} }
// hyphens boolean // hyphens on small screens
@media (max-width: $small-screen) { @media (max-width: $small-screen) {
/* you shall not pass */ /* you shall not pass */
div, div,
@ -38,3 +39,17 @@
} }
} }
/* Google Gmap3 bug fix on images */
.gm-style img {
height: 100%;
}
:not(.gm-style) img {
height: auto;
}
.gm-style img,
.gmnoscreen img,
.gmnoprint img {
max-width: none !important;
}

View file

@ -1,18 +0,0 @@
/* ----------------------------- */
/* ==gmaps support */
/* ----------------------------- */
/* Google Gmap3 bug fix on images */
.gm-style img {
height: 100%;
}
:not(.gm-style) img {
height: auto;
}
.gm-style img,
.gmnoscreen img,
.gmnoprint img {
max-width: none !important;
}

View file

@ -15,7 +15,7 @@ kbd {
code { code {
padding: 2px 4px; padding: 2px 4px;
background: rgba(0,0,0,0.04); background: rgba(0,0,0,0.04);
color: #b11; color: #b11;
} }
pre code { pre code {
@ -48,6 +48,7 @@ blockquote {
position: relative; position: relative;
padding-left: 3em; padding-left: 3em;
} }
blockquote:before { blockquote:before {
content: "\201C"; content: "\201C";
position: absolute; position: absolute;
@ -58,11 +59,13 @@ blockquote:before {
line-height: 0.9; line-height: 0.9;
color: rgba(0, 0, 0, .3); color: rgba(0, 0, 0, .3);
} }
blockquote > footer { blockquote > footer {
margin-top: .75em; margin-top: .75em;
font-size: 0.9em; font-size: 0.9em;
color: rgba(0, 0, 0, .7); color: rgba(0, 0, 0, .7);
} }
blockquote > footer:before { blockquote > footer:before {
content: "\2014 \0020"; content: "\2014 \0020";
} }
@ -94,8 +97,8 @@ hr {
/* alternate tables */ /* alternate tables */
.alternate { border: 0; } .alternate { border: 0; }
.alternate tbody { .alternate tbody {
border: 1px solid #ccc; border: 1px solid #ccc;
} }
.alternate thead tr > * + * { .alternate thead tr > * + * {
@ -107,7 +110,7 @@ hr {
} }
/* alternate-vert tables */ /* alternate-vert tables */
.alternate-vert { .alternate-vert {
border: 0; border: 0;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
} }

View file

@ -1,111 +0,0 @@
/* ----------------------------- */
/* ==IE6, IE7, IE8 support */
/* ----------------------------- */
// IE6, 7, 8 support boolean
$bf: $base-font-size / 1px;
/* IE678 support */
.ie678 h1, .ie678 .h1-like {
$val: $h1-size / 1rem;
$em : $val * 10 / $bf;
font-size: $em +0em;
}
.ie678 h2, .ie678 .h2-like {
$val: $h2-size / 1rem;
$em : $val * 10 / $bf;
font-size: $em +0em;
}
.ie678 h3, .ie678 .h3-like {
$val: $h3-size / 1rem;
$em : $val * 10 / $bf;
font-size: $em +0em;
}
.ie678 h4, .ie678 .h4-like {
$val: $h4-size / 1rem;
$em : $val * 10 / $bf;
font-size: $em +0em;
}
.ie678 h5, .ie678 .h5-like {
$val: $h5-size / 1rem;
$em : $val * 10 / $bf;
font-size: $em +0em;
}
.ie678 h6, .ie678 .h6-like {
$val: $h6-size / 1rem;
$em : $val * 10 / $bf;
font-size: $em +0em;
}
.ie678 img {
width: auto; /* @bugfix for IE8 */
}
.ie678 .gm-style img {
height: 100%;
}
/* hasLayout for IE6/IE7 */
.clearfix,
.line,
.mod,
.row,
.col {
*zoom: 1;
}
/* inline-block and table-cell for IE6/IE7 */
/* warning: .col needs width on IE6/IE7 */
.btn,
.col,
.inbl {
*display: inline;
*zoom: 1;
}
.visually-hidden {
*clip: rect(1px 1px 1px 1px);
}
/* IE8 grid hack */
.ie8 .grid > *,
.ie8 [class*="autogrid"] > * {
letter-spacing: -0.31em;
text-rendering: optimizespeed;
}
.ie8 .grid > * > *,
.ie8 [class*="autogrid"] > * > *{
letter-spacing: normal;
word-spacing: normal;
text-rendering: auto;
}
/* IE7 grid hack */
.grid > * > *,
[class*="autogrid"] > * > *{
*display: inline;
*zoom: 1;
}
/* forms */
/* Corrects excess space around these inputs in IE8/9 */
.ie678 input[type="checkbox"],
.ie678 input[type="radio"] {
padding: 0;
}
/* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
.ie678 textarea {
overflow: auto;
}
/* Active box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */
/*
.ie67 * {
behavior: url(/lib/box-sizing-polyfill/boxsizing.htc);
}
*/

View file

@ -16,8 +16,7 @@
@import "_09-print"; @import "_09-print";
@import "_10-booleans"; // skip links and hyphens @import "_10-booleans"; // skip links and hyphens
@import "_11-gmaps"; // Google maps bugs fix @import "_11-gmaps"; // Google maps bugs fix
@import "_12-ie"; // IE6, IE7, IE8 support @import "_13-styling"; // minor stylings
@import "_13-styling"; // minor stylings
/* ----------------------------- */ /* ----------------------------- */
/* ==own stylesheet */ /* ==own stylesheet */