add google maps boolean

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;

css/09-booleans.css

@@ -1,65 +1,11 @@
-/* styling elements */
+/* Google Gmap3 bug fix on images */
-code,
+:not(.gm-style) img {
-kbd,
+  height: auto;
-mark {
-  border-radius: 2px;
 }
-kbd {
+.gm-style img,
-  padding: 0 2px;
+.gmnoscreen img,
-  border: 1px solid #999;
+.gmnoprint img {
-}
+  max-width: none !important;
-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;
 }
 /* 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;
+}

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

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;}
 

less/09-booleans.less

@@ -1,67 +1,15 @@
 @import "00-config";
 
-// Styling boolean
+// google maps boolean
-& when (@styling = true) {
+& when (@gmaps = true) {
-	/* styling elements */
+	/* Google Gmap3 bug fix on images */
-	code, kbd, mark {
+	:not(.gm-style) img {
-		border-radius: 2px;
+		height: auto;
 	}
-	kbd {
+	.gm-style img,
-		padding: 0 2px;
+	.gmnoscreen img,
-		border: 1px solid #999;
+	.gmnoprint img {
-	}
+		max-width: none !important;
-	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;
 	}
 }
 
@@ -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;
+	}
+}