From 11bdcc90cfce25c36626f13f797379b3466ba0e2 Mon Sep 17 00:00:00 2001
From: Alberto Garcia Cabeza <alberto@decabeza.es>
Date: Fri, 27 Nov 2015 18:18:46 +0100
Subject: [PATCH] Refactors a little of SCSS for header

---
 app/assets/images/header_logo_madrid.png | Bin 4176 -> 3066 bytes
 app/assets/stylesheets/layout.scss       | 152 +++++++----------------
 app/assets/stylesheets/variables.scss    |   3 +-
 app/views/layouts/_header.html.erb       |   2 +-
 config/locales/es.yml                    |   2 +-
 5 files changed, 47 insertions(+), 112 deletions(-)

diff --git a/app/assets/images/header_logo_madrid.png b/app/assets/images/header_logo_madrid.png
index 8ce7251efaad4b29c230c22bd6287f9ca30d2b9f..50e388cad6dcf5cab1455da1647df3e0035aa3b5 100644
GIT binary patch
delta 2388
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
PM+rb7JCG`gK3D$-ol8Ig

delta 3506
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

diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 0be3d4eea..ceab7e12f 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -38,32 +38,24 @@
 }
 
 @mixin logo {
+  color: white;
+  font-family: 'Lato' !important;
+  font-weight: lighter;
 
-  a {
-    color: white;
-    font-family: 'Lato' !important;
-    font-size: rem-calc(20);
-    font-weight: lighter;
-    line-height: $line-height*4;
-    padding-left: rem-calc(6);
+  @media (min-width: $small-breakpoint) {
+    font-size: rem-calc(24);
+    line-height: rem-calc(48);
+  }
 
-    span {
-      opacity: .5;
-
-      &.logo-site {
-        font-size: rem-calc(16);
-        font-weight: lighter;
-        opacity: 1;
-        vertical-align: top;
-      }
-    }
+  img {
+    height: 48px;
+    width: 48px;
 
     @media (min-width: $small-breakpoint) {
-      font-size: rem-calc(28);
-
-      span {
-        font-size: rem-calc(20);
-      }
+      height: 80px;
+      margin-right: rem-calc(12);
+      margin-top: 0;
+      width: 80px;
     }
   }
 }
@@ -392,27 +384,13 @@ header {
   }
 
   .selected {
+    border-bottom: 2px solid white;
+    padding-bottom: rem-calc(2);
     position: relative;
-
-    &:before {
-      top: -14px;
-      left: 50%;
-      border: solid transparent;
-      content: " ";
-      height: 0;
-      width: 0;
-      position: absolute;
-      border-top-color: white;
-      border-width: 8px;
-      margin-left: -8px;
-    }
   }
 
   .locale {
     float: none;
-    height: rem-calc(48);
-    padding-top: rem-calc(3);
-    text-align: center;
 
     @media (min-width: $small-breakpoint) {
       float: left;
@@ -427,7 +405,7 @@ header {
 
   .external-links {
     float: none;
-    padding: rem-calc(12) 0;
+    padding: rem-calc(6) 0;
     text-align: center;
 
     @media (min-width: $small-breakpoint) {
@@ -447,73 +425,33 @@ header {
 }
 
 .contain-to-grid {
-  background: #112E51;
+  background: $brand;
 }
 
 .top-bar {
-  background: #112E51 !important;
+  background: $brand !important;
   color: white;
-  height: rem-calc(48);
+  min-height: rem-calc(48);
   max-width: 1170px !important;
   padding: 0 rem-calc(12);
 
   @media (min-width: $small-breakpoint) {
-    height: rem-calc(96);
+    height: auto;
+    padding: 0;
   }
 
   .name {
-    height: rem-calc(48);
+
+    @media (min-width: $small-breakpoint) {
+      margin-left: rem-calc(12);
+    }
 
     a {
-      color: white;
-      font-family: 'Lato';
-      font-size: rem-calc(16);
-      font-weight: lighter;
-      line-height: $line-height*2;
-
-      span {
-        *display: inline; /* IE */
-        opacity: .5;
-
-        &.logo-site {
-          *display: inline; /* IE */
-          font-size: rem-calc(14);
-          opacity: 1;
-        }
-      }
+      @include logo;
+      line-height: rem-calc(48);
 
       @media (min-width: $small-breakpoint) {
-        font-size: rem-calc(24);
-        line-height: $line-height*4;
-
-        span, span.logo-site {
-          font-size: rem-calc(16);
-        }
-      }
-
-      @media (min-width: $medium-breakpoint) {
-        font-size: rem-calc(30);
-        line-height: $line-height*4;
-
-        span, span.logo-site {
-          font-size: rem-calc(20);
-        }
-      }
-
-      img {
-        height: 48px;
-        width: 48px;
-
-        @media (min-width: $small-breakpoint) {
-          margin-top: rem-calc(24);
-        }
-
-        @media (min-width: $medium-breakpoint) {
-          height: 96px;
-          margin-right: rem-calc(12);
-          margin-top: 0;
-          width: 96px;
-        }
+        line-height: rem-calc(80);
       }
     }
   }
@@ -558,9 +496,10 @@ header {
 
   ul {
     margin-left: 0;
+    margin-right: rem-calc(12);
 
     @media (min-width: $small-breakpoint) {
-      margin-left:rem-calc(24);
+      margin-left: rem-calc(24);
     }
   }
 
@@ -581,10 +520,11 @@ header {
 
     @media (min-width: $small-breakpoint) {
       &.button {
-        background: $brand;
+        background: white;
         border-radius: rem-calc(3);
+        color: $brand;
         line-height: rem-calc(15);
-        margin-top: rem-calc(24);
+        margin-top: rem-calc(16);
         padding-left: rem-calc(15);
         text-align: center;
       }
@@ -600,12 +540,11 @@ header {
   }
 
   ul li, ul li:hover:not(.has-form) > a:not(.button) {
-    line-height: $line-height;
 
     @media (min-width: $small-breakpoint) {
       background: none;
       border: 0;
-      line-height: $line-height*4;
+      line-height: rem-calc(80);
     }
   }
 
@@ -622,7 +561,7 @@ header {
       padding: rem-calc(12) 0;
 
       @media (min-width: $small-breakpoint) {
-        line-height: $line-height*4;
+        line-height: rem-calc(80);
         padding: 0 rem-calc(12);
       }
 
@@ -643,21 +582,22 @@ header {
 }
 
 .top-links {
-  background: #0B0C0C;
+  background: $dark;
   color: white;
   font-size: rem-calc(14);
-
-  .row {
-    padding: 0 rem-calc(12);
-  }
+  padding-right: rem-calc(12);
 
   a {
     color: white;
+    margin: 0 rem-calc(6);
 
     &:hover {
       text-decoration: underline;
     }
   }
+  .social {
+    padding-top: rem-calc(6);
+  }
 }
 
 .subnavigation-container {
@@ -850,13 +790,6 @@ footer {
 
   h1 {
     @include logo;
-
-    a {
-
-      span.logo-site {
-        vertical-align: middle;
-      }
-    }
   }
 }
 
@@ -911,6 +844,7 @@ form.locale-form {
       background-color: transparent;
       border: 0;
       color: white;
+      margin-bottom: 0;
       outline: none;
       padding-left: rem-calc(3);
       padding-right: rem-calc(24);
diff --git a/app/assets/stylesheets/variables.scss b/app/assets/stylesheets/variables.scss
index b7077e54b..b5556477f 100644
--- a/app/assets/stylesheets/variables.scss
+++ b/app/assets/stylesheets/variables.scss
@@ -19,8 +19,9 @@ $line-height: rem-calc(24);
 
 $body:              #E9E9E9;
 $background:        #EDEFF0;
+$dark:              #0B0C0C;
 $border:            #DEE0E3;
-$brand:             #0077B9;
+$brand:             #004A83;
 
 $text:              #222222;
 $text-medium:       #999999;
diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index 7bba71b76..8c62cf434 100644
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -35,7 +35,7 @@
         <li class="toggle-topbar menu-icon"><a href="#"><span><%= t("application.menu")%></span></a></li>
         <li class="name">
           <%= link_to root_path do %>
-            <%= image_tag('header_logo_madrid.png', class: 'show-for-medium-up left', size: '96x96', alt: t("layouts.header.logo")) %>
+            <%= image_tag('header_logo_madrid.png', class: 'show-for-medium-up left', size: '80x80', alt: t("layouts.header.logo")) %>
 
             <% if transparency_page? %>
               <%= t("layouts.header.open_gov", open: "#{t('layouts.header.open')}") %> <span>|</span>
diff --git a/config/locales/es.yml b/config/locales/es.yml
index 483a0c313..be8dcca77 100644
--- a/config/locales/es.yml
+++ b/config/locales/es.yml
@@ -14,7 +14,7 @@ es:
       external_link_blog_url: "/blog"
       open_gov: "Gobierno %{open}"
       open: "abierto"
-      participation_html: "Madrid <strong>Decide</strong>"
+      participation_html: "Madrid Decide"
       transparency: "Transparencia"
       open_data: "Datos abiertos"
       open_city_title: "La ciudad que quieres será la ciudad que quieras."