Fix sticky footer issue

CHANGES.rst

@@ -14,6 +14,8 @@ Fixes:
 - Follow best practice for readme.rst
   [allcaps]
 
+- Fix sticky footer. (closes `#36`)
+
 
 1.6.16 (2016-01-08)
 -------------------

plonetheme/barceloneta/theme/less/contents.plone.less

@@ -18,11 +18,18 @@ body#visual-portal-wrapper.pat-plone .outer-wrapper {
 	.contenttype-news-item:before {	content: '\e80f';}
 }
 
+.outer-wrapper{
+	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
+	-moz-box-flex: 1;         /* OLD - Firefox 19- */
+	-webkit-flex: 1;          /* Chrome */
+	-ms-flex: 1;              /* IE 10 */
+	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
+}
+
 //*// on right on toolbar
 body#visual-portal-wrapper.pat-plone #edit-zone {
 	[class*="contenttype-"] {padding: 5px 15px 5px 50px;}
 
-    a {color: @plone-btn-context-color;}
 	[class*="contenttype-"]:after {
 		font-family:"Fontello"; font-size: 100%;
 		padding: 0; margin:0; position: relative; left:  25px; display: inline-block; color: inherit;
@@ -37,9 +44,4 @@ body#visual-portal-wrapper.pat-plone #edit-zone {
 	.contenttype-collection:after {	content: '\e808';}
 	.contenttype-event:after {		content: '\e809';}
 	.contenttype-news-item:after {	content: '\e80f';}
-}
-
-//*// thumbnails for images, leadimages  in listings and portlets
-    .image-icon, .image-tile {
-      float:right;
-}
+}

plonetheme/barceloneta/theme/less/scaffolding.plone.less

@@ -19,12 +19,18 @@ html {
 body {
   font-family: @plone-font-family-base;
   font-size: @plone-font-size-base;
-  font-weight: @plone-font-weight-medium;
   line-height: @plone-line-height-base;
   color: @plone-text-color;
   background-color: @plone-body-bg;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
+  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
+  display: -ms-flexbox;      /* TWEENER - IE 10 */
+  display: -webkit-flex;     /* NEW - Chrome */
+  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
+  min-height: 100vh;
+  flex-direction: column;
 }
 
 //*// Reset fonts for relevant elements
@@ -93,12 +99,6 @@ hr {
   overflow: hidden;
   clip: rect(0,0,0,0);
   border: 0;
-  color: #fff;
-  background-color: #000;
-}
-.sr-only a, .hiddenStructure a {
-  color: #fff;
-  background-color: #000;
 }
 
 // Use in conjunction with .sr-only to only display content when it's focused.