WordPress.org

Make WordPress Core

Changeset 26069


Ignore:
Timestamp:
11/09/2013 11:15:15 PM (8 years ago)
Author:
lancewillett
Message:

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.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyfourteen/style.css

    r26062 r26069  
    454454}
    455455
     456/* Support a widely-adopted but non-standard selector for text selection styles
     457 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
     458 */
     459::selection {
     460    background: #24890d;
     461    color: #fff;
     462    text-shadow: none;
     463}
     464
     465::-moz-selection {
     466    background: #24890d;
     467    color: #fff;
     468    text-shadow: none;
     469}
     470
    456471
    457472/**
     
    28452860 */
    28462861
     2862/* Does the same thing as <meta name="viewport" content="width=device-width">,
     2863 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
     2864 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
     2865 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
     2866 */
     2867@-ms-viewport {
     2868    width: device-width;
     2869}
     2870
     2871@viewport {
     2872    width: device-width;
     2873}
     2874
    28472875@media screen and (max-width: 400px) {
    28482876    .list-view .site-content .post-thumbnail {
Note: See TracChangeset for help on using the changeset viewer.