mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-17 18:11:11 +02:00
aaf99e6913
WordPress' code just... wasn't. This is now dealt with. Props jrf, pento, netweb, GaryJ, jdgrimes, westonruter, Greg Sherwood from PHPCS, and everyone who's ever contributed to WPCS and PHPCS. Fixes #41057. Built from https://develop.svn.wordpress.org/trunk@42343 git-svn-id: http://core.svn.wordpress.org/trunk@42172 1a063a9b-81f0-0310-95a4-ce76da25c4cd
574 lines
22 KiB
PHP
574 lines
22 KiB
PHP
<?php
|
|
/**
|
|
* Twenty Seventeen: Color Patterns
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Twenty_Seventeen
|
|
* @since 1.0
|
|
*/
|
|
|
|
/**
|
|
* Generate the CSS for the current custom color scheme.
|
|
*/
|
|
function twentyseventeen_custom_colors_css() {
|
|
$hue = absint( get_theme_mod( 'colorscheme_hue', 250 ) );
|
|
|
|
/**
|
|
* Filter Twenty Seventeen default saturation level.
|
|
*
|
|
* @since Twenty Seventeen 1.0
|
|
*
|
|
* @param int $saturation Color saturation level.
|
|
*/
|
|
$saturation = absint( apply_filters( 'twentyseventeen_custom_colors_saturation', 50 ) );
|
|
$reduced_saturation = ( .8 * $saturation ) . '%';
|
|
$saturation = $saturation . '%';
|
|
$css = '
|
|
/**
|
|
* Twenty Seventeen: Color Patterns
|
|
*
|
|
* Colors are ordered from dark to light.
|
|
*/
|
|
|
|
.colors-custom a:hover,
|
|
.colors-custom a:active,
|
|
.colors-custom .entry-content a:focus,
|
|
.colors-custom .entry-content a:hover,
|
|
.colors-custom .entry-summary a:focus,
|
|
.colors-custom .entry-summary a:hover,
|
|
.colors-custom .widget a:focus,
|
|
.colors-custom .widget a:hover,
|
|
.colors-custom .site-footer .widget-area a:focus,
|
|
.colors-custom .site-footer .widget-area a:hover,
|
|
.colors-custom .posts-navigation a:focus,
|
|
.colors-custom .posts-navigation a:hover,
|
|
.colors-custom .comment-metadata a:focus,
|
|
.colors-custom .comment-metadata a:hover,
|
|
.colors-custom .comment-metadata a.comment-edit-link:focus,
|
|
.colors-custom .comment-metadata a.comment-edit-link:hover,
|
|
.colors-custom .comment-reply-link:focus,
|
|
.colors-custom .comment-reply-link:hover,
|
|
.colors-custom .widget_authors a:focus strong,
|
|
.colors-custom .widget_authors a:hover strong,
|
|
.colors-custom .entry-title a:focus,
|
|
.colors-custom .entry-title a:hover,
|
|
.colors-custom .entry-meta a:focus,
|
|
.colors-custom .entry-meta a:hover,
|
|
.colors-custom.blog .entry-meta a.post-edit-link:focus,
|
|
.colors-custom.blog .entry-meta a.post-edit-link:hover,
|
|
.colors-custom.archive .entry-meta a.post-edit-link:focus,
|
|
.colors-custom.archive .entry-meta a.post-edit-link:hover,
|
|
.colors-custom.search .entry-meta a.post-edit-link:focus,
|
|
.colors-custom.search .entry-meta a.post-edit-link:hover,
|
|
.colors-custom .page-links a:focus .page-number,
|
|
.colors-custom .page-links a:hover .page-number,
|
|
.colors-custom .entry-footer a:focus,
|
|
.colors-custom .entry-footer a:hover,
|
|
.colors-custom .entry-footer .cat-links a:focus,
|
|
.colors-custom .entry-footer .cat-links a:hover,
|
|
.colors-custom .entry-footer .tags-links a:focus,
|
|
.colors-custom .entry-footer .tags-links a:hover,
|
|
.colors-custom .post-navigation a:focus,
|
|
.colors-custom .post-navigation a:hover,
|
|
.colors-custom .pagination a:not(.prev):not(.next):focus,
|
|
.colors-custom .pagination a:not(.prev):not(.next):hover,
|
|
.colors-custom .comments-pagination a:not(.prev):not(.next):focus,
|
|
.colors-custom .comments-pagination a:not(.prev):not(.next):hover,
|
|
.colors-custom .logged-in-as a:focus,
|
|
.colors-custom .logged-in-as a:hover,
|
|
.colors-custom a:focus .nav-title,
|
|
.colors-custom a:hover .nav-title,
|
|
.colors-custom .edit-link a:focus,
|
|
.colors-custom .edit-link a:hover,
|
|
.colors-custom .site-info a:focus,
|
|
.colors-custom .site-info a:hover,
|
|
.colors-custom .widget .widget-title a:focus,
|
|
.colors-custom .widget .widget-title a:hover,
|
|
.colors-custom .widget ul li a:focus,
|
|
.colors-custom .widget ul li a:hover {
|
|
color: hsl( ' . $hue . ', ' . $saturation . ', 0% ); /* base: #000; */
|
|
}
|
|
|
|
.colors-custom .entry-content a,
|
|
.colors-custom .entry-summary a,
|
|
.colors-custom .widget a,
|
|
.colors-custom .site-footer .widget-area a,
|
|
.colors-custom .posts-navigation a,
|
|
.colors-custom .widget_authors a strong {
|
|
-webkit-box-shadow: inset 0 -1px 0 hsl( ' . $hue . ', ' . $saturation . ', 6% ); /* base: rgba(15, 15, 15, 1); */
|
|
box-shadow: inset 0 -1px 0 hsl( ' . $hue . ', ' . $saturation . ', 6% ); /* base: rgba(15, 15, 15, 1); */
|
|
}
|
|
|
|
.colors-custom button,
|
|
.colors-custom input[type="button"],
|
|
.colors-custom input[type="submit"],
|
|
.colors-custom .entry-footer .edit-link a.post-edit-link {
|
|
background-color: hsl( ' . $hue . ', ' . $saturation . ', 13% ); /* base: #222; */
|
|
}
|
|
|
|
.colors-custom input[type="text"]:focus,
|
|
.colors-custom input[type="email"]:focus,
|
|
.colors-custom input[type="url"]:focus,
|
|
.colors-custom input[type="password"]:focus,
|
|
.colors-custom input[type="search"]:focus,
|
|
.colors-custom input[type="number"]:focus,
|
|
.colors-custom input[type="tel"]:focus,
|
|
.colors-custom input[type="range"]:focus,
|
|
.colors-custom input[type="date"]:focus,
|
|
.colors-custom input[type="month"]:focus,
|
|
.colors-custom input[type="week"]:focus,
|
|
.colors-custom input[type="time"]:focus,
|
|
.colors-custom input[type="datetime"]:focus,
|
|
.colors-custom .colors-custom input[type="datetime-local"]:focus,
|
|
.colors-custom input[type="color"]:focus,
|
|
.colors-custom textarea:focus,
|
|
.colors-custom button.secondary,
|
|
.colors-custom input[type="reset"],
|
|
.colors-custom input[type="button"].secondary,
|
|
.colors-custom input[type="reset"].secondary,
|
|
.colors-custom input[type="submit"].secondary,
|
|
.colors-custom a,
|
|
.colors-custom .site-title,
|
|
.colors-custom .site-title a,
|
|
.colors-custom .navigation-top a,
|
|
.colors-custom .dropdown-toggle,
|
|
.colors-custom .menu-toggle,
|
|
.colors-custom .page .panel-content .entry-title,
|
|
.colors-custom .page-title,
|
|
.colors-custom.page:not(.twentyseventeen-front-page) .entry-title,
|
|
.colors-custom .page-links a .page-number,
|
|
.colors-custom .comment-metadata a.comment-edit-link,
|
|
.colors-custom .comment-reply-link .icon,
|
|
.colors-custom h2.widget-title,
|
|
.colors-custom mark,
|
|
.colors-custom .post-navigation a:focus .icon,
|
|
.colors-custom .post-navigation a:hover .icon,
|
|
.colors-custom .site-content .site-content-light,
|
|
.colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link {
|
|
color: hsl( ' . $hue . ', ' . $saturation . ', 13% ); /* base: #222; */
|
|
}
|
|
|
|
.colors-custom .entry-content a:focus,
|
|
.colors-custom .entry-content a:hover,
|
|
.colors-custom .entry-summary a:focus,
|
|
.colors-custom .entry-summary a:hover,
|
|
.colors-custom .widget a:focus,
|
|
.colors-custom .widget a:hover,
|
|
.colors-custom .site-footer .widget-area a:focus,
|
|
.colors-custom .site-footer .widget-area a:hover,
|
|
.colors-custom .posts-navigation a:focus,
|
|
.colors-custom .posts-navigation a:hover,
|
|
.colors-custom .comment-metadata a:focus,
|
|
.colors-custom .comment-metadata a:hover,
|
|
.colors-custom .comment-metadata a.comment-edit-link:focus,
|
|
.colors-custom .comment-metadata a.comment-edit-link:hover,
|
|
.colors-custom .comment-reply-link:focus,
|
|
.colors-custom .comment-reply-link:hover,
|
|
.colors-custom .widget_authors a:focus strong,
|
|
.colors-custom .widget_authors a:hover strong,
|
|
.colors-custom .entry-title a:focus,
|
|
.colors-custom .entry-title a:hover,
|
|
.colors-custom .entry-meta a:focus,
|
|
.colors-custom .entry-meta a:hover,
|
|
.colors-custom.blog .entry-meta a.post-edit-link:focus,
|
|
.colors-custom.blog .entry-meta a.post-edit-link:hover,
|
|
.colors-custom.archive .entry-meta a.post-edit-link:focus,
|
|
.colors-custom.archive .entry-meta a.post-edit-link:hover,
|
|
.colors-custom.search .entry-meta a.post-edit-link:focus,
|
|
.colors-custom.search .entry-meta a.post-edit-link:hover,
|
|
.colors-custom .page-links a:focus .page-number,
|
|
.colors-custom .page-links a:hover .page-number,
|
|
.colors-custom .entry-footer .cat-links a:focus,
|
|
.colors-custom .entry-footer .cat-links a:hover,
|
|
.colors-custom .entry-footer .tags-links a:focus,
|
|
.colors-custom .entry-footer .tags-links a:hover,
|
|
.colors-custom .post-navigation a:focus,
|
|
.colors-custom .post-navigation a:hover,
|
|
.colors-custom .pagination a:not(.prev):not(.next):focus,
|
|
.colors-custom .pagination a:not(.prev):not(.next):hover,
|
|
.colors-custom .comments-pagination a:not(.prev):not(.next):focus,
|
|
.colors-custom .comments-pagination a:not(.prev):not(.next):hover,
|
|
.colors-custom .logged-in-as a:focus,
|
|
.colors-custom .logged-in-as a:hover,
|
|
.colors-custom a:focus .nav-title,
|
|
.colors-custom a:hover .nav-title,
|
|
.colors-custom .edit-link a:focus,
|
|
.colors-custom .edit-link a:hover,
|
|
.colors-custom .site-info a:focus,
|
|
.colors-custom .site-info a:hover,
|
|
.colors-custom .widget .widget-title a:focus,
|
|
.colors-custom .widget .widget-title a:hover,
|
|
.colors-custom .widget ul li a:focus,
|
|
.colors-custom .widget ul li a:hover {
|
|
-webkit-box-shadow: inset 0 0 0 hsl( ' . $hue . ', ' . $saturation . ', 13% ), 0 3px 0 hsl( ' . $hue . ', ' . $saturation . ', 13% );
|
|
box-shadow: inset 0 0 0 hsl( ' . $hue . ', ' . $saturation . ' , 13% ), 0 3px 0 hsl( ' . $hue . ', ' . $saturation . ', 13% );
|
|
}
|
|
|
|
body.colors-custom,
|
|
.colors-custom button,
|
|
.colors-custom input,
|
|
.colors-custom select,
|
|
.colors-custom textarea,
|
|
.colors-custom h3,
|
|
.colors-custom h4,
|
|
.colors-custom h6,
|
|
.colors-custom label,
|
|
.colors-custom .entry-title a,
|
|
.colors-custom.twentyseventeen-front-page .panel-content .recent-posts article,
|
|
.colors-custom .entry-footer .cat-links a,
|
|
.colors-custom .entry-footer .tags-links a,
|
|
.colors-custom .format-quote blockquote,
|
|
.colors-custom .nav-title,
|
|
.colors-custom .comment-body,
|
|
.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
|
|
color: hsl( ' . $hue . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */
|
|
}
|
|
|
|
.colors-custom .social-navigation a:hover,
|
|
.colors-custom .social-navigation a:focus {
|
|
background: hsl( ' . $hue . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */
|
|
}
|
|
|
|
.colors-custom input[type="text"]:focus,
|
|
.colors-custom input[type="email"]:focus,
|
|
.colors-custom input[type="url"]:focus,
|
|
.colors-custom input[type="password"]:focus,
|
|
.colors-custom input[type="search"]:focus,
|
|
.colors-custom input[type="number"]:focus,
|
|
.colors-custom input[type="tel"]:focus,
|
|
.colors-custom input[type="range"]:focus,
|
|
.colors-custom input[type="date"]:focus,
|
|
.colors-custom input[type="month"]:focus,
|
|
.colors-custom input[type="week"]:focus,
|
|
.colors-custom input[type="time"]:focus,
|
|
.colors-custom input[type="datetime"]:focus,
|
|
.colors-custom input[type="datetime-local"]:focus,
|
|
.colors-custom input[type="color"]:focus,
|
|
.colors-custom textarea:focus,
|
|
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
|
|
border-color: hsl( ' . $hue . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */
|
|
}
|
|
|
|
.colors-custom h2,
|
|
.colors-custom blockquote,
|
|
.colors-custom input[type="text"],
|
|
.colors-custom input[type="email"],
|
|
.colors-custom input[type="url"],
|
|
.colors-custom input[type="password"],
|
|
.colors-custom input[type="search"],
|
|
.colors-custom input[type="number"],
|
|
.colors-custom input[type="tel"],
|
|
.colors-custom input[type="range"],
|
|
.colors-custom input[type="date"],
|
|
.colors-custom input[type="month"],
|
|
.colors-custom input[type="week"],
|
|
.colors-custom input[type="time"],
|
|
.colors-custom input[type="datetime"],
|
|
.colors-custom input[type="datetime-local"],
|
|
.colors-custom input[type="color"],
|
|
.colors-custom textarea,
|
|
.colors-custom .site-description,
|
|
.colors-custom .entry-content blockquote.alignleft,
|
|
.colors-custom .entry-content blockquote.alignright,
|
|
.colors-custom .colors-custom .taxonomy-description,
|
|
.colors-custom .site-info a,
|
|
.colors-custom .wp-caption,
|
|
.colors-custom .gallery-caption {
|
|
color: hsl( ' . $hue . ', ' . $saturation . ', 40% ); /* base: #666; */
|
|
}
|
|
|
|
.colors-custom abbr,
|
|
.colors-custom acronym {
|
|
border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 40% ); /* base: #666; */
|
|
}
|
|
|
|
.colors-custom h5,
|
|
.colors-custom .entry-meta,
|
|
.colors-custom .entry-meta a,
|
|
.colors-custom.blog .entry-meta a.post-edit-link,
|
|
.colors-custom.archive .entry-meta a.post-edit-link,
|
|
.colors-custom.search .entry-meta a.post-edit-link,
|
|
.colors-custom .nav-subtitle,
|
|
.colors-custom .comment-metadata,
|
|
.colors-custom .comment-metadata a,
|
|
.colors-custom .no-comments,
|
|
.colors-custom .comment-awaiting-moderation,
|
|
.colors-custom .page-numbers.current,
|
|
.colors-custom .page-links .page-number,
|
|
.colors-custom .navigation-top .current-menu-item > a,
|
|
.colors-custom .navigation-top .current_page_item > a,
|
|
.colors-custom .main-navigation a:hover,
|
|
.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
|
|
color: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */
|
|
}
|
|
|
|
.colors-custom button:hover,
|
|
.colors-custom button:focus,
|
|
.colors-custom input[type="button"]:hover,
|
|
.colors-custom input[type="button"]:focus,
|
|
.colors-custom input[type="submit"]:hover,
|
|
.colors-custom input[type="submit"]:focus,
|
|
.colors-custom .entry-footer .edit-link a.post-edit-link:hover,
|
|
.colors-custom .entry-footer .edit-link a.post-edit-link:focus,
|
|
.colors-custom .social-navigation a,
|
|
.colors-custom .prev.page-numbers:focus,
|
|
.colors-custom .prev.page-numbers:hover,
|
|
.colors-custom .next.page-numbers:focus,
|
|
.colors-custom .next.page-numbers:hover,
|
|
.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover,
|
|
.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus {
|
|
background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */
|
|
}
|
|
|
|
.colors-custom button.secondary:hover,
|
|
.colors-custom button.secondary:focus,
|
|
.colors-custom input[type="reset"]:hover,
|
|
.colors-custom input[type="reset"]:focus,
|
|
.colors-custom input[type="button"].secondary:hover,
|
|
.colors-custom input[type="button"].secondary:focus,
|
|
.colors-custom input[type="reset"].secondary:hover,
|
|
.colors-custom input[type="reset"].secondary:focus,
|
|
.colors-custom input[type="submit"].secondary:hover,
|
|
.colors-custom input[type="submit"].secondary:focus,
|
|
.colors-custom hr {
|
|
background: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */
|
|
}
|
|
|
|
.colors-custom input[type="text"],
|
|
.colors-custom input[type="email"],
|
|
.colors-custom input[type="url"],
|
|
.colors-custom input[type="password"],
|
|
.colors-custom input[type="search"],
|
|
.colors-custom input[type="number"],
|
|
.colors-custom input[type="tel"],
|
|
.colors-custom input[type="range"],
|
|
.colors-custom input[type="date"],
|
|
.colors-custom input[type="month"],
|
|
.colors-custom input[type="week"],
|
|
.colors-custom input[type="time"],
|
|
.colors-custom input[type="datetime"],
|
|
.colors-custom input[type="datetime-local"],
|
|
.colors-custom input[type="color"],
|
|
.colors-custom textarea,
|
|
.colors-custom select,
|
|
.colors-custom fieldset,
|
|
.colors-custom .widget .tagcloud a:hover,
|
|
.colors-custom .widget .tagcloud a:focus,
|
|
.colors-custom .widget.widget_tag_cloud a:hover,
|
|
.colors-custom .widget.widget_tag_cloud a:focus,
|
|
.colors-custom .wp_widget_tag_cloud a:hover,
|
|
.colors-custom .wp_widget_tag_cloud a:focus {
|
|
border-color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */
|
|
}
|
|
|
|
.colors-custom thead th {
|
|
border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */
|
|
}
|
|
|
|
.colors-custom .entry-footer .cat-links .icon,
|
|
.colors-custom .entry-footer .tags-links .icon {
|
|
color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */
|
|
}
|
|
|
|
.colors-custom button.secondary,
|
|
.colors-custom input[type="reset"],
|
|
.colors-custom input[type="button"].secondary,
|
|
.colors-custom input[type="reset"].secondary,
|
|
.colors-custom input[type="submit"].secondary,
|
|
.colors-custom .prev.page-numbers,
|
|
.colors-custom .next.page-numbers {
|
|
background-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */
|
|
}
|
|
|
|
.colors-custom .widget .tagcloud a,
|
|
.colors-custom .widget.widget_tag_cloud a,
|
|
.colors-custom .wp_widget_tag_cloud a {
|
|
border-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */
|
|
}
|
|
|
|
.colors-custom.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child),
|
|
.colors-custom .widget ul li {
|
|
border-top-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */
|
|
}
|
|
|
|
.colors-custom .widget ul li {
|
|
border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 87% ); /* base: #ddd; */
|
|
}
|
|
|
|
.colors-custom pre,
|
|
.colors-custom mark,
|
|
.colors-custom ins {
|
|
background: hsl( ' . $hue . ', ' . $saturation . ', 93% ); /* base: #eee; */
|
|
}
|
|
|
|
.colors-custom .navigation-top,
|
|
.colors-custom .main-navigation > div > ul,
|
|
.colors-custom .pagination,
|
|
.colors-custom .comments-pagination,
|
|
.colors-custom .entry-footer,
|
|
.colors-custom .site-footer {
|
|
border-top-color: hsl( ' . $hue . ', ' . $saturation . ', 93% ); /* base: #eee; */
|
|
}
|
|
|
|
.colors-custom .navigation-top,
|
|
.colors-custom .main-navigation li,
|
|
.colors-custom .entry-footer,
|
|
.colors-custom .single-featured-image-header,
|
|
.colors-custom .site-content .wp-playlist-light .wp-playlist-item,
|
|
.colors-custom tr {
|
|
border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 93% ); /* base: #eee; */
|
|
}
|
|
|
|
.colors-custom .site-content .wp-playlist-light {
|
|
border-color: hsl( ' . $hue . ', ' . $saturation . ', 93% ); /* base: #eee; */
|
|
}
|
|
|
|
.colors-custom .site-header,
|
|
.colors-custom .single-featured-image-header {
|
|
background-color: hsl( ' . $hue . ', ' . $saturation . ', 98% ); /* base: #fafafa; */
|
|
}
|
|
|
|
.colors-custom button,
|
|
.colors-custom input[type="button"],
|
|
.colors-custom input[type="submit"],
|
|
.colors-custom .entry-footer .edit-link a.post-edit-link,
|
|
.colors-custom .social-navigation a,
|
|
.colors-custom .site-content .wp-playlist-light a.wp-playlist-caption:hover,
|
|
.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover a,
|
|
.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus a,
|
|
.colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover,
|
|
.colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus,
|
|
.colors-custom .prev.page-numbers:focus,
|
|
.colors-custom .prev.page-numbers:hover,
|
|
.colors-custom .next.page-numbers:focus,
|
|
.colors-custom .next.page-numbers:hover,
|
|
.colors-custom.has-header-image .site-title,
|
|
.colors-custom.has-header-video .site-title,
|
|
.colors-custom.has-header-image .site-title a,
|
|
.colors-custom.has-header-video .site-title a,
|
|
.colors-custom.has-header-image .site-description,
|
|
.colors-custom.has-header-video .site-description {
|
|
color: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */
|
|
}
|
|
|
|
body.colors-custom,
|
|
.colors-custom .navigation-top,
|
|
.colors-custom .main-navigation ul {
|
|
background: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */
|
|
}
|
|
|
|
.colors-custom .widget ul li a,
|
|
.colors-custom .site-footer .widget-area ul li a {
|
|
-webkit-box-shadow: inset 0 -1px 0 hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: rgba(255, 255, 255, 1); */
|
|
box-shadow: inset 0 -1px 0 hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: rgba(255, 255, 255, 1); */
|
|
}
|
|
|
|
.colors-custom .menu-toggle,
|
|
.colors-custom .menu-toggle:hover,
|
|
.colors-custom .menu-toggle:focus,
|
|
.colors-custom .menu .dropdown-toggle,
|
|
.colors-custom .menu-scroll-down,
|
|
.colors-custom .menu-scroll-down:hover,
|
|
.colors-custom .menu-scroll-down:focus {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.colors-custom .widget .tagcloud a,
|
|
.colors-custom .widget .tagcloud a:focus,
|
|
.colors-custom .widget .tagcloud a:hover,
|
|
.colors-custom .widget.widget_tag_cloud a,
|
|
.colors-custom .widget.widget_tag_cloud a:focus,
|
|
.colors-custom .widget.widget_tag_cloud a:hover,
|
|
.colors-custom .wp_widget_tag_cloud a,
|
|
.colors-custom .wp_widget_tag_cloud a:focus,
|
|
.colors-custom .wp_widget_tag_cloud a:hover,
|
|
.colors-custom .entry-footer .edit-link a.post-edit-link:focus,
|
|
.colors-custom .entry-footer .edit-link a.post-edit-link:hover {
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/* Reset non-customizable hover styling for links */
|
|
.colors-custom .entry-content a:hover,
|
|
.colors-custom .entry-content a:focus,
|
|
.colors-custom .entry-summary a:hover,
|
|
.colors-custom .entry-summary a:focus,
|
|
.colors-custom .widget a:hover,
|
|
.colors-custom .widget a:focus,
|
|
.colors-custom .site-footer .widget-area a:hover,
|
|
.colors-custom .site-footer .widget-area a:focus,
|
|
.colors-custom .posts-navigation a:hover,
|
|
.colors-custom .posts-navigation a:focus,
|
|
.colors-custom .widget_authors a:hover strong,
|
|
.colors-custom .widget_authors a:focus strong {
|
|
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
|
|
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
|
|
}
|
|
|
|
.colors-custom .gallery-item a,
|
|
.colors-custom .gallery-item a:hover,
|
|
.colors-custom .gallery-item a:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
@media screen and (min-width: 48em) {
|
|
|
|
.colors-custom .nav-links .nav-previous .nav-title .icon,
|
|
.colors-custom .nav-links .nav-next .nav-title .icon {
|
|
color: hsl( ' . $hue . ', ' . $saturation . ', 20% ); /* base: #222; */
|
|
}
|
|
|
|
.colors-custom .main-navigation li li:hover,
|
|
.colors-custom .main-navigation li li.focus {
|
|
background: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */
|
|
}
|
|
|
|
.colors-custom .navigation-top .menu-scroll-down {
|
|
color: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */;
|
|
}
|
|
|
|
.colors-custom abbr[title] {
|
|
border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */;
|
|
}
|
|
|
|
.colors-custom .main-navigation ul ul {
|
|
border-color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */
|
|
background: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */
|
|
}
|
|
|
|
.colors-custom .main-navigation ul li.menu-item-has-children:before,
|
|
.colors-custom .main-navigation ul li.page_item_has_children:before {
|
|
border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 73% ); /* base: #bbb; */
|
|
}
|
|
|
|
.colors-custom .main-navigation ul li.menu-item-has-children:after,
|
|
.colors-custom .main-navigation ul li.page_item_has_children:after {
|
|
border-bottom-color: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */
|
|
}
|
|
|
|
.colors-custom .main-navigation li li.focus > a,
|
|
.colors-custom .main-navigation li li:focus > a,
|
|
.colors-custom .main-navigation li li:hover > a,
|
|
.colors-custom .main-navigation li li a:hover,
|
|
.colors-custom .main-navigation li li a:focus,
|
|
.colors-custom .main-navigation li li.current_page_item a:hover,
|
|
.colors-custom .main-navigation li li.current-menu-item a:hover,
|
|
.colors-custom .main-navigation li li.current_page_item a:focus,
|
|
.colors-custom .main-navigation li li.current-menu-item a:focus {
|
|
color: hsl( ' . $hue . ', ' . $saturation . ', 100% ); /* base: #fff; */
|
|
}
|
|
}';
|
|
|
|
/**
|
|
* Filters Twenty Seventeen custom colors CSS.
|
|
*
|
|
* @since Twenty Seventeen 1.0
|
|
*
|
|
* @param string $css Base theme colors CSS.
|
|
* @param int $hue The user's selected color hue.
|
|
* @param string $saturation Filtered theme color saturation level.
|
|
*/
|
|
return apply_filters( 'twentyseventeen_custom_colors_css', $css, $hue, $saturation );
|
|
}
|