Adds foundation 6 🎉

app/assets/stylesheets/participation.scss

@@ -275,7 +275,6 @@
 .debate-new, .debate-edit,
 .proposal-new, .proposal-edit,
 .spending-proposal-new, .spending-proposal-edit  {
-  padding-top: $line-height;
 
   .back {
     @include back;
@@ -337,15 +336,6 @@
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
 .debate-show, .proposal-show {
-  padding-top: rem-calc(12);
-
-  .back, .icon-angle-left {
-    @include back;
-  }
-
-  h4 {
-    margin: rem-calc(12) 0;
-  }
 
   .edit-debate, .edit-proposal {
     margin-bottom: 0;
@@ -355,7 +345,7 @@
     clear: both;
     color: $text-medium;
     font-size: $small-font-size;
-    line-height: $line-height*2;
+    min-height: $line-height*2;
     position: relative;
 
     a {
@@ -433,8 +423,8 @@
   .document-link, .video-link {
     border: 1px solid $border;
     display: block;
-    margin-top: rem-calc(12);
-    padding: rem-calc(12);
+    margin: $line-height/2 0;
+    padding: $line-height/2;
     position: relative;
 
     a {
@@ -478,7 +468,7 @@
       padding: rem-calc(24);
     }
 
-    @media (min-width: $small-breakpoint  + em-calc(1)) and (max-width:$medium-breakpoint) {
+    @media (min-width: $small-breakpoint  + rem-calc(1)) and (max-width:$medium-breakpoint) {
       .in-favor, .against {
         text-align: left;
         width: rem-calc(100);
@@ -595,6 +585,7 @@
     .debate-content, .proposal-content {
       margin: 0;
       min-height: rem-calc(180);
+      position: relative;
 
       .tags {
         display: block;
@@ -610,12 +601,12 @@
 
     .icon-debates {
       color: $debates;
-      left: rem-calc(60);
+      left: rem-calc(48);
     }
 
     .icon-proposals {
       color: $proposals;
-      left: rem-calc(88);
+      left: rem-calc(72);
     }
 
     .debate-info, .proposal-info {
@@ -807,10 +798,6 @@
 .featured-debates, .featured-proposals {
   padding: $line-height/2 0;
 
-  @media (min-width: $small-breakpoint) {
-    margin-top: $line-height !important;
-  }
-
   @media (min-width: $medium-breakpoint) {
     margin-left: 0 !important;
     margin-right: 0 !important;