Content styling adjustments and tweaks to make home page content fit better into...

diff --git a/js/210-home.js b/js/210-home.js
index bb1ffbfbec21b662e1f1ad7638c397a163f13668..ef70aef542cb8423b561d7d6aee1ada25da1d0f2 100644 (file)
--- a/js/210-home.js
+++ b/js/210-home.js
@@ -84,7 +84,7 @@ function resizeHome() {
 function isTallEnough() {\r
 \r
     // Get available height for contents\r
-    var wh = $(window).height() - $('#h').outerHeight() - $('#adminBar').outerHeight() - 30; // 30px extra breathing space around content\r
+    var wh = $(window).height() - $('#h').outerHeight();\r
     var ok = true;\r
     var bgHeight = 0;\r
     var contentHeight;\r
@@ -101,12 +101,13 @@ function isTallEnough() {
         contentHeight = $(this).find('.content-inner').outerHeight();\r
 \r
         // Largest dimension of the two wins\r
-        sectionHeight = Math.max(bgHeight, contentHeight);\r
+        // sectionHeight = Math.max(bgHeight, contentHeight);\r
+        sectionHeight = contentHeight; // Not taking into account the bg height for now.\r
 \r
 \r
-        //console.info(sectionHeight + ' > ' + wh + '? ' + $(this).parent().attr('class'));\r
+        //console.info(sectionHeight + ' > ' + wh + '? ' + $(this).parent().data('section-name'));\r
         if (sectionHeight > wh) {\r
-            //console.error($(this).parent().attr('class') + ' is too tall...');\r
+            //console.warn($(this).parent().data('section-name') + ' section is too tall...');\r
             ok = false;\r
             return false;\r
         }\r

diff --git a/less/002-common.less b/less/002-common.less
index e4fdb0f39c7ae9bd01c79d605c52184b2bacafe4..759f525496117a4c04f6d5237f2adce046e00793 100644 (file)
--- a/less/002-common.less
+++ b/less/002-common.less
@@ -12,7 +12,7 @@ body {
        background-color: #fff;\r
        font-family: @body-font;\r
        font-size: 14px;\r
-       line-height: 26/14;\r
+       line-height: 1.6;\r
        min-width: @content-min-width;\r
        -moz-text-size-adjust: 100%;\r
        -webkit-text-size-adjust: 100%;\r
@@ -50,9 +50,9 @@ h1, h2 {
        &.title {\r
                color: @color-text;\r
                font-family: @playfair;\r
-               font-size: 60px;\r
+               font-size: 50px;\r
                font-weight: 400;\r
-               line-height: 1.3;\r
+               line-height: 1.2;\r
                .divider(1.4em);\r
 \r
                @media @m900 {\r

diff --git a/less/213-home-customers.less b/less/213-home-customers.less
index 8c6b03367666f00077c4a392ae5d061cfae4ed30..7c5c0d7aebbad1dc5fd378d01be8fc1724734898 100644 (file)
--- a/less/213-home-customers.less
+++ b/less/213-home-customers.less
@@ -21,6 +21,7 @@ section.customers {
 
 .customers-content {
   width: 50%;
+  margin-bottom: 20px;
 
   @media @m900 {
     width: auto;
@@ -29,7 +30,7 @@ section.customers {
   li {
     display: inline-block;
     width: 32%;
-    margin-bottom: 30px;
+    margin-bottom: 20px;
     vertical-align: top;
     padding-right: 20px;
 

diff --git a/less/410-features.less b/less/410-features.less
index baec3d11a9356bd9f5ddabf2aede7340fa3c4824..8ce1229429793467c52e0e801f42c586dc8f97db 100644 (file)
--- a/less/410-features.less
+++ b/less/410-features.less
@@ -7,6 +7,14 @@
 .fonctionnalites {
   .intro {
     position: relative;
+
+    .dotclear p {
+      padding-right: 15px;
+
+      @media @m900 {
+        padding-right: 0;
+      }
+    }
   }
 }