sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests 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.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@26069 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2013-11-09 23:15:15 +00:00
parent 6072e1d4cb
commit 0081ce7c81
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/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;