Footer styles

diff --git a/app/festival/static/scss/components/_footers.scss b/app/festival/static/scss/components/_footers.scss
index 1821b0b8c9e17917a0300c7f2b1fbf24aacfc7c1..0cdf19b8821535eb7d72c4c6fc652f9ac5ff7f34 100755 (executable)
--- 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 f90758603783edf5151c0026fcb58f11431c8684..4cbb6a820a3c1eda288b17ad377981aac48035ba 100644 (file)
--- 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 %}