Maywood: Colour update

This commit is contained in:
Takashi Irie 2019-08-27 11:37:21 +01:00
parent 54562c05d7
commit 8e9c437d34
6 changed files with 82 additions and 124 deletions

View file

@ -60,12 +60,12 @@ if ( ! function_exists( 'maywood_setup' ) ) :
array(
'name' => __( 'Primary', 'maywood' ),
'slug' => 'primary',
'color' => '#c43d80',
'color' => '#897248',
),
array(
'name' => __( 'Secondary', 'maywood' ),
'slug' => 'secondary',
'color' => '#9e3067',
'color' => '#c4493f',
),
array(
'name' => __( 'Black', 'maywood' ),

View file

@ -62,12 +62,12 @@ $config-global: (
/* Colors */
"color": (
"primary": (
"default": #c43d80,
"hover": darken(#c43d80, 10%),
"default": #897248,
"hover": darken(#897248, 10%),
),
"secondary": (
"default": #9e3067,
"hover": darken(#9e3067, 10%),
"default": #c4493f,
"hover": darken(#c4493f, 10%),
),
"foreground": (
"default": #181818,
@ -318,8 +318,8 @@ $config-header: (
// Colors
"color": (
"text": map-deep-get($config-global, "color", "foreground", "default"),
"link": map-deep-get($config-global, "color", "primary", "default"),
"link-hover": map-deep-get($config-global, "color", "primary", "hover"),
"link": map-deep-get($config-global, "color", "foreground", "default"),
"link-hover": map-deep-get($config-global, "color", "primary", "default"),
),
// Fonts
"font": (

View file

@ -76,26 +76,12 @@ a {
}
}
.site-branding {
display: flex;
flex-direction: column;
}
.site-description {
order: 1;
}
.site-logo,
.site-title {
order: 2;
}
.site-logo + .site-title {
margin-top: #{0.25 * $spacing_vertical};
}
.site-title + .site-description {
margin-bottom: #{0.5 * $spacing_unit};
margin-top: #{0.5 * $spacing_unit};
}
/**

View file

@ -180,11 +180,11 @@ p {
}
a {
color: #c43d80;
color: #897248;
}
a:hover {
color: #9e3067;
color: #685636;
}
button,
@ -301,24 +301,24 @@ object {
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.83333em;
line-height: 1;
background-color: #c43d80;
background-color: #897248;
border-radius: 5px;
padding: 16px 16px;
}
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus {
color: white;
background-color: #9e3067;
background-color: #685636;
}
.wp-block-button.is-style-outline .wp-block-button__link {
color: #c43d80;
color: #897248;
background: transparent;
border: 2px solid currentcolor;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
color: #9e3067;
color: #685636;
}
.wp-block-button.is-style-squared .wp-block-button__link {
@ -545,7 +545,7 @@ p.has-background:not(.has-background-background-color) a {
}
.wp-block-pullquote.is-style-solid-color {
background-color: #c43d80;
background-color: #897248;
color: #FFFFFF;
}
@ -575,7 +575,7 @@ p.has-background:not(.has-background-background-color) a {
}
.wp-block-quote {
border-left-color: #c43d80;
border-left-color: #897248;
margin: 32px 0;
padding-left: 16px;
}
@ -651,11 +651,11 @@ table th,
}
.has-primary-color[class] {
color: #c43d80 !important;
color: #897248 !important;
}
.has-secondary-color[class] {
color: #9e3067 !important;
color: #c4493f !important;
}
.has-foreground-color[class] {
@ -689,17 +689,17 @@ table th,
}
.has-primary-background-color[class] {
background-color: #c43d80 !important;
background-color: #897248 !important;
color: #FFFFFF;
}
.has-primary-background-color[class] {
background-color: #c43d80 !important;
background-color: #897248 !important;
color: #FFFFFF;
}
.has-secondary-background-color[class] {
background-color: #9e3067 !important;
background-color: #c4493f !important;
color: #FFFFFF;
}

View file

@ -603,11 +603,11 @@ body {
* Links styles
*/
a {
color: #c43d80;
color: #897248;
}
a:hover {
color: #9e3067;
color: #685636;
}
button,
@ -988,7 +988,7 @@ input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #181818;
border-color: #9e3067;
border-color: #685636;
}
select {
@ -1075,7 +1075,7 @@ input[type="submit"],
font-weight: 700;
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.83333rem;
background-color: #c43d80;
background-color: #897248;
border-radius: 5px;
border-width: 0;
padding: 16px 16px;
@ -1126,21 +1126,21 @@ input.has-focus[type="submit"],
.has-focus.wp-block-button__link,
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
color: white;
background-color: #9e3067;
background-color: #685636;
}
/**
* Block Options
*/
.wp-block-button.is-style-outline .wp-block-button__link {
color: #c43d80;
color: #897248;
background: transparent;
border: 2px solid currentcolor;
padding: 14px 16px;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
color: #9e3067;
color: #685636;
}
.wp-block-button.is-style-squared .wp-block-button__link {
@ -1318,7 +1318,7 @@ input.has-focus[type="submit"],
}
.wp-block-file .wp-block-file__button {
background-color: #c43d80;
background-color: #897248;
color: white;
font-size: 0.83333rem;
margin-right: 16px;
@ -1689,7 +1689,7 @@ p.has-background {
.a8c-posts-list-item__featured span {
color: #FFFFFF;
background-color: #c43d80;
background-color: #897248;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
font-size: 0.83333rem;
@ -1736,7 +1736,7 @@ p.has-background {
}
.a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
color: #9e3067;
color: #685636;
}
.a8c-posts-list__item .a8c-posts-list-item__edit-link {
@ -1795,7 +1795,7 @@ p.has-background {
}
.wp-block-pullquote.is-style-solid-color {
background-color: #c43d80;
background-color: #897248;
color: #FFFFFF;
}
@ -1820,7 +1820,7 @@ p.has-background {
}
.wp-block-quote {
border-right-color: #c43d80;
border-right-color: #897248;
margin: 32px 0;
padding: 0 16px;
/**
@ -1863,7 +1863,7 @@ p.has-background {
}
.wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
border-left-color: #c43d80;
border-left-color: #897248;
}
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
@ -2042,11 +2042,11 @@ table th,
}
.has-primary-color[class] {
color: #c43d80 !important;
color: #897248 !important;
}
.has-secondary-color[class] {
color: #9e3067 !important;
color: #c4493f !important;
}
.has-foreground-color[class] {
@ -2080,12 +2080,12 @@ table th,
}
.has-primary-background-color[class] {
background-color: #c43d80 !important;
background-color: #897248 !important;
color: #FFFFFF;
}
.has-secondary-background-color[class] {
background-color: #9e3067 !important;
background-color: #c4493f !important;
color: #FFFFFF;
}
@ -2307,7 +2307,7 @@ table th,
}
.site-title a:hover {
color: #c43d80;
color: #897248;
}
.site-description {
@ -2334,7 +2334,7 @@ table th,
}
.main-navigation #toggle:focus + #toggle-menu {
background-color: #9e3067;
background-color: #897248;
outline: inherit;
text-decoration: underline;
}
@ -2462,7 +2462,7 @@ table th,
}
.main-navigation a {
color: #c43d80;
color: #181818;
display: block;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1rem;
@ -2477,11 +2477,11 @@ table th,
}
.main-navigation a:link, .main-navigation a:visited {
color: #c43d80;
color: #181818;
}
.main-navigation a:hover {
color: #9e3067;
color: #897248;
}
.main-navigation .sub-menu {
@ -2545,7 +2545,7 @@ table th,
}
.social-navigation a:hover {
color: #c43d80;
color: #897248;
}
.social-navigation svg {
@ -2594,7 +2594,7 @@ table th,
}
.site-info a:hover {
color: #9e3067;
color: #685636;
}
.footer-navigation {
@ -2654,7 +2654,7 @@ table th,
}
.footer-navigation .footer-menu a:hover {
color: #9e3067;
color: #685636;
}
.entry-title {
@ -2702,7 +2702,7 @@ table th,
.entry-meta a:hover, .entry-meta a:active,
.entry-footer a:hover,
.entry-footer a:active {
color: #9e3067;
color: #685636;
}
.entry-meta .svg-icon,
@ -2946,7 +2946,7 @@ table th,
}
.comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
color: #9e3067;
color: #685636;
}
@media only screen and (min-width: 560px) {
@ -3116,7 +3116,7 @@ img#wpstats {
*/
.sticky-post {
color: #FFFFFF;
background-color: #c43d80;
background-color: #897248;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
font-size: 0.83333rem;
@ -3474,26 +3474,12 @@ p:not(.site-title) a:hover {
}
}
.site-branding {
display: flex;
flex-direction: column;
}
.site-description {
order: 1;
}
.site-logo,
.site-title {
order: 2;
}
.site-logo + .site-title {
margin-top: 8px;
}
.site-title + .site-description {
margin-bottom: 8px;
margin-top: 8px;
}
/**
@ -3561,7 +3547,7 @@ p:not(.site-title) a:hover {
.a8c-posts-list .a8c-posts-list-item__title a:active,
.a8c-posts-list .a8c-posts-list-item__title a:focus,
.a8c-posts-list .a8c-posts-list-item__title a:hover {
color: #c43d80;
color: #897248;
}
.sticky-post,

View file

@ -603,11 +603,11 @@ body {
* Links styles
*/
a {
color: #c43d80;
color: #897248;
}
a:hover {
color: #9e3067;
color: #685636;
}
button,
@ -988,7 +988,7 @@ input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #181818;
border-color: #9e3067;
border-color: #685636;
}
select {
@ -1075,7 +1075,7 @@ input[type="submit"],
font-weight: 700;
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.83333rem;
background-color: #c43d80;
background-color: #897248;
border-radius: 5px;
border-width: 0;
padding: 16px 16px;
@ -1126,21 +1126,21 @@ input.has-focus[type="submit"],
.has-focus.wp-block-button__link,
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
color: white;
background-color: #9e3067;
background-color: #685636;
}
/**
* Block Options
*/
.wp-block-button.is-style-outline .wp-block-button__link {
color: #c43d80;
color: #897248;
background: transparent;
border: 2px solid currentcolor;
padding: 14px 16px;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
color: #9e3067;
color: #685636;
}
.wp-block-button.is-style-squared .wp-block-button__link {
@ -1318,7 +1318,7 @@ input.has-focus[type="submit"],
}
.wp-block-file .wp-block-file__button {
background-color: #c43d80;
background-color: #897248;
color: white;
font-size: 0.83333rem;
margin-left: 16px;
@ -1689,7 +1689,7 @@ p.has-background {
.a8c-posts-list-item__featured span {
color: #FFFFFF;
background-color: #c43d80;
background-color: #897248;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
font-size: 0.83333rem;
@ -1736,7 +1736,7 @@ p.has-background {
}
.a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
color: #9e3067;
color: #685636;
}
.a8c-posts-list__item .a8c-posts-list-item__edit-link {
@ -1795,7 +1795,7 @@ p.has-background {
}
.wp-block-pullquote.is-style-solid-color {
background-color: #c43d80;
background-color: #897248;
color: #FFFFFF;
}
@ -1820,7 +1820,7 @@ p.has-background {
}
.wp-block-quote {
border-left-color: #c43d80;
border-left-color: #897248;
margin: 32px 0;
padding: 0 16px;
/**
@ -1863,7 +1863,7 @@ p.has-background {
}
.wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
border-right-color: #c43d80;
border-right-color: #897248;
}
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
@ -2047,11 +2047,11 @@ table th,
}
.has-primary-color[class] {
color: #c43d80 !important;
color: #897248 !important;
}
.has-secondary-color[class] {
color: #9e3067 !important;
color: #c4493f !important;
}
.has-foreground-color[class] {
@ -2085,12 +2085,12 @@ table th,
}
.has-primary-background-color[class] {
background-color: #c43d80 !important;
background-color: #897248 !important;
color: #FFFFFF;
}
.has-secondary-background-color[class] {
background-color: #9e3067 !important;
background-color: #c4493f !important;
color: #FFFFFF;
}
@ -2312,7 +2312,7 @@ table th,
}
.site-title a:hover {
color: #c43d80;
color: #897248;
}
.site-description {
@ -2339,7 +2339,7 @@ table th,
}
.main-navigation #toggle:focus + #toggle-menu {
background-color: #9e3067;
background-color: #897248;
outline: inherit;
text-decoration: underline;
}
@ -2467,7 +2467,7 @@ table th,
}
.main-navigation a {
color: #c43d80;
color: #181818;
display: block;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1rem;
@ -2482,11 +2482,11 @@ table th,
}
.main-navigation a:link, .main-navigation a:visited {
color: #c43d80;
color: #181818;
}
.main-navigation a:hover {
color: #9e3067;
color: #897248;
}
.main-navigation .sub-menu {
@ -2550,7 +2550,7 @@ table th,
}
.social-navigation a:hover {
color: #c43d80;
color: #897248;
}
.social-navigation svg {
@ -2599,7 +2599,7 @@ table th,
}
.site-info a:hover {
color: #9e3067;
color: #685636;
}
.footer-navigation {
@ -2659,7 +2659,7 @@ table th,
}
.footer-navigation .footer-menu a:hover {
color: #9e3067;
color: #685636;
}
.entry-title {
@ -2707,7 +2707,7 @@ table th,
.entry-meta a:hover, .entry-meta a:active,
.entry-footer a:hover,
.entry-footer a:active {
color: #9e3067;
color: #685636;
}
.entry-meta .svg-icon,
@ -2951,7 +2951,7 @@ table th,
}
.comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
color: #9e3067;
color: #685636;
}
@media only screen and (min-width: 560px) {
@ -3121,7 +3121,7 @@ img#wpstats {
*/
.sticky-post {
color: #FFFFFF;
background-color: #c43d80;
background-color: #897248;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
font-size: 0.83333rem;
@ -3491,26 +3491,12 @@ p:not(.site-title) a:hover {
}
}
.site-branding {
display: flex;
flex-direction: column;
}
.site-description {
order: 1;
}
.site-logo,
.site-title {
order: 2;
}
.site-logo + .site-title {
margin-top: 8px;
}
.site-title + .site-description {
margin-bottom: 8px;
margin-top: 8px;
}
/**
@ -3578,7 +3564,7 @@ p:not(.site-title) a:hover {
.a8c-posts-list .a8c-posts-list-item__title a:active,
.a8c-posts-list .a8c-posts-list-item__title a:focus,
.a8c-posts-list .a8c-posts-list-item__title a:hover {
color: #c43d80;
color: #897248;
}
.sticky-post,