From accac619f00d5bae16332dd5caa1960112280798 Mon Sep 17 00:00:00 2001 From: Ryan Dee Date: Thu, 10 Sep 2026 13:45:42 -0500 Subject: [PATCH 1/2] =?UTF-8?q?Restore=20role=3D=E2=80=9Clist=E2=80=9D=20s?= =?UTF-8?q?tyles?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- scss/generic/_attributes.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/scss/generic/_attributes.scss b/scss/generic/_attributes.scss index f29bda2e..91ef2978 100644 --- a/scss/generic/_attributes.scss +++ b/scss/generic/_attributes.scss @@ -24,3 +24,10 @@ display: block !important; visibility: hidden !important; } + + +// Fix list-style: none in VoiceOver and Safari: https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html +[role="list"] { + list-style: none; + padding-left: 0; +} From 37fc7ecf2d837b24c9a3eea2372fcab89689665f Mon Sep 17 00:00:00 2001 From: Ryan Dee Date: Thu, 10 Sep 2026 13:54:11 -0500 Subject: [PATCH 2/2] Remove deprecated lists styles --- scss/deprecated/_index.scss | 1 - scss/deprecated/_lists.scss | 12 ------------ 2 files changed, 13 deletions(-) delete mode 100644 scss/deprecated/_lists.scss diff --git a/scss/deprecated/_index.scss b/scss/deprecated/_index.scss index a144e448..2699c488 100644 --- a/scss/deprecated/_index.scss +++ b/scss/deprecated/_index.scss @@ -3,5 +3,4 @@ @forward "./grids"; @forward "./height-width"; @forward "./icons"; -@forward "./lists"; @forward "./paragraphs"; diff --git a/scss/deprecated/_lists.scss b/scss/deprecated/_lists.scss deleted file mode 100644 index 63e92d06..00000000 --- a/scss/deprecated/_lists.scss +++ /dev/null @@ -1,12 +0,0 @@ -//////////////////////////// -// CORE / DEPRECATED / LISTS -//////////////////////////// - - -// Bare list -// TODO: deprecate, use [role="list"] instead, see generic/_generic.attributes.scss -.dcf-list-bare { - // Fix list-style: none in VoiceOver and Safari: https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html - list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E"); - padding-left: 0; -}