From 0081ce7c81eba1319ecd6732642051cff7d3f5c9 Mon Sep 17 00:00:00 2001 From: Lance Willett Date: Sat, 9 Nov 2013 23:15:15 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/trunk@26069 602fd350-edb4-49c9-b593-d223f7449a82 --- .../themes/twentyfourteen/style.css | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/src/wp-content/themes/twentyfourteen/style.css b/src/wp-content/themes/twentyfourteen/style.css index 8eaddf7655..2a20fb410a 100644 --- a/src/wp-content/themes/twentyfourteen/style.css +++ b/src/wp-content/themes/twentyfourteen/style.css @@ -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 , + * 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;