Convert regs list to list links pattern

Author: anselmbradford

cfgov/regulations3k/jinja2/regulations3k/regulations-listing.html

@@ -20,17 +20,17 @@
 {% if regulations.exists() %}
 <div id="regulations-listing">
     <h4>{{ value.heading or 'Table of contents' }}</h4>
-    <ul>
+    <ul class="m-list m-list--links">
         {% for regulation in regulations %}
-        <li class="h4">
-            <a href="{{ regulation.url }}">
-                <span class="title-num">{{ regulation.title }}</span>
+        <li class="m-list__item">
+            <a class="a-link a-link--jump" href="{{ regulation.url }}">
+                {{ regulation.title }}
             </a>
             {% if regulation.regulation.future_versions %}
-            <ul>
+            <ul class="m-list m-list--links">
             {% for version in regulation.regulation.future_versions %}
-                <li class="new-version">New amendments effective 
-                    <a href="{{ regulation.url }}{{ version.effective_date|string }}/">
+                <li class="m-list__item new-version">New amendments effective
+                    <a class="a-link a-link--jump" href="{{ regulation.url }}{{ version.effective_date|string }}/">
                     {{ ap_date(version.effective_date) }}
                     </a>
                 </li>

cfgov/unprocessed/apps/regulations3k/css/reg-listing.scss

@@ -7,32 +7,11 @@
    ========================================================================== */
 
 #regulations-listing {
-  margin: (math.div(45px, $base-font-size-px) + em) 0
-    (math.div(60px, $base-font-size-px) + em);
-
   > ul {
-    margin-bottom: math.div(30px, $base-font-size-px) + em;
-    padding-left: 0;
-
-    > li {
-      border-bottom: 1px solid var(--gray);
-      list-style-type: none;
-      padding-bottom: math.div(15px, $base-font-size-px) + em;
-
-      &:first-child {
-        border-top: 1px solid var(--gray);
-        padding-top: math.div(15px, $base-font-size-px) + em;
-      }
-    }
-
     .new-version {
       font-size: math.div($size-v, $base-font-size-px) + em;
       font-weight: normal;
       list-style-type: square;
     }
   }
-
-  a {
-    border: 0;
-  }
 }