diff --git a/_pages/cases.md b/_pages/cases.md index 074c37bbb..4a72bceb2 100644 --- 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) View all press releases diff --git a/assets/images/book-circle.svg b/assets/images/book-circle.svg new file mode 100644 index 000000000..90faca4ce --- /dev/null +++ b/assets/images/book-circle.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/sass/custom/_buttons.scss b/assets/sass/custom/_buttons.scss index f484a1eb8..651869dca 100644 --- 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;