From a20f1578006c539a60a3664c409cd6e4c97d4f67 Mon Sep 17 00:00:00 2001
From: Raphael Goetter <raphael@goetter.fr>
Date: Sun, 20 Apr 2014 20:02:32 +0200
Subject: [PATCH] adding .start and .end classes

---
 css/01-base.css   | 22 ++++++++++++++--------
 less/01-base.less | 25 +++++++++++++++----------
 2 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/css/01-base.css b/css/01-base.css
index b51a895..168a2bd 100644
--- a/css/01-base.css
+++ b/css/01-base.css
@@ -309,23 +309,29 @@ body > script {
 }
 /* alignments (blocks and inline) */
 /* ------------------------------ */
-/* left elements */
-.left {
+/* left (or starting) elements */
+.left,
+.start {
   float: left;
 }
-img.left {
+img.left,
+img.start {
   margin-right: 1em;
 }
-/* right elements */
-.right {
+/* right (or ending) elements */
+.right,
+.end {
   float: right;
 }
-img.right {
+img.right,
+img.end {
   margin-left: 1em;
 }
 img.left,
-img.right {
-  margin-bottom: 5px;
+img.right,
+img.start,
+img.end {
+  margin-bottom: 0.5em;
 }
 .center {
   margin-left: auto;
diff --git a/less/01-base.less b/less/01-base.less
index 3246467..955e9ea 100644
--- a/less/01-base.less
+++ b/less/01-base.less
@@ -296,22 +296,27 @@ body > script {display: none !important;}
 /* alignments (blocks and inline) */
 /* ------------------------------ */
 
-/* left elements */
-.left {
+/* left (or starting) elements */
+.left,
+.start {
 	float: left;
 }
-img.left {
-	margin-right: 1em;
+img.left,
+img.start  {
+	margin-right: @small-value;
 }
-/* right elements */
-.right {
+/* right (or ending) elements */
+.right,
+.end {
 	float: right;
 }
-img.right {
-	margin-left: 1em;
+img.right,
+img.end {
+	margin-left: @small-value;
 }
-img.left, img.right {
-	margin-bottom: 5px;
+img.left, img.right,
+img.start, img.end {
+	margin-bottom: @tiny-value;
 }
 .center    { margin-left: auto; margin-right: auto; }
 .txtleft   { text-align: left; }