See changelog

CHANGELOG.md

@@ -1,3 +1,10 @@
+# 1.0.7
+
+2013-10-26
+
+- ADDED: Added spaceless variablr to optionally eliminate grid inline-block space hacks with ability to override when generating grids
+- ADDED: Added sample grid to download
+
 # 1.0.6
 
 2013-10-21

README.md

@@ -1,4 +1,4 @@
-# [Wee 1.0.6](https://github.com/weepower/wee)
+# [Wee 1.0.7](https://github.com/weepower/wee)
 
 Wee is a lightweight, extensible bootstrap for rapidly building responsive, semantic web projects. To read more, visit [http://www.weepower.com](http://www.weepower.com).
 

assets/css/screen.less

@@ -1,4 +1,4 @@
-// Wee 1.0.6 (weepower.com)
+// Wee 1.0.7 (weepower.com)
 // Licensed under the Apache License v2
 // http://www.apache.org/licenses/LICENSE-2.0
 

assets/css/wee/core/mixins.less

@@ -1557,25 +1557,33 @@
 .padded {
 	.padding(horizontal; @bumperPadding);
 }
-.row (@margin: @gridMargin) {
+.wee-row-spacing (@spaceless) when not (@spaceless = true) {
 	.letter-spacing(-.31em);
+}
+.row (@margin: @gridMargin; @spaceless: @gridSpaceless) {
 	.margin(left; (@margin * -1));
 	.max-width((100% + @margin));
+	.wee-row-spacing(@spaceless);
 }
-.grid (@marginLeft: @gridMargin) {
+.grid (@marginLeft: @gridMargin; @spaceless: @gridSpaceless) {
 	.align-top();
 	.inline-block();
-	.letter-spacing(normal);
 	.margin(left; @marginLeft);
-	.word-spacing(normal);
+	.wee-column-reset(@spaceless);
 }
-.column (@share; @columns: @gridColumns) when not (iskeyword(@share)) {
-	.grid(0);
+.wee-column-spacing (@spaceless) when not (@spaceless = true) {
 	.margin(right; -.31em);
+}
+.wee-column-reset (@spaceless) when not (@gridSpaceless = true) {
+	.letter-spacing(normal);
+}
+.column (@share; @columns: @gridColumns; @spaceless: @gridSpaceless) when not (iskeyword(@share)) {
+	.grid(0);
 	.width(((100% / @columns) * @share));
+	.wee-column-spacing(@spaceless);
 }
-.column (spaced; @share; @columns: @gridColumns; @margin: @gridMargin) {
-	.grid(@margin);
+.column (spaced; @share; @columns: @gridColumns; @margin: @gridMargin; @spaceless: @gridSpaceless) {
+	.grid(@margin; @spaceless);
 	.width((((100% / @columns) * @share) - (@margin)));
 }
 .column-modify (@share; @columns: @gridColumns) {

assets/css/wee/style.less

@@ -103,4 +103,45 @@ footer[role='contentinfo'] {
 	h4 {
 		.color(@darkerGray);
 	}
+}
+#grid {
+	.spaced();
+	span {
+		.align-center();
+		.background(@lightestGray);
+		.border(@lighterGray);
+		.color(@gray);
+		.line-height(3.2);
+		.margin(bottom; 1);
+	}
+	.row {
+		.row();
+	}
+	.sixth {
+		.column(spaced; 1; 6);
+	}
+	.fifth {
+		.column(spaced; 1; 5);
+	}
+	.fourth {
+		.column(spaced; 1; 4);
+	}
+	.third {
+		.column(spaced; 1; 3);
+	}
+	.half {
+		.column(spaced; 1; 2);
+	}
+	.four-ninths {
+		.column(4; 9);
+	}
+	.five-ninths {
+		.column(5; 9);
+	}
+	.fourth-inset {
+		.offset(spaced; 1; 4);
+	}
+	.fifth-offset {
+		.offset(spaced; 2; 5);
+	}
 }

assets/css/wee/variables.less

@@ -14,8 +14,9 @@
 @bumperPadding: 5%;  // Bumper padding on containers
 @padContainer: true; // Enable bumperPadding on containers
 
-@gridMargin: 5%;  // Default margin for spaced columns
-@gridColumns: 10; // Default number of columns in grid
+@gridMargin: 5%;       // Default margin for spaced columns
+@gridColumns: 10;      // Default number of columns in grid
+@gridSpaceless: false; // Set to true if you are minifying your outputted markup
 
 @blockMarginBottom: 3; // Default bottom margin for lists, form elements, and other block elements
 
@@ -422,7 +423,7 @@
 
 // Mobile navigation
 
-@mobileNavTop: .85em;          // Top posiion
+@mobileNavTop: .85em;          // Top position
 @mobileNavLeft: -32px;         // Left position (negative)
 @mobileNavWidth: 24px;         // Width
 @mobileNavBorderColor: @white; // Border color

index.html

@@ -57,7 +57,29 @@
 		<hr>
 		<div id="examples">
 			<div class="examples" id="left-examples">
-				<h2 class="clear">Table</h2>
+				<h2>Grid</h2>
+				<div id="grid">
+					<div class="row">
+						<span class="third">1/3</span>
+						<span class="third">1/3</span>
+						<span class="third">1/3</span>
+						<span class="fifth">1/5</span>
+						<span class="fifth">1/5</span>
+						<span class="fifth fifth-offset">1/5</span>
+						<span class="fourth fourth-inset">1/4</span>
+						<span class="fourth">1/4</span>
+						<span class="fourth">1/4</span>
+					</div>
+					<span class="four-ninths">4/9</span>
+					<span class="five-ninths">5/9</span>
+					<div class="row">
+						<span class="sixth">1/6</span>
+					</div>
+					<div class="row">
+						<span class="half">1/2</span>
+					</div>
+				</div>
+				<h2>Table</h2>
 				<table itemscope itemtype="http://schema.org/Table">
 					<caption itemprop="about">Caption</caption>
 					<thead>
@@ -238,7 +260,7 @@ <h2>Address</h2>
 </main>
 <footer role="contentinfo">
 	<div class="container">
-		<p>Built with Wee version 1.0.6. <a href="mailto:hello@weepower.com">hello@weepower.com</a><br>Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2</a>.</p>
+		<p>Built with Wee version 1.0.7. <a href="mailto:hello@weepower.com">hello@weepower.com</a><br>Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2</a>.</p>
 		<a href="https://twitter.com/weecss">Twitter</a> / <a href="https://github.com/weepower/wee">Github</a> / <a href="https://github.com/weepower/wee/issues">Issues</a> / <a href="https://github.com/weepower/wee/blob/master/CHANGELOG.md">Changelog</a>
 	</div>
 </footer>

index.local.html

@@ -57,7 +57,29 @@
 		<hr>
 		<div id="examples">
 			<div class="examples" id="left-examples">
-				<h2 class="clear">Table</h2>
+				<h2>Grid</h2>
+				<div id="grid">
+					<div class="row">
+						<span class="third">1/3</span>
+						<span class="third">1/3</span>
+						<span class="third">1/3</span>
+						<span class="fifth">1/5</span>
+						<span class="fifth">1/5</span>
+						<span class="fifth fifth-offset">1/5</span>
+						<span class="fourth fourth-inset">1/4</span>
+						<span class="fourth">1/4</span>
+						<span class="fourth">1/4</span>
+					</div>
+					<span class="four-ninths">4/9</span>
+					<span class="five-ninths">5/9</span>
+					<div class="row">
+						<span class="sixth">1/6</span>
+					</div>
+					<div class="row">
+						<span class="half">1/2</span>
+					</div>
+				</div>
+				<h2>Table</h2>
 				<table itemscope itemtype="http://schema.org/Table">
 					<caption itemprop="about">Caption</caption>
 					<thead>
@@ -238,7 +260,7 @@ <h2>Address</h2>
 </main>
 <footer role="contentinfo">
 	<div class="container">
-		<p>Built with Wee version 1.0.6. <a href="mailto:hello@weepower.com">hello@weepower.com</a><br>Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2</a>.</p>
+		<p>Built with Wee version 1.0.7. <a href="mailto:hello@weepower.com">hello@weepower.com</a><br>Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2</a>.</p>
 		<a href="https://twitter.com/weecss">Twitter</a> / <a href="https://github.com/weepower/wee">Github</a> / <a href="https://github.com/weepower/wee/issues">Issues</a> / <a href="https://github.com/weepower/wee/blob/master/CHANGELOG.md">Changelog</a>
 	</div>
 </footer>