WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Twenty Fourteen: implement UX features in spite of being non-standard CSS selectors that won't validate. `@viewport` for a better touch experience on Windows, and `::selection` for better text selection styles. See #25888 and #25898, props celloexpressions. 

Built from https://develop.svn.wordpress.org/trunk@26069


git-svn-id: http://core.svn.wordpress.org/trunk@25989 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett 2013-11-09 23:16:09 +00:00
parent 867447c489
commit 944434824e
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
wp-content/themes/twentyfourteen/style.css
View File

@ -453,6 +453,21 @@ hr {
margin-bottom: 23px;
}
/* Support a widely-adopted but non-standard selector for text selection styles
* to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
*/
::selection {
background: #24890d;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #24890d;
color: #fff;
text-shadow: none;
}
/**
* 2.0 Repeatable Patterns
@ -2844,6 +2859,19 @@ a.post-thumbnail:hover {
* -----------------------------------------------------------------------------
*/
/* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See http://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
@media screen and (max-width: 400px) {
.list-view .site-content .post-thumbnail {
background: none;