jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSR-918 Fix radio hover

Browse source
This commit is contained in:
Katie 2022-11-03 10:09:13 -04:00
parent af80ae6f22
commit 458080233c
3 changed files with 11 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/styles/common-error-styles.scss
View file

@ -8,6 +8,10 @@ html {
.button-content {
border: none;
}
&:hover {
@include box-shadow-hover($red-200);
}
}
&.list-button,
@ -22,30 +26,11 @@ html {
box-shadow: 0 0 0 1px $red;
}
&:hover {
box-shadow: 0px 0px 0px 4px $red-200;
border-radius: 0.5rem;
}
label {
border: 1px solid $red;
border-radius: 0.5rem;
}
label:hover {
box-shadow: 0px 0px 0px 4px $red-200;
border-radius: 10px;
border: 1px solid $red;
}
}
&.list-button-horizontal {
color: $red;
// label {
// border: 1px solid $red;
// &:hover {
// @include box-shadow-lg-hover($red-200);
// }
// }
&:hover {
@include box-shadow-lg-hover($red-200);
}
input[type="checkbox"]:focus + label,
input[type="radio"]:focus + label {
box-shadow: 0 0 1px $red;

2
src/styles/mixins/customMixins.scss
View file

@ -5,6 +5,6 @@
background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
}
@mixin box-shadow-lg-hover($color) {
@mixin box-shadow-hover($color) {
box-shadow: 0 0 0 4px $color;
}

8
src/styles/shared-input-button-styles.scss
View file

@ -1,7 +1,11 @@
.base-input-button {
&:hover {
cursor: pointer;
@include box-shadow-lg-hover($blue-300);
border: 1px solid transparent;
&.list-button,
&.list-button-horizontal,
&.list-card {
@include box-shadow-hover($blue-300);
}
}
}