diff --git a/src/layouts/component-test/component-test.vue b/src/layouts/component-test/component-test.vue index fdb92ab23..e20892105 100644 --- a/src/layouts/component-test/component-test.vue +++ b/src/layouts/component-test/component-test.vue @@ -674,19 +674,6 @@ /> -
-
-

Links

-
-
-
-
-

-

-

- -
-

Typography

@@ -926,16 +913,6 @@ />
-
-
-

Funnel Footer

-
-
-
-
- -
-
@@ -950,7 +927,6 @@ import funnelHeader from "@/common-components/funnel-header/funnel-header"; import listButtonHorizontal from "@/ux-components/list-button-horizontal/list-button-horizontal"; import checkbox from "@/ux-components/checkbox/checkbox"; import textLink from "@/ux-components/text-link/text-link"; -import funnelFooter from "@/common-components/funnel-footer/funnel-footer"; export default { name: "App", components: { @@ -963,8 +939,7 @@ export default { listButtonHorizontal, checkbox, funnelHeader, - textLink, - funnelFooter + textLink }, data() { return { diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.vue b/src/ux-components/list-button-horizontal/list-button-horizontal.vue index 0751e3bca..034f97c07 100644 --- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue +++ b/src/ux-components/list-button-horizontal/list-button-horizontal.vue @@ -153,7 +153,7 @@ export default { width: 100%; color: $gray-600; &:hover { - box-shadow: 0 0 0 4px $blue-100; + box-shadow: 0 0 0 4px $blue-300; cursor: pointer; z-index: 2; } diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue index 3256906e3..fcf4ae799 100644 --- a/src/ux-components/list-button/list-button.vue +++ b/src/ux-components/list-button/list-button.vue @@ -133,7 +133,7 @@ export default { position: static; //override bootstrap height: 0; opacity: 0; - + &:focus-visible + label { box-shadow: 0 0 0 2.5px $blue inset; } @@ -162,7 +162,7 @@ export default { &:hover { @include media-breakpoint-up(sm) { - box-shadow: 0 0 0 4px $blue-100; + box-shadow: 0 0 0 4px $blue-300; } cursor: pointer; } diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue index c3f399404..95f886d5a 100644 --- a/src/ux-components/list-card/list-card.vue +++ b/src/ux-components/list-card/list-card.vue @@ -32,12 +32,12 @@ > {{buttonLabel}}

-

+

{{buttonLabelSubCopy}}

{{ buttonLabel }}

-

+

{{ buttonLabelSubCopy }}

@@ -134,7 +134,7 @@ export default { max-width: 100%; } &:hover { - box-shadow: 0px 0px 0px 6px $blue-100; + box-shadow: 0px 0px 0px 4px $blue-300; border: 1px solid transparent; } input[type="checkbox"], @@ -150,6 +150,9 @@ export default { } p { text-align: center; + &.sub-copy { + color: $gray-550; + } } } &:focus + label { @@ -237,6 +240,9 @@ export default { } p { text-align: left; + &.sub-copy { + color: $gray-550; + } } } }