jonny
/
Signal-Desktop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add hover and focus states to modal X button

This commit is contained in:
Evan Hahn 2021-06-04 11:27:50 -05:00 committed by GitHub
parent 3956443f50
commit be0d5abb1a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
stylesheets/components/Modal.scss
View File

@ -35,6 +35,7 @@
&__close-button {
@include button-reset;
border-radius: 4px;
float: right;
height: 24px;
width: 24px;
@ -52,14 +53,24 @@
@include dark-theme {
@include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
}
}
@include light-theme {
&:hover,
&:focus {
@include keyboard-mode {
background-color: $color-ultramarine;
}
@include dark-keyboard-mode {
background-color: $color-ultramarine-light;
}
background: $color-gray-02;
}
&:active {
background: $color-gray-05;
}
}
@include dark-theme {
&:hover,
&:focus {
background: $color-gray-80;
}
&:active {
background: $color-gray-75;
}
}
}