Responsive behaviour and button styles. WIP #4 @1.5

diff --git a/framework/application/views/helpers/HomeServices.php b/framework/application/views/helpers/HomeServices.php
index 076e32c6cd0d1be3ceb4835ad046c562484a9ca8..60da2352ee987d490c15ff4bf041483928518ff6 100644 (file)
--- a/framework/application/views/helpers/HomeServices.php
+++ b/framework/application/views/helpers/HomeServices.php
@@ -10,11 +10,11 @@ class Fluidbook_View_Helper_HomeServices extends Fluidbook_View_Helper_HomeLayer
 \r
                $this->data = $data;\r
 \r
-        $res .= '<div class="left">';\r
+        $res .= '<div class="text">';\r
         $res .= $this->_leftText();\r
-        $res .= '</div>'; // .left\r
+        $res .= '</div>'; // .text\r
 \r
-        $res .= '<div class="right">';\r
+        $res .= '<div class="carousel">';\r
 \r
         $res .= '<div class="services-examples">';\r
 \r
@@ -28,7 +28,7 @@ class Fluidbook_View_Helper_HomeServices extends Fluidbook_View_Helper_HomeLayer
 \r
         $res .= '<ul class="services-examples-nav" style="color: '. $data['themecolor'] .'"></ul>'; // Populated by JS\r
 \r
-        $res .= '</div>'; // .right\r
+        $res .= '</div>'; // .carousel\r
 \r
 \r
         return $this->_layer($res, 'services');\r

diff --git a/js/214-home-services.js b/js/214-home-services.js
index 3a6ea6346cc47d45e38dd98f00b8fe6f979d60c8..2bc1f2c4e8ced8ed106421a3970f23a36dd10efd 100644 (file)
--- a/js/214-home-services.js
+++ b/js/214-home-services.js
@@ -40,7 +40,6 @@ function initCarousel() {
         var index = 0;
 
         var showNext = function () {
-            fb('calling showNext on index: ' +index);
             loadSlide('#example' + index);
             // increment the index - if it is beyond the number of li's - reset it to 0
             if (++index >= $items.length) index = 0;

diff --git a/less/210-home.less b/less/210-home.less
index fbe95e99b605b54c2d10b4db6693aff2b40b3d9f..ec3563bbd85b8a1d2de6443c52ab3c6974579ebe 100644 (file)
--- a/less/210-home.less
+++ b/less/210-home.less
@@ -29,6 +29,7 @@
 \r
        .btn {\r
                .button();\r
+               .longarrow-button(20px, 40px, 18px);\r
         color: #fff;\r
         margin-top: 30px;\r
        }\r

diff --git a/less/213-home-customers.less b/less/213-home-customers.less
index 23763c236320f874779dbf1004b036f4da84539a..8c6b03367666f00077c4a392ae5d061cfae4ed30 100644 (file)
--- a/less/213-home-customers.less
+++ b/less/213-home-customers.less
@@ -6,6 +6,7 @@ section.customers {
     .button();
     color: #fff;
     margin-bottom: 20px;
+    .longarrow-button(20px, 40px, 18px);
   }
 
   .btn.more {
@@ -13,6 +14,7 @@ section.customers {
     border: 1px solid @color-text;
     line-height: 52px;
     margin: 0 20px;
+    .longarrow-button(20px, 40px, 18px);
   }
 }
 

diff --git a/less/214-home-services.less b/less/214-home-services.less
index c6ab38af69fb62c2d94eaaad19d7770ba1899e28..07cd340bbb0f7835b397a358aca91760e541dfb2 100644 (file)
--- a/less/214-home-services.less
+++ b/less/214-home-services.less
@@ -1,13 +1,29 @@
 @import "000-imports";
 
 section.services {
-  .content-inner {
 
+  .content-inner {
+    @media @m900 {
+      padding-bottom: 0;
+    }
   }
-  .left, .right {
+
+  .text, .carousel {
     display: inline-block;
     width: 50%;
     vertical-align: top;
+
+    @media @m900 {
+      width: 100%;
+    }
+  }
+  .text {
+    padding-right: 30px;
+
+    @media @m900 {
+      padding-right: 0;
+      margin-bottom: 30px;
+    }
   }
 }