From fed1bcef4cf27661627cce1a26d40c21613a06bb Mon Sep 17 00:00:00 2001
From: Philippe Barbosa <contact@philippebarbosa.com>
Date: Thu, 3 Mar 2016 18:03:13 +0100
Subject: [PATCH] Footer styles

---
 .../static/scss/components/_footers.scss      | 30 +++++++-
 app/templates/pages/menus/footer.html         | 73 ++++++++++---------
 2 files changed, 65 insertions(+), 38 deletions(-)

diff --git a/app/festival/static/scss/components/_footers.scss b/app/festival/static/scss/components/_footers.scss
index 1821b0b8..0cdf19b8 100755
--- a/app/festival/static/scss/components/_footers.scss
+++ b/app/festival/static/scss/components/_footers.scss
@@ -51,7 +51,8 @@
   font-size: .75rem;
   text-align: center;
   font-family: $header_font_family;
-  color: $footer_color;
+  color: darken($footer_background_color, 30);
+  text-transform: uppercase;
 }
 
 .footer-nav {
@@ -76,7 +77,7 @@
 /* _Theme
 ---------------------------------- */
 
-.nav-footer {
+.nav__footer {
   display: block;
   text-align: center;
 
@@ -86,4 +87,29 @@
     *zoom: 1;
     padding: .3rem 1rem;
   }
+
+  &__item {
+    width: 50%;
+    @media (min-width : $tablet ) {
+      width: 33%;
+    }
+    @media (min-width : $tablet ) {
+      padding: 1rem;
+      width: 25%;
+    }
+    @media (min-width : $desktop ) {
+        width: auto;
+    }
+
+    &__link {
+      padding: .75rem;
+      display: block;
+      @media (min-width : $tablet ) {
+        padding: 1rem;
+      }
+      @media (min-width : $desktop ) {
+        padding: .5rem;
+      }
+    }
+  }
 }
\ No newline at end of file
diff --git a/app/templates/pages/menus/footer.html b/app/templates/pages/menus/footer.html
index f9075860..4cbb6a82 100644
--- a/app/templates/pages/menus/footer.html
+++ b/app/templates/pages/menus/footer.html
@@ -1,45 +1,46 @@
 {% load i18n pages_tags %}
-
 {% spaceless %}
-{% if page_branch_in_menu %}
-
-{% for page in page_branch %}
-    {% if page.is_primary %}
-        {% if forloop.first %}
-            <div class="nav-footer">
-        {% endif %}
-        {% if page.in_menu %}
-            <ul class="list-unstyled">
-        {% endif %}
-    {% endif %}
-
-    {% if page.in_menu %}
-        {% if forloop.first and not page.parent.in_menu and not page.is_primary %}
-            <ul class="list-inline">
-        {% endif %}
-        <li {% if page.is_current_or_ascendant %}class="active"{% endif %}
-            id="footer-menu-{{ page.html_id }}">
-            <a href="{{ page.get_absolute_url }}">{{ page.title }}</a></li>
-    {% endif %}
 
-    {% if page.in_menu and page.has_children_in_menu %}{% page_menu page %}{% endif %}
-
-    {% if page.in_menu %}
-        {% if forloop.first and not page.parent.in_menu and not page.is_primary %}
-            </li></ul>
-        {% endif %}
-    {% endif %}
-
-    {% if page.is_primary %}
-        {% if page.in_menu %}
+{% if page_branch_in_menu %}
+    {% for page in page_branch %}
+        {% if page.is_primary %}
+            {% if forloop.first %}
+            <div class="nav__footer">
+            <ul class="nav__footer__list  list-inline">
+            {% endif %}
+
+            {% if page.in_menu %}
+            {# <ul class="list-unstyled"> #}
+            {% endif %}
+            {% endif %}
+
+            {% if page.in_menu %}
+            {% if forloop.first and not page.parent.in_menu and not page.is_primary %}
+            {% endif %}
+            <li class="nav__footer__item {% if page.is_current_or_ascendant %}is-active{% endif %}" id="footer-menu-{{ page.html_id }}">
+                <a class="nav__footer__item__link" href="{{ page.get_absolute_url }}">{{ page.title }}</a>
+            </li>
+            {% endif %}
+
+            {% if page.in_menu and page.has_children_in_menu %}{% page_menu page %}{% endif %}
+
+            {% if page.in_menu %}
+            {% if forloop.first and not page.parent.in_menu and not page.is_primary %}
+            {# </li> #}
+            {% endif %}
+            {# </ul> #}
+            {% endif %}
+
+            {% if page.is_primary %}
+            {% if page.in_menu %}
+            {# </ul> #}
+            {% endif %}
+            {% if forloop.last %}
             </ul>
-        {% endif %}
-        {% if forloop.last %}
             </div>
+            {% endif %}
         {% endif %}
-    {% endif %}
-
-{% endfor %}
 
+    {% endfor %}
 {% endif %}
 {% endspaceless %}
-- 
2.39.5