From 595796ff48ec57d8052d7468a3288749d93ac2db Mon Sep 17 00:00:00 2001 From: madrilene Date: Sun, 30 Oct 2022 11:53:39 +0100 Subject: [PATCH] a11y contrasr --- src/_layouts/base.njk | 1 - src/assets/css/blocks/features.css | 24 -------------- src/assets/css/blocks/island.css | 49 ---------------------------- src/assets/css/blocks/test.css | 28 ---------------- src/assets/design-tokens/colors.json | 2 +- 5 files changed, 1 insertion(+), 103 deletions(-) delete mode 100644 src/assets/css/blocks/features.css delete mode 100644 src/assets/css/blocks/island.css delete mode 100644 src/assets/css/blocks/test.css diff --git a/src/_layouts/base.njk b/src/_layouts/base.njk index fdabd54..a193963 100644 --- a/src/_layouts/base.njk +++ b/src/_layouts/base.njk @@ -21,7 +21,6 @@ - {% if pageStylesheets %} {% for item in pageStylesheets %} diff --git a/src/assets/css/blocks/features.css b/src/assets/css/blocks/features.css deleted file mode 100644 index 1c8f013..0000000 --- a/src/assets/css/blocks/features.css +++ /dev/null @@ -1,24 +0,0 @@ -.features { - --grid-placement: auto-fit; - --grid-min-item-size: clamp(16rem, 33%, 20rem); - --gutter: var(--space-l-xl); - --flow-space: var(--space-s); - - text-align: center; -} - -.features svg { - display: block; - margin-inline: auto; - height: 4em; -} - -.features a { - text-decoration: none; -} - -.features a:hover { - text-decoration: underline; - text-decoration-thickness: 0.08ex; - text-underline-offset: 0.2ex; -} diff --git a/src/assets/css/blocks/island.css b/src/assets/css/blocks/island.css deleted file mode 100644 index b2fad15..0000000 --- a/src/assets/css/blocks/island.css +++ /dev/null @@ -1,49 +0,0 @@ -/* Demo styles */ -is-land, -.demo-component { - display: block; - padding: 0.5em; - margin: 0.5em 0; - outline: 2px solid lightblue; -} -is-land:last-child, -.demo-component:last-child { - margin-bottom: 0; -} -is-land:first-child, -.demo-component:first-child { - margin-top: 0; -} -is-land[on\:idle], -is-land[on\:idle][ready] { - display: inline-flex; - gap: 0.25em; - align-items: center; -} -is-land span { - display: inline-flex; - width: 2em; - margin: 0 0.25em; -} - -/* Demo loading states */ -is-land[ready] { - display: block; - background-color: rgba(114, 233, 110, 0.2); - outline: 2px solid rgb(85, 173, 82); -} -.test-c-finish { - background-color: rgba(112, 110, 233, 0.2); - outline: 2px solid rgb(97, 82, 173); -} - -/* List logos */ -.examples { - line-height: 2; -} -.examples img { - margin-right: 0.3em; - width: 1.5em; - height: 1.5em; - vertical-align: text-bottom; -} diff --git a/src/assets/css/blocks/test.css b/src/assets/css/blocks/test.css deleted file mode 100644 index 9b30a44..0000000 --- a/src/assets/css/blocks/test.css +++ /dev/null @@ -1,28 +0,0 @@ -.playground { - --grid-placement: auto-fit; - --green: rgb(28, 113, 19); - --purple: #c569bc; - --orange: #ff8b59; - display: flex; - align-items: center; - justify-content: center; - gap: 1em; -} - -.box { - width: 100px; - height: 100px; - border-radius: var(--border-radius); -} - -.green { - background-color: var(--green); -} - -.purple { - background-color: var(--purple); -} - -.orange { - background-color: var(--orange); -} diff --git a/src/assets/design-tokens/colors.json b/src/assets/design-tokens/colors.json index e205b70..8b16210 100644 --- a/src/assets/design-tokens/colors.json +++ b/src/assets/design-tokens/colors.json @@ -16,7 +16,7 @@ }, { "name": "Primary", - "value": "#FF5678" + "value": "#dd4462" }, { "name": "Primary Glare",