Add legislation allegations draft change page

app/assets/stylesheets/legislation_process.scss

@@ -7,6 +7,7 @@
 // 05. Debate quiz
 // 06. Legislation draft
 // 07. Legislation allegations
+// 08. Legislation changes
 //
 
 // 01. Utils
@@ -898,3 +899,51 @@
     }
   }
 }
+
+// 08. Legislation changes
+// -----------------
+.legislation-changes {
+  ul {
+    list-style: none;
+    margin-left: 0;
+    
+    li {
+      margin-bottom: 1rem;
+      
+      &::before {
+        margin-right: 0.25rem;
+        content: "—"
+      }
+      
+      .changes-link {
+        display: block;
+        margin-left: 1rem;
+        font-size: $small-font-size;
+        
+        @include breakpoint(medium) {
+          display: inline-block;
+        }
+        
+        a {          
+          span {
+            text-decoration: underline;
+          }
+          
+          .icon-external {
+            text-decoration: none;
+            color: #999999;
+            line-height: 0;
+            vertical-align: sub;
+            margin-left: 0.5rem;
+          }
+          
+          &:active,
+          &:focus,
+          &:hover {
+            text-decoration: none;
+          }
+        }
+      }
+    }
+  }
+}

app/views/sandbox/legislation_allegations.html.erb

@@ -58,7 +58,7 @@
             <option value="1">número 2 del borrador</option>
             <option value="2">número 1 del borrador</option>
           </select>
-          <span><a href="">ver resumen de cambios</a></span>
+          <span><a href="legislation_draft_changes.html">ver resumen de cambios</a></span>
         </div>
         <span>actualizada el 13 nov 2017</span>
       </div>

app/views/sandbox/legislation_draft_changes.html.erb

@@ -0,0 +1,83 @@
+<div class="legislation-hero legislation-allegation no-margin-top grey-heading">
+  <div class="row headline">
+    <div class="small-12 medium-7 column">
+      <h3>
+        Licencias urbanísticas, declaraciones responsables y comunicaciones previas
+      </h3>
+    </div>
+    <div class="small-12 medium-4 column right">
+      <a class="button-subscribed expanded button strong" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="/proposals/6-soluta-sed-sapiente-dolores/vote?value=yes">
+        <span class="icon-checkmark-circle" aria-hidden="true"></span>
+        <h3>Suscrito</h3>
+      </a>
+    </div>
+  </div>
+  
+  <div class="center half-gradient">
+    <a class="button big center button-circle" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="/proposals/6-soluta-sed-sapiente-dolores/vote?value=yes">
+      <span class="icon-angle-down" aria-hidden="true"></span>
+    </a>
+  </div>
+</div>
+
+<div class="column row">
+  <ul class="legislation-process-categories">
+    <li>
+      <a href="legislation_debate.html">
+        <h4>Fase debate previo</h4>
+        <p>15 nov 2015 - 15 dic 2016</p>
+      </a>
+    </li>
+    <li>
+      <a href="legislation_draft.html">
+        <h4>Publicación borrador</h4>
+        <p>15 nov 2015 - 15 dic 2016</p>
+      </a>
+    </li>
+    <li class="active">
+      <a href="#">
+        <h4>Fase alegaciones</h4>
+        <p>15 nov 2015 - 15 dic 2016</p>
+      </a>
+    </li>
+    <li>
+      <a href="#">
+        <h4>Publicación resultados</h4>
+        <p>15 nov 2015 - 15 dic 2016</p>
+      </a>
+    </li>
+  </ul>
+  
+  <div class="draft-panels small-12 column row">
+    <div class="row draft-chooser">
+      <div class="small-12 medium-9 column">
+        <h3>Estás viendo la revisión</h3>
+        <div class="select-box">
+          <select aria-label="Seleccionar borrador">
+            <option selected="">número 3 del borrador</option>
+            <option value="1">número 2 del borrador</option>
+            <option value="2">número 1 del borrador</option>
+          </select>
+        </div>
+        <span>actualizada el 13 nov 2017</span>
+      </div>
+      <div class="small-12 medium-3 column">
+        <a class="button strong" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="#">Ver todos los comentarios</a>
+      </div>
+    </div>
+    
+    <div class="row">
+      <div class="small-12 medium-8 column legislation-changes">
+        <p>El 12 nov 2016 se publica un nuevo borrador de la normativa sobre Licencias urbanísticas, que incorpora las aportaciones de la ciudadanía realizadas a través de la web de decide.madrid.es. A continuación se detallan los principales cambios que se han introducido en el texto:</p>
+        
+        <ul>
+          <li>Se detalla el ámbito de actuación <span class="changes-link"><a href="#"><span>ver apartado</span> <span class="icon-external" aria-hidden="true"></span></a></span></li>
+          <li>Se reescribe la introducción al Capítulo I para incorporar sugerencias ciudadanas <span class="changes-link"><a href="#"><span>ver apartado</span> <span class="icon-external" aria-hidden="true"></span></a></span></li>
+          <li>Se detalla el ámbito de actuación <span class="changes-link"><a href="#"><span>ver apartado</span> <span class="icon-external" aria-hidden="true"></span></a></span></li>
+          <li>Se reescribe la introducción al Capítulo I para incorporar sugerencias ciudadanas <span class="changes-link"><a href="#"><span>ver apartado</span> <span class="icon-external" aria-hidden="true"></span></a></span></li>
+          <li>Se detalla el ámbito de actuación <span class="changes-link"><a href="#"><span>ver apartado</span> <span class="icon-external" aria-hidden="true"></span></a></span></li>
+          <li>Se reescribe la introducción al Capítulo I para incorporar sugerencias ciudadanas <span class="changes-link"><a href="#"><span>ver apartado</span> <span class="icon-external" aria-hidden="true"></span></a></span></li>
+        </ul>
+      </div>
+    </div>
+</div>