Styles the "Press release" section of cases

- 🌎 The cases page is getting a makeover - ⛔ This "Press release" section needs styling - ✅ This commit styles it
usdoj-crt · Nov 18, 2024 · 619cd99 · 619cd99
1 parent 6f250b4
commit 619cd99
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 4 deletions.
diff --git a/_pages/cases.md b/_pages/cases.md
@@ -73,10 +73,8 @@ lead: |-
 ## Press Release
 
 - [Justice Department Secures Agreements With Texas Counties To Ensure Election Website Accessibility For People With Disabilities
-  ](https://www.justice.gov/opa/pr/justice-department-secures-agreements-texas-counties-ensure-election-website-accessibility)
-  - [Read More](https://www.justice.gov/opa/pr/justice-department-secures-agreements-texas-counties-ensure-election-website-accessibility)
-- [Justice Department Secures Landmark Agreement with City of Anoka, Minnesota, to End Disability Discrimination in “Crime-Free” Housing Program](https://www.justice.gov/opa/pr/justice-department-secures-landmark-agreement-city-anoka-minnesota-end-disability)
-  - [Read More](https://www.justice.gov/opa/pr/justice-department-secures-landmark-agreement-city-anoka-minnesota-end-disability)
+  ](https://www.justice.gov/opa/pr/justice-department-secures-agreements-texas-counties-ensure-election-website-accessibility) [Read More](https://www.justice.gov/opa/pr/justice-department-secures-agreements-texas-counties-ensure-election-website-accessibility)
+- [Justice Department Secures Landmark Agreement with City of Anoka, Minnesota, to End Disability Discrimination in “Crime-Free” Housing Program](https://www.justice.gov/opa/pr/justice-department-secures-landmark-agreement-city-anoka-minnesota-end-disability) [Read More](https://www.justice.gov/opa/pr/justice-department-secures-landmark-agreement-city-anoka-minnesota-end-disability)
 
 <a href="https://www.justice.gov/news/press-releases" class="view-all-button">View all press releases</a>
 

diff --git a/assets/images/book-circle.svg b/assets/images/book-circle.svg
diff --git a/assets/sass/custom/_buttons.scss b/assets/sass/custom/_buttons.scss
@@ -190,6 +190,52 @@ span.usa-sr-only {
   }
 }
 
+.readlinks {
+  ul {
+    display: grid;
+    @include at-media(mobile) {
+      grid-template-columns: auto;
+    }
+    @include at-media(tablet) {
+      grid-template-columns: auto auto;
+    }
+    @include at-media(desktop) {
+      grid-template-columns: auto auto;
+    }
+    column-gap: 3em;
+    list-style: none;
+    padding: 0;
+
+    li {
+      border: 1px solid #D9D9D9;
+      margin-bottom: 3em;
+      background: url("../images/book-circle.svg") 1em 1em no-repeat;
+      padding: 1em;
+      padding-left: calc(67px + 2em);
+
+      a:first-child {
+        display: block;
+        font-size: 22px;
+        color: #162E51;
+        text-decoration: none;
+      }
+
+      a:last-child {
+        width: fit-content;
+        display:block;
+        font-weight: bold;
+        margin-top: 1em;
+        background-color: #005EA2;
+        color: white;
+        border-radius: 4px;
+        padding: 0.75em 1.5em;
+        text-decoration: none;
+      }
+    }
+  }
+}
+
+
 .view-all-button, .view-all-button:visited, .view-all-button:hover {
   width: fit-content;
   background-color: white;