[REFACTOR] footer

t3kit · May 18, 2016 · ea1d4a0 · ea1d4a0
1 parent a89eeda
commit ea1d4a0
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 60 deletions.
diff --git a/dev/styles/main/footer/footer.less b/dev/styles/main/footer/footer.less
@@ -56,6 +56,7 @@
 // =================================
 .footer__quick-links{
 }
+
 .footer__quick-links .ce-menu{
     list-style: none;
     margin: 0;
@@ -77,6 +78,15 @@
     color: @footer-link-hover-color;
 }
 
+@media (max-width: 460px) {
+    .footer__quick-links{
+        text-align: center;
+    }
+    .footer__quick-links h4 {
+        border: none;
+    }
+}
+
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------
 
@@ -96,35 +106,18 @@
 // =================================
 // === Footer Social-icons==========
 // =================================
-.footer__social-icons .social-icons {
-    padding: 0;
-    text-align: right;
+@media (min-width: 992px) {
+    .footer__social-icons .social-icons {
+        padding: 0;
+        text-align: right;
+    }
+
 }
 
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------
 
 
-// =================================
-// === Footer Map ==================
-// =================================
-//     .footer__map{
-//     }
-//     .footer__map-icon{
-//         font-size: 32px;
-//         line-height: 1;
-//         color: @main-color;
-//         background: darken(@footer-background, 5%);
-//         margin-left: 20px;
-//         width: 60px;
-//         height: 60px;
-//         border-radius: 30px;
-//         display: block;
-//         line-height: 60px;
-//         text-align: center;
-//     }
-
-
 // =================================
 // === Footer Bottom ===============
 // =================================
@@ -143,9 +136,7 @@
     padding-top: 12px;
     border-top: 1px solid lighten(@footer-background, 20%);
 }
-// .footer__bottom-copyright > p{
-//     color: darken(@footer-color, 25%);
-// }
+
 .footer__bottom-nav .ce-menu{
     padding: 0;
     text-align: center;
@@ -182,5 +173,22 @@
     }
 
 }
+
+@media (max-width: 991px) {
+    .footer__logo-contacts {
+        text-align: center;
+    }
+    .footer__logo-contacts .ce-textpic .ce-gallery{
+        float: none;
+
+    }
+
+    .footer__logo-contacts .ce-gallery .ce-column {
+        float: none;
+    }
+    .footer__logo-contacts .ce-gallery .ce-column img {
+        margin: 0 auto;
+    }
+}
 // -----------------------------------------------------------------------------
 // -----------------------------------------------------------------------------
diff --git a/dev/templates/parts/footer/footer.hbs b/dev/templates/parts/footer/footer.hbs
@@ -1,56 +1,25 @@
 <footer class="footer">
-    <!-- <div class="container">
-        <div class="row">
-            <div class="col-md-6 footer__about">
-                <h4>About t3kit</h4>
-                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiumdod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis no strud exercitation ullamco laboris nisi ut.</p>
-                <a href="">Read more about us</a>
-            </div>
-            <div class="col-md-6 footer__contact">
-                <h4>Contact us</h4>
-                <div class="row">
-                    <div class=" col-xs-4 col-md-4 ">
-                        <p>t3kit <br>Regementsgatan 8 <br>211 42 Malmö, <br>Sweden</p>
-                    </div>
-                    <div class="col-xs-2 col-md-2 ">
-                        <div class="footer__map">
-                            <a class="footer__map-icon icons icon-t3-map" href="#"></a>
-                        </div>
-                    </div>
-                    <div class="col-xs-12 col-md-6">
-                        <ul class="nav contact-links" >
-                            <li>
-                            <p><span class="icons icon-t3-mobile"></span><span>CALL US ON</span> <a href="tel:+46-40-617-1230">tel:+46 (40) 617-1230</a></p>
-                            </li>
-                            <li><p><span class="icons icon-t3-mail"></span><span>EMAIL US AT</span> <a href="#">info@info.se</a></p>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div> -->
     <div class="container">
         <div class="row ">
             <div class="col-md-6 footer__quick-links">
                 <div class="row">
-                    <div class="col-md-4">
+                    <div class="col-sm-4">
                         <h4>t3kit</h4>
                         <ul class="ce-menu ce-menu-1">
                             <li><a href="">Typical page content</a></li>
                             <li><a href="">Special Elements</a></li>
                             <li><a href="">Form Elements</a></li>
                         </ul>
                     </div>
-                    <div class="col-md-4">
+                    <div class="col-sm-4">
                         <h4>Quick links</h4>
                         <ul class="ce-menu ce-menu-1">
                             <li><a href="">Typical page content</a></li>
                             <li><a href="">Special Elements</a></li>
                             <li><a href="">Form Elements</a></li>
                         </ul>
                     </div>
-                    <div class="col-md-4">
+                    <div class="col-sm-4">
                         <h4>Quick links</h4>
                         <ul class="ce-menu ce-menu-1">
                             <li><a href="">Typical page content</a></li>