From d39c2c6e9edb45f4510248236e5c78269928ddb6 Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Tue, 3 Oct 2017 13:55:59 +0200
Subject: [PATCH] cleans css format

---
 app/assets/stylesheets/layout.scss        | 37 ++++++++++++-----------
 app/assets/stylesheets/mixins.scss        |  8 +++--
 app/assets/stylesheets/participation.scss |  2 +-
 3 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 44b450779..b9f79430e 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -343,11 +343,9 @@ a {
 }
 
 .truncate-horizontal-text {
-  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  -ms-text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .align-top {
@@ -633,7 +631,7 @@ header {
     text-align: left;
 
     @include breakpoint(medium) {
-      margin-right: rem-calc(24);
+      margin-right: $line-height;
     }
 
     &:hover {
@@ -2183,9 +2181,10 @@ table {
 }
 
 // 19. Recommended Section Home
-// -----------
+// ----------------------------
 
 .home-page {
+
   .push {
     display: none;
   }
@@ -2219,7 +2218,7 @@ table {
 
     .card-section {
       padding: $line-height 0;
-      max-width: 300px;
+      max-width: rem-calc(300);
       margin: 0 auto;
 
       p {
@@ -2229,10 +2228,10 @@ table {
     }
 
     .orbit {
-      height: 300px;
+      height: rem-calc(300);
 
       .orbit-wrapper {
-        max-height: 250px;
+        max-height: rem-calc(250);
         overflow: hidden;
         position: relative;
       }
@@ -2248,7 +2247,7 @@ table {
     background: image-url('truncate.png');
     background-repeat: repeat-x;
     bottom: 0;
-    height: 20px;
+    height: rem-calc(20);
     position: absolute;
     width: 100%;
   }
@@ -2269,21 +2268,21 @@ table {
   .proposals-inner,
   .budget-investments-inner {
     background: #fff;
-    max-height: 350px;
+    max-height: rem-calc(350);
 
     @include breakpoint(small) {
-      max-height: 400px;
+      max-height: rem-calc(400);
     }
 
     h4 {
       margin-top: $line-height;
       margin-bottom: 0;
       font-size: rem-calc(18);
-      min-height: 50px;
+      min-height: rem-calc(50);
     }
 
     h5 {
-      font-size: rem-calc(14);
+      font-size: $small-font-size;
       text-align: left;
     }
   }
@@ -2291,20 +2290,20 @@ table {
   .carousel-image {
 
     .card .orbit {
-      height: 480px;
+      height: rem-calc(480);
 
       .orbit-wrapper {
-        max-height: 450px;
+        max-height: rem-calc(450);
       }
     }
 
     .debates-inner,
     .proposals-inner,
     .budget-investments-inner {
-      max-height: 500px;
+      max-height: rem-calc(500);
 
       @include breakpoint(small) {
-        max-height: 600px;
+        max-height: rem-calc(600);
       }
     }
   }
@@ -2318,7 +2317,9 @@ table {
   }
 }
 
-// 19. Documents
+// 20. Documents
+// -------------
+
 .documents-list {
 
   table {
diff --git a/app/assets/stylesheets/mixins.scss b/app/assets/stylesheets/mixins.scss
index 1aa51d1a6..ac3c0a923 100644
--- a/app/assets/stylesheets/mixins.scss
+++ b/app/assets/stylesheets/mixins.scss
@@ -2,7 +2,8 @@
 //
 // 01. Logo
 // 02. Orbit bullets
-//
+// 03. Direct uploads
+// ------------------
 
 // 01. Logo
 // --------
@@ -34,6 +35,7 @@
 
 // 02. Orbit bullet
 // ----------------
+
 @mixin orbit-bullets {
   @include disable-mouse-outline;
   position: relative;
@@ -59,8 +61,9 @@
   }
 }
 
-// 02. Direct uploads
+// 03. Direct uploads
 // ------------------
+
 @mixin direct-uploads {
 
   .cached-image {
@@ -133,5 +136,4 @@
   .loading-bar.no-transition {
     transition: none;
   }
-
 }
diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss
index b1edc246d..c0eb6eed7 100644
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -825,7 +825,7 @@
     background: image-url('truncate.png');
     background-repeat: repeat-x;
     bottom: 0;
-    height: 24px;
+    height: rem-calc(24);
     position: absolute;
     width: 100%;
   }