uses current css classes

app/assets/stylesheets/legislation.scss

@@ -10,11 +10,11 @@
 .brand-heading {
   background: $brand;
   margin-bottom: 5rem;
-  
+
   .column {
     padding-top: 10rem;
     padding-bottom: 10rem;
-    
+
     h4 {
       font-weight: 400;
       text-align: center;
@@ -26,29 +26,29 @@
 // 02. Sidebar menu
 // -----------------
 .legislation-categories {
-  
+
   .menu.simple {
     border-bottom: none;
     list-style: none;
     padding-left: 0;
     margin-left: 0;
     margin-top: 0;
-    
+
     @include breakpoint(medium) {
       margin: 1.5rem 0;
     }
-    
+
     li {
       display: block;
       cursor: pointer;
       margin-bottom: 1rem;
-      
+
       @include breakpoint(medium) {
         margin-bottom: 2rem;
         max-width: 80%;
       }
     }
-    
+
     li.active {
       font-weight: 700;
     }
@@ -68,33 +68,9 @@
   padding: 2rem 0 0 0;
 }
 
-.button-legislation {
-  background: white;
-  border: 1px solid #2C9BE5;
-  color: #2C9BE5;
-  display: inline-block;
-  font-weight: 700;
-  margin-top: rem-calc(12);
-  
-  .icon-comments {
-    margin-right: 0.5rem;
-    color: $text-medium;
-    transition: color 0.25s ease-out, color 0.25s ease-out;
-  }
-
-  &:hover, &:active {
-    border: 1px solid lighten(#2C9BE5, 25%);
-    cursor: pointer;
-  }
-  
-  &:hover .icon-comments, &:active .icon-comments {
-    color: white;
-  }
-}
-
 .legislation-text {
   margin-bottom: 1rem;
-  
+
   h3 a {
     color: $black;
   }
@@ -109,21 +85,21 @@
 .legislation-calendar {
   background: #E5ECF2;
   padding-top: 1rem;
-  
+
   h5 {
     margin-left: 0.25rem;
     margin-bottom: 0;
     color: #61686E;
-    
+
     @include breakpoint(medium) {
       margin-left: 0;
     }
   }
-  
+
   p {
     margin-left: 0.25rem;
     font-size: $small-font-size;
-    
+
     @include breakpoint(medium) {
       margin-left: 0;
     }

app/assets/stylesheets/legislation_process.scss

@@ -19,18 +19,6 @@
   background: #E6E6E6;
 }
 
-.center {
-  text-align: center;
-}
-
-.right {
-  text-align: right;
-}
-
-.strong {
-  font-weight: 700;
-}
-
 $epigraph-font-size: rem-calc(15);
 $epigraph-line-height: rem-calc(22);
 
@@ -58,7 +46,7 @@ $epigraph-line-height: rem-calc(22);
       color: #8AA8BE;
     }
   }
-  
+
   #debate-show {
     display: none;
   }
@@ -85,7 +73,7 @@ $epigraph-line-height: rem-calc(22);
       p {
         font-size: $epigraph-font-size;
         line-height: $epigraph-line-height;
-        
+
         @include breakpoint(medium) {
           margin-left: 25%;
         }
@@ -102,7 +90,7 @@ $epigraph-line-height: rem-calc(22);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
   }
 
-  .center .button {
+  .text-center .button {
     background: $brand;
     margin-bottom: 0;
   }
@@ -118,26 +106,26 @@ $epigraph-line-height: rem-calc(22);
 
   .description {
     margin-bottom: 1rem;
-    
+
     p {
       font-size: $epigraph-font-size;
       line-height: $epigraph-line-height;
     }
-    
+
     ul {
       font-size: $epigraph-font-size;
       line-height: $epigraph-line-height;
-      
+
       li {
         margin-bottom: 1rem;
-        
+
         p {
           display: inline;
           margin-bottom: 0;
         }
       }
     }
-    
+
     h4 {
       font-size: $base-font-size;
     }
@@ -170,33 +158,33 @@ $epigraph-line-height: rem-calc(22);
 // -----------------
 .legislation-process-categories {
   position: relative;
-  
+
   .legislation-process-list {
     border-bottom: 1px solid $medium-gray;
     margin: 0 1rem 1rem 1rem;
-    
+    padding-top: 4rem;
+
     @include breakpoint(medium) {
       margin-left: 0;
     }
-    
+
     ul {
       position: relative;
       max-width: 75rem;
       margin-left: auto;
       margin-right: auto;
       list-style: none;
-      padding-top: 4rem;
       padding-left: 0;
       margin-bottom: 0;
-      
+
       @include breakpoint(medium) {
         padding-left: 1rem;
       }
-      
+
       svg {
         position: absolute;
         top: 1.25rem;
-        
+
         @include breakpoint(1280px) {
           transform: rotate(-6deg);
           left: -1rem;
@@ -209,11 +197,11 @@ $epigraph-line-height: rem-calc(22);
         margin: 0 1rem 1rem 0;
         transition: all 0.4s;
         border-bottom: 2px solid transparent;
-        
+
         &:first-of-type {
           margin-left: 0;
         }
-        
+
         &:hover,
         &:active,
         &:focus {
@@ -374,7 +362,7 @@ $epigraph-line-height: rem-calc(22);
   .debate-questions {
     position: relative;
     list-style: none;
-    
+
     .participation-not-allowed {
       padding-bottom: 3rem;
     }
@@ -457,14 +445,14 @@ $epigraph-line-height: rem-calc(22);
 // -----------------
 .legislation-allegation {
   padding-top: 1rem;
-  
+
   #debate-show {
     margin-top: 2rem;
   }
 
   .headline {
     margin-bottom: 0;
-    
+
     .headline-small {
       padding-top: 0.75rem;
     }
@@ -476,10 +464,10 @@ $epigraph-line-height: rem-calc(22);
     width: 30px;
     height: 30px;
     border-radius: 50%;
-    
+
     span {
       padding-left: 1px;
-      
+
       &:before {
         line-height: 1.55;
       }
@@ -619,7 +607,7 @@ $epigraph-line-height: rem-calc(22);
         border-right: 1px solid $border;
       }
     }
-    
+
     .border-left {
       @include breakpoint(medium) {
         border-left: 1px solid $border;
@@ -653,10 +641,10 @@ $epigraph-line-height: rem-calc(22);
         margin-left: 2.25rem;
         margin-top: 1.5rem;
       }
-      
+
       ul {
         list-style: none;
-        
+
         li {
           margin-bottom: 1rem;
         }
@@ -865,18 +853,18 @@ $epigraph-line-height: rem-calc(22);
             float: right;
           }
         }
-        
+
         .comments-wrapper {
           position: relative;
-          
+
           .participation-not-allowed {
             padding: 1.25rem 0.5rem;
           }
         }
-        
+
         .comment-footer {
           position: relative;
-          
+
           .participation-not-allowed {
             font-size: 0.875rem;
             height: 50px;
@@ -1121,7 +1109,7 @@ $epigraph-line-height: rem-calc(22);
 // 10. Legislation draft comment
 // -----------------
 .legislation-comment {
-  
+
   .annotation-share-comment {
     margin-bottom: 2rem;
   }