forked from mirror/_s
Merge pull request #1218 from samikeijonen/issue/1211
Update screen-reader-text class to be in line with core
This commit is contained in:
commit
82df565433
|
@ -1,10 +1,14 @@
|
||||||
/* Text meant only for screen readers. */
|
/* Text meant only for screen readers. */
|
||||||
.screen-reader-text {
|
.screen-reader-text {
|
||||||
|
border: 0;
|
||||||
clip: rect(1px, 1px, 1px, 1px);
|
clip: rect(1px, 1px, 1px, 1px);
|
||||||
position: absolute !important;
|
clip-path: inset(50%);
|
||||||
height: 1px;
|
height: 1px;
|
||||||
width: 1px;
|
margin: -1px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute !important;
|
||||||
|
width: 1px;
|
||||||
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
|
@ -12,6 +16,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||||
clip: auto !important;
|
clip: auto !important;
|
||||||
|
clip-path: none;
|
||||||
color: $color__text-screen;
|
color: $color__text-screen;
|
||||||
display: block;
|
display: block;
|
||||||
@include font-size(0.875);
|
@include font-size(0.875);
|
||||||
|
|
12
style.css
12
style.css
|
@ -599,13 +599,16 @@ a:hover, a:active {
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
/* Text meant only for screen readers. */
|
/* Text meant only for screen readers. */
|
||||||
.screen-reader-text {
|
.screen-reader-text {
|
||||||
|
border: 0;
|
||||||
clip: rect(1px, 1px, 1px, 1px);
|
clip: rect(1px, 1px, 1px, 1px);
|
||||||
position: absolute !important;
|
clip-path: inset(50%);
|
||||||
height: 1px;
|
height: 1px;
|
||||||
width: 1px;
|
margin: -1px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
word-wrap: normal !important;
|
padding: 0;
|
||||||
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
position: absolute !important;
|
||||||
|
width: 1px;
|
||||||
|
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
||||||
}
|
}
|
||||||
|
|
||||||
.screen-reader-text:focus {
|
.screen-reader-text:focus {
|
||||||
|
@ -613,6 +616,7 @@ a:hover, a:active {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||||
clip: auto !important;
|
clip: auto !important;
|
||||||
|
clip-path: none;
|
||||||
color: #21759b;
|
color: #21759b;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
Reference in New Issue