From f4405e239c384f72b0c180e781fdbb7609b7759c Mon Sep 17 00:00:00 2001 From: Raphael Goetter Date: Sun, 20 Apr 2014 20:56:10 +0200 Subject: [PATCH] add google maps boolean --- css/01-base.css | 9 --- css/09-booleans.css | 131 +++++++++++++++++++++------------------- less/00-config.less | 1 + less/01-base.less | 10 ---- less/09-booleans.less | 135 +++++++++++++++++++++++------------------- 5 files changed, 145 insertions(+), 141 deletions(-) diff --git a/css/01-base.css b/css/01-base.css index c370574..0b3b079 100644 --- a/css/01-base.css +++ b/css/01-base.css @@ -199,15 +199,6 @@ video { table { margin-bottom: 1.5em; } -/* Google Gmap3 bug fix on images */ -:not(.gm-style) img { - height: auto; -} -.gm-style img, -.gmnoscreen img, -.gmnoprint img { - max-width: none !important; -} /* scripts */ body > script { display: none !important; diff --git a/css/09-booleans.css b/css/09-booleans.css index 5c36bd8..ea89333 100644 --- a/css/09-booleans.css +++ b/css/09-booleans.css @@ -1,65 +1,11 @@ -/* styling elements */ -code, -kbd, -mark { - border-radius: 2px; +/* Google Gmap3 bug fix on images */ +:not(.gm-style) img { + height: auto; } -kbd { - padding: 0 2px; - border: 1px solid #999; -} -code { - padding: 2px 4px; - background: rgba(0, 0, 0, 0.04); - color: #b11; -} -pre code { - padding: none; - background: none; - color: inherit; - border-radius: 0; -} -mark { - padding: 2px 4px; - background: #ff0; -} -sup, -sub { - vertical-align: 0; - position: relative; -} -sup { - bottom: 1ex; -} -sub { - top: .5ex; -} -blockquote { - margin-left: 0; - padding-left: 1em; - border-left: 4px solid rgba(0, 0, 0, 0.15); - font-style: italic; -} -q { - font-style: normal; -} -q, -.q { - quotes: "“\00a0" "\00a0”"; -} -q:lang(fr), -.q:lang(fr) { - quotes: "«\00a0" "\00a0»"; -} -hr { - display: block; - clear: both; - height: 1px; - margin: 1em 0 2em; - padding: 0; - border: 0; - color: #ccc; - background-color: #ccc; +.gm-style img, +.gmnoscreen img, +.gmnoprint img { + max-width: none !important; } /* IE678 support */ .ie678 h1, @@ -148,3 +94,66 @@ hr { hyphens: auto; } } +/* styling elements */ +code, +kbd, +mark { + border-radius: 2px; +} +kbd { + padding: 0 2px; + border: 1px solid #999; +} +code { + padding: 2px 4px; + background: rgba(0, 0, 0, 0.04); + color: #b11; +} +pre code { + padding: none; + background: none; + color: inherit; + border-radius: 0; +} +mark { + padding: 2px 4px; + background: #ff0; +} +sup, +sub { + vertical-align: 0; + position: relative; +} +sup { + bottom: 1ex; +} +sub { + top: .5ex; +} +blockquote { + margin-left: 0; + padding-left: 1em; + border-left: 4px solid rgba(0, 0, 0, 0.15); + font-style: italic; +} +q { + font-style: normal; +} +q, +.q { + quotes: "“\00a0" "\00a0”"; +} +q:lang(fr), +.q:lang(fr) { + quotes: "«\00a0" "\00a0»"; +} +hr { + display: block; + clear: both; + height: 1px; + margin: 1em 0 2em; + padding: 0; + border: 0; + color: #ccc; + background-color: #ccc; +} diff --git a/less/00-config.less b/less/00-config.less index 4a44177..c338acd 100644 --- a/less/00-config.less +++ b/less/00-config.less @@ -4,6 +4,7 @@ // booleans @ie678 : true; // "true" to activate IE6/IE7/IE8 support @styling : true; // "true" to design basic elements like code, mark, blockquotes, etc. +@gmaps : true; // if google maps is used @skip-links : true; // "true" to design skip links for accessibility concerns @hyphens : true; // activate automatic hyphens on small screens @helpers-width : true; // decide whether or not you need width helpers diff --git a/less/01-base.less b/less/01-base.less index 2605d1d..adf37e7 100644 --- a/less/01-base.less +++ b/less/01-base.less @@ -174,16 +174,6 @@ img, table, td, blockquote, code, pre, textarea, input, video { /* margin-bottom on tables */ table { margin-bottom: 1.5em; } -/* Google Gmap3 bug fix on images */ -:not(.gm-style) img { - height: auto; -} -.gm-style img, -.gmnoscreen img, -.gmnoprint img { - max-width: none !important; -} - /* scripts */ body > script {display: none !important;} diff --git a/less/09-booleans.less b/less/09-booleans.less index 1e7ca49..96af60b 100644 --- a/less/09-booleans.less +++ b/less/09-booleans.less @@ -1,67 +1,15 @@ @import "00-config"; -// Styling boolean -& when (@styling = true) { - /* styling elements */ - code, kbd, mark { - border-radius: 2px; +// google maps boolean +& when (@gmaps = true) { + /* Google Gmap3 bug fix on images */ + :not(.gm-style) img { + height: auto; } - kbd { - padding: 0 2px; - border: 1px solid #999; - } - code { - padding: 2px 4px; - background: rgba(0,0,0,.04); - color: #b11; - } - pre code { - padding: none; - background: none; - color: inherit; - border-radius: 0; - } - mark { - padding:2px 4px; - background: #ff0; - } - sup, - sub { - vertical-align: 0; - position: relative; - } - sup { - bottom: 1ex; - } - sub { - top: .5ex; - } - blockquote { - margin-left: 0; - padding-left: 1em; - border-left: 4px solid rgba(0,0,0,.15); - font-style: italic; - } - q { - font-style: normal; - } - q, - .q { - quotes: "“\00a0" "\00a0”"; - } - q:lang(fr), - .q:lang(fr) { - quotes: "«\00a0" "\00a0»"; - } - hr { - display: block; - clear: both; - height: 1px; - margin: 1em 0 2em; - padding: 0; - border: 0; - color: #ccc; - background-color: #ccc; + .gm-style img, + .gmnoscreen img, + .gmnoprint img { + max-width: none !important; } } @@ -153,3 +101,68 @@ } } } + +// Styling boolean +& when (@styling = true) { + /* styling elements */ + code, kbd, mark { + border-radius: 2px; + } + kbd { + padding: 0 2px; + border: 1px solid #999; + } + code { + padding: 2px 4px; + background: rgba(0,0,0,.04); + color: #b11; + } + pre code { + padding: none; + background: none; + color: inherit; + border-radius: 0; + } + mark { + padding:2px 4px; + background: #ff0; + } + sup, + sub { + vertical-align: 0; + position: relative; + } + sup { + bottom: 1ex; + } + sub { + top: .5ex; + } + blockquote { + margin-left: 0; + padding-left: 1em; + border-left: 4px solid rgba(0,0,0,.15); + font-style: italic; + } + q { + font-style: normal; + } + q, + .q { + quotes: "“\00a0" "\00a0”"; + } + q:lang(fr), + .q:lang(fr) { + quotes: "«\00a0" "\00a0»"; + } + hr { + display: block; + clear: both; + height: 1px; + margin: 1em 0 2em; + padding: 0; + border: 0; + color: #ccc; + background-color: #ccc; + } +} \ No newline at end of file