Make WordPress Core

Ticket #38697: 38697.6.diff

File 38697.6.diff, 5.2 KB (added by joemcgill, 8 years ago)
  • src/wp-content/themes/twentyseventeen/assets/images/svg-icons.svg

    diff --git src/wp-content/themes/twentyseventeen/assets/images/svg-icons.svg src/wp-content/themes/twentyseventeen/assets/images/svg-icons.svg
    index b3fc4e6..eb579db 100644
     
    138138<symbol id="icon-arrow-right" viewBox="0 0 43 32">
    139139<path class="path1" d="M0.356 17.956c0.178 0.178 0.533 0.356 0.711 0.356h33.778l-10.311 10.489c-0.178 0.178-0.356 0.533-0.356 0.711 0 0.356 0.178 0.533 0.356 0.711l1.6 1.6c0.178 0.178 0.533 0.356 0.711 0.356s0.533-0.178 0.711-0.356l14.756-14.933c0.178-0.356 0.356-0.711 0.356-0.889s-0.178-0.533-0.356-0.711l-14.756-14.933c0-0.178-0.356-0.356-0.533-0.356s-0.533 0.178-0.711 0.356l-1.6 1.6c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l10.311 10.489h-33.778c-0.178 0-0.533 0.178-0.711 0.356-0.356 0.178-0.533 0.356-0.533 0.711v2.311c0 0.178 0.178 0.533 0.356 0.711z"></path>
    140140</symbol>
     141<symbol id="icon-play" viewBox="0 0 22 28">
     142<path d="M21.625 14.484l-20.75 11.531c-0.484 0.266-0.875 0.031-0.875-0.516v-23c0-0.547 0.391-0.781 0.875-0.516l20.75 11.531c0.484 0.266 0.484 0.703 0 0.969z"></path>
     143</symbol>
     144<symbol id="icon-pause" viewBox="0 0 24 28">
     145<path d="M24 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1zM10 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1z"></path>
     146</symbol>
    141147</defs>
    142148</svg>
  • src/wp-content/themes/twentyseventeen/inc/color-patterns.php

    diff --git src/wp-content/themes/twentyseventeen/inc/color-patterns.php src/wp-content/themes/twentyseventeen/inc/color-patterns.php
    index c3913e1..f62f643 100644
    function twentyseventeen_custom_colors_css() { 
    148148        color: hsl( ' . $hue . ', ' . $saturation . ', 13% ); /* base: #222; */
    149149}
    150150
     151.colors-custom .wp-custom-header-video-button {
     152        background-color: hsla( ' . $hue . ', ' . $saturation . ', 15%, 0.3 ); /* base: #222; */
     153}
     154
     155.colors-custom .wp-custom-header-video-button:hover,
     156.colors-custom .wp-custom-header-video-button:focus {
     157        background-color: hsla( ' . $hue . ', ' . $saturation . ', 15%, 0.8 ); /* base: #222; */
     158}
     159
    151160.colors-custom .entry-content a:focus,
    152161.colors-custom .entry-content a:hover,
    153162.colors-custom .entry-summary a:focus,
  • src/wp-content/themes/twentyseventeen/inc/custom-header.php

    diff --git src/wp-content/themes/twentyseventeen/inc/custom-header.php src/wp-content/themes/twentyseventeen/inc/custom-header.php
    index c137ccc..fbf38ed 100644
    function twentyseventeen_header_style() { 
    9494        <?php
    9595}
    9696endif; // End of twentyseventeen_header_style.
     97
     98/**
     99 * Customize video play/pause button in the custom header.
     100 */
     101function twentyseventeen_video_controls( $settings ) {
     102        $settings['l10n']['play'] = '<span class="screen-reader-text">' . __( 'Play background video', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'play' ) );
     103        $settings['l10n']['pause'] = '<span class="screen-reader-text">' . __( 'Pause background video', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'pause' ) );
     104        return $settings;
     105}
     106add_filter( 'header_video_settings', 'twentyseventeen_video_controls' );
  • src/wp-content/themes/twentyseventeen/rtl.css

    diff --git src/wp-content/themes/twentyseventeen/rtl.css src/wp-content/themes/twentyseventeen/rtl.css
    index 84a7460..059355a 100644
    input[type="checkbox"] { 
    9595
    9696/* Front Page */
    9797
     98.wp-custom-header-video-button {
     99        left: 30px;
     100        right: auto;
     101}
     102
    98103.twentyseventeen-panel .recent-posts .entry-header .edit-link {
    99104        margin-left: 0;
    100105        margin-right: 1em;
    101106}
    102107
    103 
    104108/* Blog, Archive, Search */
    105109
    106110.blog .entry-meta a.post-edit-link,
  • src/wp-content/themes/twentyseventeen/style.css

    diff --git src/wp-content/themes/twentyseventeen/style.css src/wp-content/themes/twentyseventeen/style.css
    index 1610482..6e8e998 100644
    body:not(.title-tagline-hidden) .site-branding-text { 
    16801680        transform: translateX(-50%) translateY(-50%);
    16811681}
    16821682
     1683.wp-custom-header .wp-custom-header-video-button { /* Speficity prevents .color-dark button overrides */
     1684        background-color: rgba( 34, 34, 34, 0.5 );
     1685        border: 1px solid rgba( 255, 255, 255, 0.6 );
     1686        color: rgba( 255, 255, 255, 0.6 );
     1687        height: 45px;
     1688        overflow: hidden;
     1689        padding: 0;
     1690        position: fixed;
     1691        right: 30px;
     1692        top: 30px;
     1693        -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
     1694        transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
     1695        width: 45px;
     1696}
     1697
     1698.wp-custom-header .wp-custom-header-video-button:hover,
     1699.wp-custom-header .wp-custom-header-video-button:focus { /* SSpeficity prevents .color-dark button overrides */
     1700        border-color: rgba( 255, 255, 255, 0.8 );
     1701        background-color: rgba( 34, 34, 34, 0.8 );
     1702        color: #fff;
     1703}
     1704
     1705.admin-bar .wp-custom-header-video-button {
     1706        top: 62px;
     1707}
     1708
    16831709.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-image img {
    16841710        bottom: 0;
    16851711        position: absolute;