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:
parent
51ef45846b
commit
96d5b2e5f8
10 changed files with 51 additions and 273 deletions
|
@ -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,
|
||||||
|
@ -39,3 +38,18 @@
|
||||||
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;
|
||||||
|
}
|
|
@ -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;
|
|
||||||
}
|
|
|
@ -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;
|
||||||
}
|
}
|
107
less/_12-ie.less
107
less/_12-ie.less
|
@ -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;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
|
@ -16,7 +16,6 @@
|
||||||
@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
|
||||||
|
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
|
@ -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;
|
|
||||||
}
|
|
|
@ -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";
|
||||||
}
|
}
|
111
sass/_12-ie.scss
111
sass/_12-ie.scss
|
@ -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);
|
|
||||||
}
|
|
||||||
*/
|
|
|
@ -16,7 +16,6 @@
|
||||||
@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
|
||||||
|
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
|
|
Loading…
Reference in a new issue