btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

:wheel_chair: Improving accessibility

Browse Source
This commit is contained in:
Liyas Thomas
2019-11-07 23:11:41 +05:30
parent 73255c9c75
commit 7a60cc25e9
1 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
assets/css/styles.scss
View File

@@ -397,21 +397,29 @@ button {
margin-left: 8px; margin-left: 8px;
} }
&:not([disabled]):hover,
&:not([disabled]):active,
&:not([disabled]):focus {
color: var(--act-color);
fill: var(--act-color);
box-shadow: 0 0 0 2px var(--fg-color);
transition: all 0.2s ease-in-out;
}
&.icon { &.icon {
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--fg-light-color); color: var(--fg-light-color);
fill: var(--fg-light-color); fill: var(--fg-light-color);
&:not([disabled]):hover { &:not([disabled]):hover,
&:not([disabled]):active,
&:not([disabled]):focus {
color: var(--fg-color); color: var(--fg-color);
fill: var(--fg-color); fill: var(--fg-color);
box-shadow: none;
transition: all 0.2s ease-in-out;
} }
} }
&:not([disabled]):hover {
color: var(--act-color);
fill: var(--act-color);
}
} }
fieldset { fieldset {
@@ -497,6 +505,7 @@ pre {
resize: vertical; resize: vertical;
text-overflow: ellipsis; text-overflow: ellipsis;
&:not([readonly]):hover,
&:not([readonly]):active, &:not([readonly]):active,
&:not([readonly]):focus { &:not([readonly]):focus {
box-shadow: inset 0 0 0 2px var(--fg-light-color); box-shadow: inset 0 0 0 2px var(--fg-light-color);
@@ -740,7 +749,9 @@ input[type="radio"]+label {
cursor: pointer; cursor: pointer;
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
&:hover { &:hover,
&:active,
&:focus {
border-color: var(--brd-color); border-color: var(--brd-color);
} }
} }