diff --git a/css/01-base.css b/css/01-base.css index 5ba0112..2ba7e41 100644 --- a/css/01-base.css +++ b/css/01-base.css @@ -67,8 +67,8 @@ body { font-family: Helvetica, Arial, sans-serif; line-height: 1.5; } -/* font-sizing for content */ +/* font-sizing for content */ p, .p-like, ul, diff --git a/css/09-booleans.css b/css/09-booleans.css index dbc0514..1d092f3 100644 --- a/css/09-booleans.css +++ b/css/09-booleans.css @@ -10,7 +10,8 @@ .skip-links a { position: absolute; - left: -7000px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); padding: 0.5em; background: black; color: white; @@ -19,6 +20,8 @@ .skip-links a:focus { position: static; + overflow: visible; + clip: auto; } @media (max-width: 480px) { diff --git a/less/09-booleans.less b/less/09-booleans.less index 9835164..67bab6f 100644 --- a/less/09-booleans.less +++ b/less/09-booleans.less @@ -10,7 +10,8 @@ a { position: absolute; - left: -7000px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); padding: 0.5em; background: black; color: white; @@ -18,6 +19,8 @@ &:focus { position: static; + overflow: visible; + clip: auto; } } } diff --git a/sass/09-booleans.scss b/sass/09-booleans.scss index 5ffbc9a..d57333e 100644 --- a/sass/09-booleans.scss +++ b/sass/09-booleans.scss @@ -10,7 +10,8 @@ a { position: absolute; - left: -7000px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); padding: 0.5em; background: black; color: white; @@ -18,6 +19,8 @@ &:focus { position: static; + overflow: visible; + clip: auto; } } }