rayelliott
/
_s
Archived
forked from mirror/_s
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
This repository has been archived on 2020-05-08. You can view files and clone it, but cannot push or open issues or pull requests.
_s/sass/modules/_accessibility.scss

34 lines
841 B
SCSS
Raw Normal View History

Normalize rather than Reset. The reset we used was a mix of Normalize, the Paul Irish reset, sprinkled with some blueprint.css, and base styles. It was hard to maintain and just seemed outdated (setting the base font-size to 10px instead of 16px, among other things). Normalize sets saner defaults and is generally just not as disruptive as a full reset. The code was added as is, has only its comments stripped (for now), and is not mixed with any styles to make future updates to it as easy as possible. See #3, #44, #174, #267, #617.
2014-12-30 00:28:19 +00:00
/* Text meant only for screen readers. */
Initial commit for _sass. Props @michaelArestad @hugobeta, and @jacklenox. * Give prefix to variable files. This avoids confusion with files of similar names like typography. It also helps with the visual recognition over what file does what. * Set up mixins-master. * Setting foundation for encouraging in larger projects use of more than one mixing file. This creates a master mixins file that we can then bring subs into if the project grows. * Fixed line breaks, spacing and new lines. Props @gregrickaby. * Nest widget select. Props @gregrickaby. * Make variables be variables-site. Makes this the global variables folder. People can then use sub folders in sections for local only variables. * Change content directory to be site directory. * Remove zip. Revert `style.css` to not be auto generated version. * Fixes rem size issue on body font. * Fixes for differences between `_s` and `_sass`. Fixed font sizes, added in display block to classes so they compile and the theme check passes. * Remove text domain and clean up css.
2014-07-28 13:35:53 +00:00
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
Matching Style.css Adding word-wrap to .screen-reader-text to improve accessibility just like in style.css
2017-02-03 13:38:32 +00:00
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
Initial commit for _sass. Props @michaelArestad @hugobeta, and @jacklenox. * Give prefix to variable files. This avoids confusion with files of similar names like typography. It also helps with the visual recognition over what file does what. * Set up mixins-master. * Setting foundation for encouraging in larger projects use of more than one mixing file. This creates a master mixins file that we can then bring subs into if the project grows. * Fixed line breaks, spacing and new lines. Props @gregrickaby. * Nest widget select. Props @gregrickaby. * Make variables be variables-site. Makes this the global variables folder. People can then use sub folders in sections for local only variables. * Change content directory to be site directory. * Remove zip. Revert `style.css` to not be auto generated version. * Fixes rem size issue on body font. * Fixes for differences between `_s` and `_sass`. Fixed font sizes, added in display block to classes so they compile and the theme check passes. * Remove text domain and clean up css.
2014-07-28 13:35:53 +00:00
&:focus {
background-color: $color__background-screen;
Remove border-radius mixin
2014-09-14 17:26:29 +00:00
border-radius: 3px;
Initial commit for _sass. Props @michaelArestad @hugobeta, and @jacklenox. * Give prefix to variable files. This avoids confusion with files of similar names like typography. It also helps with the visual recognition over what file does what. * Set up mixins-master. * Setting foundation for encouraging in larger projects use of more than one mixing file. This creates a master mixins file that we can then bring subs into if the project grows. * Fixed line breaks, spacing and new lines. Props @gregrickaby. * Nest widget select. Props @gregrickaby. * Make variables be variables-site. Makes this the global variables folder. People can then use sub folders in sections for local only variables. * Change content directory to be site directory. * Remove zip. Revert `style.css` to not be auto generated version. * Fixes rem size issue on body font. * Fixes for differences between `_s` and `_sass`. Fixed font sizes, added in display block to classes so they compile and the theme check passes. * Remove text domain and clean up css.
2014-07-28 13:35:53 +00:00
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: $color__text-screen;
display: block;
Normalize rather than Reset. The reset we used was a mix of Normalize, the Paul Irish reset, sprinkled with some blueprint.css, and base styles. It was hard to maintain and just seemed outdated (setting the base font-size to 10px instead of 16px, among other things). Normalize sets saner defaults and is generally just not as disruptive as a full reset. The code was added as is, has only its comments stripped (for now), and is not mixed with any styles to make future updates to it as easy as possible. See #3, #44, #174, #267, #617.
2014-12-30 00:28:19 +00:00
@include font-size(0.875);
Initial commit for _sass. Props @michaelArestad @hugobeta, and @jacklenox. * Give prefix to variable files. This avoids confusion with files of similar names like typography. It also helps with the visual recognition over what file does what. * Set up mixins-master. * Setting foundation for encouraging in larger projects use of more than one mixing file. This creates a master mixins file that we can then bring subs into if the project grows. * Fixed line breaks, spacing and new lines. Props @gregrickaby. * Nest widget select. Props @gregrickaby. * Make variables be variables-site. Makes this the global variables folder. People can then use sub folders in sections for local only variables. * Change content directory to be site directory. * Remove zip. Revert `style.css` to not be auto generated version. * Fixes rem size issue on body font. * Fixes for differences between `_s` and `_sass`. Fixed font sizes, added in display block to classes so they compile and the theme check passes. * Remove text domain and clean up css.
2014-07-28 13:35:53 +00:00
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
Normalize rather than Reset. The reset we used was a mix of Normalize, the Paul Irish reset, sprinkled with some blueprint.css, and base styles. It was hard to maintain and just seemed outdated (setting the base font-size to 10px instead of 16px, among other things). Normalize sets saner defaults and is generally just not as disruptive as a full reset. The code was added as is, has only its comments stripped (for now), and is not mixed with any styles to make future updates to it as easy as possible. See #3, #44, #174, #267, #617.
2014-12-30 00:28:19 +00:00
z-index: 100000; /* Above WP toolbar. */
Initial commit for _sass. Props @michaelArestad @hugobeta, and @jacklenox. * Give prefix to variable files. This avoids confusion with files of similar names like typography. It also helps with the visual recognition over what file does what. * Set up mixins-master. * Setting foundation for encouraging in larger projects use of more than one mixing file. This creates a master mixins file that we can then bring subs into if the project grows. * Fixed line breaks, spacing and new lines. Props @gregrickaby. * Nest widget select. Props @gregrickaby. * Make variables be variables-site. Makes this the global variables folder. People can then use sub folders in sections for local only variables. * Change content directory to be site directory. * Remove zip. Revert `style.css` to not be auto generated version. * Fixes rem size issue on body font. * Fixes for differences between `_s` and `_sass`. Fixed font sizes, added in display block to classes so they compile and the theme check passes. * Remove text domain and clean up css.
2014-07-28 13:35:53 +00:00
}
Remove sass :hover and :active states on screen-reader-text see https://github.com/Automattic/_s/commit/67b2428bbe8ec4d523b1ffa7744a1124cce60966
2015-08-05 18:28:40 +00:00
}
Do not show the outline on the skip link target container * Putting it in style.css solves the issue for our specific skip link, but leaves the outline working on other anchors in case developers need that. * For discussion, see: https://github.com/Automattic/_s/pull/814 * Related: https://github.com/Automattic/_s/pull/755 and https://github.com/Automattic/_s/pull/604 Fixes #543
2015-11-11 19:54:08 +00:00
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}