INGREDIENTS
1 serving
twenty seventeen: color patterns
1 serving
colors-custom a:active
1 serving
colors-custom .widget_authors a:focus strong
1 serving
colors-custom .widget_authors a:hover strong
1 links
colors-custom .entry-footer .cat a:focus
1 links
colors-custom .entry-footer .cat a:hover
base
1 serving
colors-custom .widget_authors a strong {
1
webkit-box-shadow: inset 0 -px 0 hsl); /* base: rgba
1
box-shadow: inset 0 -px 0 hsl); /* base: rgba
1 serving
colors-custom button
1 serving
colors-custom input[type="button"]
222
background-color: hsl); /* base
1 serving
colors-custom input[type="date"]:focus
1 serving
colors-custom input[type="color"]:focus
1 serving
colors-custom button.secondary
1 serving
colors-custom input[type="button"].secondary
1 serving
colors-custom .navigation-top a
222
base
1 serving
colors-custom .widget_authors a:focus strong
1 serving
colors-custom .widget_authors a:hover strong
1 links
colors-custom .entry-footer .cat a:focus
1 links
colors-custom .entry-footer .cat a:hover
1 serving
colors-custom button
1 links
colors-custom .entry-footer .cat a
333
base
333
background: hsl); /* base
1 serving
colors-custom input[type="date"]:focus
1 serving
colors-custom input[type="color"]:focus
333
border-color: hsl); /* base
1 serving
colors-custom input[type="date"]
1 serving
colors-custom input[type="color"]
666
base
666
border-bottom-color: hsl); /* base
1 serving
colors-custom .navigation-top .current-menu-item > a
1 serving
colors-custom .navigation-top .current_page_item > a
767676
base
1 serving
colors-custom :not) > button:hover
1 serving
colors-custom :not) > button:focus
1 serving
colors-custom input[type="button"]:hover
1 serving
colors-custom input[type="button"]:focus
767676
background: hsl); /* base
1 serving
colors-custom button.secondary:hover
1 serving
colors-custom button.secondary:focus
1 serving
colors-custom input[type="button"].secondary:hover
1 serving
colors-custom input[type="button"].secondary:focus
1 serving
background: hsl); /* base: #bbb
1 serving
colors-custom input[type="date"]
1 serving
colors-custom input[type="color"]
1 serving
border-color: hsl); /* base: #bbb
1 serving
border-bottom-color: hsl); /* base: #bbb
1 links
colors-custom .entry-footer .cat icon
1 serving
base: #bbb
1 serving
colors-custom button.secondary
1 serving
colors-custom input[type="button"].secondary
1 serving
background-color: hsl); /* base: #ddd
1 serving
border-color: hsl); /* base: #ddd
1 serving
border-top-color: hsl); /* base: #ddd
1 serving
border-bottom-color: hsl); /* base: #ddd
1 serving
colors-custom pre
1 serving
background: hsl); /* base: #eee
1 serving
colors-custom .navigation-top
1 serving
border-top-color: hsl); /* base: #eee
1 serving
colors-custom .navigation-top
1 serving
colors-custom .single-featured-image-header
1 serving
border-bottom-color: hsl); /* base: #eee
1 serving
border-color: hsl); /* base: #eee
1 serving
colors-custom .single-featured-image-header {
1 serving
background-color: hsl); /* base: #fafafa
1 serving
colors-custom button
1 serving
colors-custom input[type="button"]
1 serving
base: #fff
1 serving
colors-custom .navigation-top
1 serving
background: hsl); /* base: #fff
1
webkit-box-shadow: inset 0 -px 0 hsl); /* base: rgba
1
box-shadow: inset 0 -px 0 hsl); /* base: rgba
1 serving
background-color: transparent
1 serving
colors-custom .widget_authors a:hover strong
1 serving
colors-custom .widget_authors a:focus strong {
222
base
767676
background: hsl); /* base
1 serving
colors-custom .navigation-top .menu-scroll-down {
767676
base
767676
border-bottom-color: hsl); /* base
1 serving
border-color: hsl); /* base: #bbb
1 serving
background: hsl); /* base: #fff
1 serving
border-bottom-color: hsl); /* base: #bbb
1 serving
border-bottom-color: hsl); /* base: #fff
1 serving
base: #fff
1 serving
colors are ordered from to
1 serving
colors-custom a:hover
1 serving
colors-custom .entry-content a:focus
1 serving
colors-custom .entry-content a:hover
1 serving
colors-custom .entry-summary a:focus
1 serving
colors-custom .entry-summary a:hover
1 serving
colors-custom .comment-content a:focus
1 serving
colors-custom .comment-content a:hover
1 serving
colors-custom .widget a:focus
1 serving
colors-custom .widget a:hover
1 serving
colors-custom .site-footer .widget-area a:focus
1 serving
colors-custom .site-footer .widget-area a:hover
1 serving
colors-custom .posts-navigation a:focus
1 serving
colors-custom .posts-navigation a:hover
1 serving
colors-custom .comment-metadata a:focus
1 serving
colors-custom .comment-metadata a:hover
1 serving
colors-custom .comment-metadata a.comment-edit-link:focus
1 serving
colors-custom .comment-metadata a.comment-edit-link:hover
1 serving
colors-custom .comment-reply-link:focus
1 serving
colors-custom .comment-reply-link:hover
1 serving
colors-custom .entry-title a:focus
1 serving
colors-custom .entry-title a:hover
1 serving
colors-custom .entry-meta a:focus
1 serving
colors-custom .entry-meta a:hover
1 serving
colors-custom.blog .entry-meta a.post-edit-link:focus
1 serving
colors-custom.blog .entry-meta a.post-edit-link:hover
1 serving
colors-custom.archive .entry-meta a.post-edit-link:focus
1 serving
colors-custom.archive .entry-meta a.post-edit-link:hover
1 serving
colors-custom.search .entry-meta a.post-edit-link:focus
1 serving
colors-custom.search .entry-meta a.post-edit-link:hover
1 links
colors-custom .page a:focus .page-number
1 links
colors-custom .page a:hover .page-number
1 serving
colors-custom .entry-footer a:focus
1 serving
colors-custom .entry-footer a:hover
1 links
colors-custom .entry-footer .tags a:focus
1 links
colors-custom .entry-footer .tags a:hover
1 serving
colors-custom .post-navigation a:focus
1 serving
colors-custom .post-navigation a:hover
colors-custom .pagination a:not:not:focus
colors-custom .pagination a:not:not:hover
colors-custom .comments-pagination a:not:not:focus
colors-custom .comments-pagination a:not:not:hover
1 serving
colors-custom .logged-in-as a:focus
1 serving
colors-custom .logged-in-as a:hover
1 serving
colors-custom a:focus .nav-title
1 serving
colors-custom a:hover .nav-title
1 link
colors-custom .edit a:focus
1 link
colors-custom .edit a:hover
1 serving
colors-custom .site-info a:focus
1 serving
colors-custom .site-info a:hover
1 serving
colors-custom .widget .widget-title a:focus
1 serving
colors-custom .widget .widget-title a:hover
1 serving
colors-custom .widget ul li a:focus
1 serving
colors-custom .widget ul li a:hover {
1 serving
}
1 serving
colors-custom .entry-content a
1 serving
colors-custom .entry-summary a
1 serving
colors-custom .comment-content a
1 serving
colors-custom .widget a
1 serving
colors-custom .site-footer .widget-area a
1 serving
colors-custom .posts-navigation a
1 serving
}
1 serving
colors-custom input[type="submit"]
1 link
colors-custom .entry-footer .edit a.post-edit-link {
1 serving
}
1 serving
colors-custom input[type="text"]:focus
1 serving
colors-custom input[type="email"]:focus
1 serving
colors-custom input[type="url"]:focus
1 serving
colors-custom input[type="password"]:focus
1 serving
colors-custom input[type="search"]:focus
1 serving
colors-custom input[type="number"]:focus
1 serving
colors-custom input[type="tel"]:focus
1 serving
colors-custom input[type="range"]:focus
1 serving
colors-custom input[type="month"]:focus
1 serving
colors-custom input[type="week"]:focus
1 serving
colors-custom input[type="time"]:focus
1 serving
colors-custom input[type="datetime"]:focus
1 serving
colors-custom .colors-custom input[type="datetime-local"]:focus
1 serving
colors-custom textarea:focus
1 serving
colors-custom input[type="reset"]
1 serving
colors-custom input[type="reset"].secondary
1 serving
colors-custom input[type="submit"].secondary
1 serving
colors-custom a
1 serving
colors-custom .site-title
1 serving
colors-custom .site-title a
1 serving
colors-custom .dropdown-toggle
1 serving
colors-custom .menu-toggle
1 serving
colors-custom .page .panel-content .entry-title
1 serving
colors-custom .page-title
colors-custom.page:not .entry-title
1 links
colors-custom .page a .page-number
1 serving
colors-custom .comment-metadata a.comment-edit-link
1 link
colors-custom .comment-reply icon
2
colors-custom hwidget-title
1 serving
colors-custom mark
1 serving
colors-custom .post-navigation a:focus .icon
1 serving
colors-custom .post-navigation a:hover .icon
1 serving
colors-custom .site-content .site-content-light
1 link
colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit {
1 serving
}
1 serving
colors-custom .entry-content a:focus
1 serving
colors-custom .entry-content a:hover
1 serving
colors-custom .entry-summary a:focus
1 serving
colors-custom .entry-summary a:hover
1 serving
colors-custom .comment-content a:focus
1 serving
colors-custom .comment-content a:hover
1 serving
colors-custom .widget a:focus
1 serving
colors-custom .widget a:hover
1 serving
colors-custom .site-footer .widget-area a:focus
1 serving
colors-custom .site-footer .widget-area a:hover
1 serving
colors-custom .posts-navigation a:focus
1 serving
colors-custom .posts-navigation a:hover
1 serving
colors-custom .comment-metadata a:focus
1 serving
colors-custom .comment-metadata a:hover
1 serving
colors-custom .comment-metadata a.comment-edit-link:focus
1 serving
colors-custom .comment-metadata a.comment-edit-link:hover
1 serving
colors-custom .comment-reply-link:focus
1 serving
colors-custom .comment-reply-link:hover
1 serving
colors-custom .entry-title a:focus
1 serving
colors-custom .entry-title a:hover
1 serving
colors-custom .entry-meta a:focus
1 serving
colors-custom .entry-meta a:hover
1 serving
colors-custom.blog .entry-meta a.post-edit-link:focus
1 serving
colors-custom.blog .entry-meta a.post-edit-link:hover
1 serving
colors-custom.archive .entry-meta a.post-edit-link:focus
1 serving
colors-custom.archive .entry-meta a.post-edit-link:hover
1 serving
colors-custom.search .entry-meta a.post-edit-link:focus
1 serving
colors-custom.search .entry-meta a.post-edit-link:hover
1 links
colors-custom .page a:focus .page-number
1 links
colors-custom .page a:hover .page-number
1 links
colors-custom .entry-footer .tags a:focus
1 links
colors-custom .entry-footer .tags a:hover
1 serving
colors-custom .post-navigation a:focus
1 serving
colors-custom .post-navigation a:hover
colors-custom .pagination a:not:not:focus
colors-custom .pagination a:not:not:hover
colors-custom .comments-pagination a:not:not:focus
colors-custom .comments-pagination a:not:not:hover
1 serving
colors-custom .logged-in-as a:focus
1 serving
colors-custom .logged-in-as a:hover
1 serving
colors-custom a:focus .nav-title
1 serving
colors-custom a:hover .nav-title
1 link
colors-custom .edit a:focus
1 link
colors-custom .edit a:hover
1 serving
colors-custom .site-info a:focus
1 serving
colors-custom .site-info a:hover
1 serving
colors-custom .widget .widget-title a:focus
1 serving
colors-custom .widget .widget-title a:hover
1 serving
colors-custom .widget ul li a:focus
1 serving
colors-custom .widget ul li a:hover {
webkit-box-shadow: inset 0 hsl)
box-shadow: inset 0 hsl)
1 serving
}
1 serving
body.colors-custom
1 serving
colors-custom input
1 serving
colors-custom select
1 serving
colors-custom textarea
1 serving
colors-custom h3
1 serving
colors-custom h4
1 serving
colors-custom h6
1 serving
colors-custom label
1 serving
colors-custom .entry-title a
1 serving
colors-custom.twentyseventeen-front-page .panel-content .recent-posts article
1 links
colors-custom .entry-footer .tags a
1 serving
colors-custom .format-quote blockquote
1 serving
colors-custom .nav-title
1 serving
colors-custom .comment-body
1 lb
colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-a um {
1 serving
}
1 serving
colors-custom .social-navigation a:hover
1 serving
colors-custom .social-navigation a:focus {
1 serving
}
1 serving
colors-custom input[type="text"]:focus
1 serving
colors-custom input[type="email"]:focus
1 serving
colors-custom input[type="url"]:focus
1 serving
colors-custom input[type="password"]:focus
1 serving
colors-custom input[type="search"]:focus
1 serving
colors-custom input[type="number"]:focus
1 serving
colors-custom input[type="tel"]:focus
1 serving
colors-custom input[type="range"]:focus
1 serving
colors-custom input[type="month"]:focus
1 serving
colors-custom input[type="week"]:focus
1 serving
colors-custom input[type="time"]:focus
1 serving
colors-custom input[type="datetime"]:focus
1 serving
colors-custom input[type="datetime-local"]:focus
1 serving
colors-custom textarea:focus
1 serving
bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
1 serving
}
1 serving
colors-custom h2
1 serving
colors-custom blockquote
1 serving
colors-custom input[type="text"]
1 serving
colors-custom input[type="email"]
1 serving
colors-custom input[type="url"]
1 serving
colors-custom input[type="password"]
1 serving
colors-custom input[type="search"]
1 serving
colors-custom input[type="number"]
1 serving
colors-custom input[type="tel"]
1 serving
colors-custom input[type="range"]
1 serving
colors-custom input[type="month"]
1 serving
colors-custom input[type="week"]
1 serving
colors-custom input[type="time"]
1 serving
colors-custom input[type="datetime"]
1 serving
colors-custom input[type="datetime-local"]
1 serving
colors-custom textarea
1 serving
colors-custom .site-description
1 serving
colors-custom .entry-content blockquote.alignleft
1 serving
colors-custom .entry-content blockquote.alignright
1 serving
colors-custom .colors-custom .taxonomy-description
1 serving
colors-custom .site-info a
1 serving
colors-custom .wp-caption
1 serving
colors-custom .gallery-caption {
1 serving
}
1 serving
colors-custom abbr
1 serving
colors-custom acronym {
1 serving
}
1 serving
colors-custom h5
1 serving
colors-custom .entry-meta
1 serving
colors-custom .entry-meta a
1 serving
colors-custom.blog .entry-meta a.post-edit-link
1 serving
colors-custom.archive .entry-meta a.post-edit-link
1 serving
colors-custom.search .entry-meta a.post-edit-link
1 serving
colors-custom .nav-subtitle
1 serving
colors-custom .comment-metadata
1 serving
colors-custom .comment-metadata a
1 serving
colors-custom .no-comments
1 serving
colors-custom .comment-awaiting-moderation
1 serving
colors-custom .page-numbers.current
1 links
colors-custom .page page-number
1 serving
colors-custom .main-navigation a:hover
1 serving
colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
1 serving
}
1 serving
colors-custom input[type="submit"]:hover
1 serving
colors-custom input[type="submit"]:focus
1 link
colors-custom .entry-footer .edit a.post-edit-link:hover
1 link
colors-custom .entry-footer .edit a.post-edit-link:focus
1 serving
colors-custom .social-navigation a
1 serving
colors-custom .prev.page-numbers:focus
1 serving
colors-custom .prev.page-numbers:hover
1 serving
colors-custom .next.page-numbers:focus
1 serving
colors-custom .next.page-numbers:hover
1 serving
colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover
1 serving
colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus {
1 serving
}
1 serving
colors-custom input[type="reset"]:hover
1 serving
colors-custom input[type="reset"]:focus
1 serving
colors-custom input[type="reset"].secondary:hover
1 serving
colors-custom input[type="reset"].secondary:focus
1 serving
colors-custom input[type="submit"].secondary:hover
1 serving
colors-custom input[type="submit"].secondary:focus
1 serving
colors-custom hr {
1 serving
}
1 serving
colors-custom input[type="text"]
1 serving
colors-custom input[type="email"]
1 serving
colors-custom input[type="url"]
1 serving
colors-custom input[type="password"]
1 serving
colors-custom input[type="search"]
1 serving
colors-custom input[type="number"]
1 serving
colors-custom input[type="tel"]
1 serving
colors-custom input[type="range"]
1 serving
colors-custom input[type="month"]
1 serving
colors-custom input[type="week"]
1 serving
colors-custom input[type="time"]
1 serving
colors-custom input[type="datetime"]
1 serving
colors-custom input[type="datetime-local"]
1 serving
colors-custom textarea
1 serving
colors-custom select
1 serving
colors-custom fieldset
1 serving
colors-custom .widget .tagcloud a:hover
1 serving
colors-custom .widget .tagcloud a:focus
1 serving
colors-custom .widget.widget_tag_cloud a:hover
1 serving
colors-custom .widget.widget_tag_cloud a:focus
1 serving
colors-custom .wp_widget_tag_cloud a:hover
1 serving
colors-custom .wp_widget_tag_cloud a:focus {
1 serving
}
1 head
colors-custom t th {
1 serving
}
1 links
colors-custom .entry-footer .tags icon {
1 serving
}
1 serving
colors-custom input[type="reset"]
1 serving
colors-custom input[type="reset"].secondary
1 serving
colors-custom input[type="submit"].secondary
1 serving
colors-custom .prev.page-numbers
1 serving
colors-custom .next.page-numbers {
1 serving
}
1 serving
colors-custom .widget .tagcloud a
1 serving
colors-custom .widget.widget_tag_cloud a
1 serving
colors-custom .wp_widget_tag_cloud a {
1 serving
}
colors-custom.twentyseventeen-front-page article:not:not)
1 serving
colors-custom .widget ul li {
1 serving
}
1 serving
colors-custom .widget ul li {
1 serving
}
1 serving
colors-custom mark
1 serving
colors-custom ins {
1 serving
}
1 serving
colors-custom .main-navigation > div > ul
1 serving
colors-custom .pagination
1 serving
colors-custom .comments-pagination
1 serving
colors-custom .entry-footer
1 serving
colors-custom .site-footer {
1 serving
}
1 serving
colors-custom .main-navigation li
1 serving
colors-custom .entry-footer
1 serving
colors-custom .site-content .wp-playlist-light .wp-playlist-item
1 serving
colors-custom tr {
1 serving
}
1 serving
colors-custom .site-content .wp-playlist-light {
1 serving
}
1 serving
colors-custom .site-header
1 serving
}
1 serving
colors-custom input[type="submit"]
1 link
colors-custom .entry-footer .edit a.post-edit-link
1 serving
colors-custom .social-navigation a
1 serving
colors-custom .site-content .wp-playlist-light a.wp-playlist-caption:hover
1 serving
colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover a
1 serving
colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus a
1 serving
colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover
1 serving
colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus
1 serving
colors-custom .prev.page-numbers:focus
1 serving
colors-custom .prev.page-numbers:hover
1 serving
colors-custom .next.page-numbers:focus
1 serving
colors-custom .next.page-numbers:hover
1 serving
colors-custom.has-header-image .site-title
1 serving
colors-custom.has-header-video .site-title
1 serving
colors-custom.has-header-image .site-title a
1 serving
colors-custom.has-header-video .site-title a
1 serving
colors-custom.has-header-image .site-description
1 serving
colors-custom.has-header-video .site-description {
1 serving
}
1 serving
body.colors-custom
1 serving
colors-custom .main-navigation ul {
1 serving
}
1 serving
colors-custom .widget ul li a
1 serving
colors-custom .site-footer .widget-area ul li a {
1 serving
}
1 serving
colors-custom .menu-toggle
1 serving
colors-custom .menu-toggle:hover
1 serving
colors-custom .menu-toggle:focus
1 serving
colors-custom .menu .dropdown-toggle
1 serving
colors-custom .menu-scroll-down
1 serving
colors-custom .menu-scroll-down:hover
1 serving
colors-custom .menu-scroll-down:focus {
1 serving
}
1 serving
colors-custom .widget .tagcloud a
1 serving
colors-custom .widget .tagcloud a:focus
1 serving
colors-custom .widget .tagcloud a:hover
1 serving
colors-custom .widget.widget_tag_cloud a
1 serving
colors-custom .widget.widget_tag_cloud a:focus
1 serving
colors-custom .widget.widget_tag_cloud a:hover
1 serving
colors-custom .wp_widget_tag_cloud a
1 serving
colors-custom .wp_widget_tag_cloud a:focus
1 serving
colors-custom .wp_widget_tag_cloud a:hover
1 link
colors-custom .entry-footer .edit a.post-edit-link:focus
1 link
colors-custom .entry-footer .edit a.post-edit-link:hover {
1 serving
webkit-box-shadow: none !important
1 serving
box-shadow: none !important
1 serving
}
1 serving
reset non-customizable hover styling
1 serving
colors-custom .entry-content a:hover
1 serving
colors-custom .entry-content a:focus
1 serving
colors-custom .entry-summary a:hover
1 serving
colors-custom .entry-summary a:focus
1 serving
colors-custom .comment-content a:focus
1 serving
colors-custom .comment-content a:hover
1 serving
colors-custom .widget a:hover
1 serving
colors-custom .widget a:focus
1 serving
colors-custom .site-footer .widget-area a:hover
1 serving
colors-custom .site-footer .widget-area a:focus
1 serving
colors-custom .posts-navigation a:hover
1 serving
colors-custom .posts-navigation a:focus
webkit-box-shadow: inset 0 0 0 rgba)
box-shadow: inset 0 0 0 rgba)
1 serving
}
1 serving
colors-custom .gallery-item a
1 serving
colors-custom .gallery-item a:hover
1 serving
colors-custom .gallery-item a:focus {
1 serving
webkit-box-shadow: none
1 serving
box-shadow: none
1 serving
}
1 serving
media screen and {
1 links
colors-custom .nav nav-previous .nav-title .icon
1 links
colors-custom .nav nav-next .nav-title .icon {
1 serving
}
1 serving
colors-custom .main-navigation li li:hover
1 serving
colors-custom .main-navigation li li.focus {
1 serving
}
1 serving
}
1 serving
colors-custom abbr[title] {
1 serving
}
1 serving
colors-custom .main-navigation ul ul {
1 serving
}
1 serving
colors-custom .main-navigation ul li.menu-item-has-children:before
1 serving
colors-custom .main-navigation ul li.page_item_has_children:before {
1 serving
}
1 serving
colors-custom .main-navigation ul li.menu-item-has-children:after
1 serving
colors-custom .main-navigation ul li.page_item_has_children:after {
1 serving
}
1 serving
colors-custom .main-navigation li li.focus > a
1 serving
colors-custom .main-navigation li li:focus > a
1 serving
colors-custom .main-navigation li li:hover > a
1 serving
colors-custom .main-navigation li li a:hover
1 serving
colors-custom .main-navigation li li a:focus
1 serving
colors-custom .main-navigation li li.current_page_item a:hover
1 serving
colors-custom .main-navigation li li.current-menu-item a:hover
1 serving
colors-custom .main-navigation li li.current_page_item a:focus
1 serving
colors-custom .main-navigation li li.current-menu-item a:focus {
1 serving
}
1 serving
}