Alves: Add misc color and spacing fixes
This commit is contained in:
Danny Dudzic
parent
ba4d7139d0
commit
f2240ef56c
3 changed files with 49 additions and 260 deletions
|
|
@ -23,6 +23,7 @@
|
|||
|
||||
$color_background: #{map-deep-get($config-global, "color", "background", "default")};
|
||||
$color_background_light: #{map-deep-get($config-global, "color", "background", "light")};
|
||||
$color_background_dark: #{map-deep-get($config-global, "color", "background", "dark")};
|
||||
$color_foreground: #{map-deep-get($config-global, "color", "foreground", "default")};
|
||||
$color_primary: #{map-deep-get($config-global, "color", "primary", "default")};
|
||||
$color_secondary: #{map-deep-get($config-global, "color", "secondary", "default")};
|
||||
|
|
@ -48,7 +49,7 @@ $button_spacing_vertical: #{map-deep-get($config-button, "padding", "vertical")}
|
|||
$button_spacing_horizontal: #{map-deep-get($config-button, "padding", "horizontal")};
|
||||
$button_background_hover: #{map-deep-get($config-button, "color", "background-hover")};
|
||||
$font_size_widget_title: #{map-deep-get($config-heading, "font", "size", "h4")};
|
||||
$footer_widget_area_spacing_horizontal: 2 * map-deep-get($config-global, "spacing", "horizontal");
|
||||
$footer_spacing_horizontal: 2 * map-deep-get($config-global, "spacing", "horizontal");
|
||||
$site_main_spacing_vertical: 2 * map-deep-get($config-global, "spacing", "vertical");
|
||||
|
||||
/**
|
||||
|
|
@ -304,6 +305,10 @@ blockquote p {
|
|||
margin-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Social Menu
|
||||
.social-navigation {
|
||||
& > div > ul {
|
||||
|
|
@ -326,14 +331,10 @@ blockquote p {
|
|||
}
|
||||
}
|
||||
|
||||
#post-5 .entry-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-content {
|
||||
.site-main {
|
||||
padding-top: 0;
|
||||
padding-bottom: $site_main_spacing_vertical;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
@include media(mobile-only) {
|
||||
|
|
@ -353,94 +354,24 @@ blockquote p {
|
|||
justify-content: center;
|
||||
}
|
||||
|
||||
/**
|
||||
* 5. General Block Styles
|
||||
*/
|
||||
.has-secondary-hover-color[class] {
|
||||
color: $color_secondary_hover !important;
|
||||
}
|
||||
|
||||
.has-primary-hover-color[class] {
|
||||
color: $color_primary_hover !important;
|
||||
}
|
||||
|
||||
.has-foreground-default-color[class] {
|
||||
color: $color_foreground !important;
|
||||
}
|
||||
|
||||
.has-text-color {
|
||||
&.has-secondary-hover-color[class] {
|
||||
color: $color_secondary_hover !important;
|
||||
|
||||
&:hover {
|
||||
color: $color_secondary_hover !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-primary-hover-color[class] {
|
||||
color: $color_primary_hover !important;
|
||||
|
||||
&:hover {
|
||||
color: $color_primary_hover !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-foreground-default-color[class] {
|
||||
color: $color_foreground !important;
|
||||
|
||||
&:hover {
|
||||
color: $color_foreground !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.has-background {
|
||||
&.has-secondary-hover-background-color[class] {
|
||||
background: $color_secondary_hover !important;
|
||||
|
||||
&:hover {
|
||||
background: $color_secondary_hover !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-primary-hover-background-color[class] {
|
||||
background: $color_primary_hover !important;
|
||||
|
||||
&:hover {
|
||||
background: $color_primary_hover !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-foreground-default-background-color[class] {
|
||||
background: $color_foreground !important;
|
||||
|
||||
&:hover {
|
||||
background: $color_foreground !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Footer & Footer Widgets
|
||||
*/
|
||||
.site-footer {
|
||||
@extend %responsive-alignfull;
|
||||
background: $color_primary;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
color: $color_background;
|
||||
padding-left: $spacing_horizontal;
|
||||
padding-right: $spacing_horizontal;
|
||||
|
||||
button,
|
||||
.button,
|
||||
input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"], {
|
||||
background:: #{map-deep-get($config-global, "color", "secondary", "default")};
|
||||
color: #{map-deep-get($config-global, "color", "primary", "default")};
|
||||
|
||||
&:hover {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#footer-widgets {
|
||||
border-bottom: 1px solid #{map-deep-get($config-global, "color", "border", "light")};
|
||||
|
|
@ -460,7 +391,7 @@ blockquote p {
|
|||
|
||||
@include media(laptop) {
|
||||
|
||||
padding-right: $footer_widget_area_spacing_horizontal;
|
||||
padding-right: $footer_spacing_horizontal;
|
||||
|
||||
&:last-of-type {
|
||||
padding-right: 0;
|
||||
|
|
@ -478,20 +409,19 @@ blockquote p {
|
|||
|
||||
|
||||
a {
|
||||
font-family: $font_family_primary;
|
||||
color: $color_background;
|
||||
color: $color_foreground;
|
||||
font-family: $font_family_secondary;
|
||||
padding: 0;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: underline;
|
||||
color: $color_primary;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-navigation {
|
||||
order: 1;
|
||||
font-style: italic;
|
||||
flex-wrap: nowrap;
|
||||
flex: 1;
|
||||
text-align: left;
|
||||
|
|
@ -501,7 +431,6 @@ blockquote p {
|
|||
display: block;
|
||||
justify-content: left;
|
||||
margin: 0;
|
||||
color: $color_secondary;
|
||||
|
||||
li:after {
|
||||
content: ' · ';
|
||||
|
|
@ -532,7 +461,6 @@ blockquote p {
|
|||
*/
|
||||
.widget {
|
||||
.widget-title {
|
||||
color: $color_background;
|
||||
margin-bottom: $spacing_vertical;
|
||||
}
|
||||
|
||||
|
|
@ -552,7 +480,6 @@ blockquote p {
|
|||
|
||||
li {
|
||||
a {
|
||||
color: $color_background;
|
||||
padding: ($baseline-unit * .75) 0;
|
||||
|
||||
&:hover {
|
||||
|
|
@ -566,3 +493,8 @@ blockquote p {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container .wp-block-latest-posts .wp-block-latest-posts__post-date,
|
||||
.wp-block-cover .wp-block-cover__inner-container .wp-block-quote cite {
|
||||
color: $color_background_dark;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3558,7 +3558,6 @@ blockquote p {
|
|||
.site-header .main-navigation > div > ul > li.current-menu-item > ul {
|
||||
box-shadow: none;
|
||||
overflow: hidden;
|
||||
padding-top: 8px;
|
||||
}
|
||||
.site-header .main-navigation > div > ul > li:hover > ul:before,
|
||||
.site-header .main-navigation > div > ul > li.focus > ul:before,
|
||||
|
|
@ -3588,6 +3587,10 @@ blockquote p {
|
|||
margin-left: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
|
@ -3605,13 +3608,9 @@ blockquote p {
|
|||
}
|
||||
}
|
||||
|
||||
#post-5 .entry-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-content .site-main {
|
||||
padding-top: 0;
|
||||
padding-bottom: 64px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
|
|
@ -3632,86 +3631,14 @@ blockquote p {
|
|||
justify-content: center;
|
||||
}
|
||||
|
||||
/**
|
||||
* 5. General Block Styles
|
||||
*/
|
||||
.has-secondary-hover-color[class] {
|
||||
color: #755029 !important;
|
||||
}
|
||||
|
||||
.has-primary-hover-color[class] {
|
||||
color: #2f5f74 !important;
|
||||
}
|
||||
|
||||
.has-foreground-default-color[class] {
|
||||
color: #394d55 !important;
|
||||
}
|
||||
|
||||
.has-text-color.has-secondary-hover-color[class] {
|
||||
color: #755029 !important;
|
||||
}
|
||||
|
||||
.has-text-color.has-secondary-hover-color[class]:hover {
|
||||
color: #755029 !important;
|
||||
}
|
||||
|
||||
.has-text-color.has-primary-hover-color[class] {
|
||||
color: #2f5f74 !important;
|
||||
}
|
||||
|
||||
.has-text-color.has-primary-hover-color[class]:hover {
|
||||
color: #2f5f74 !important;
|
||||
}
|
||||
|
||||
.has-text-color.has-foreground-default-color[class] {
|
||||
color: #394d55 !important;
|
||||
}
|
||||
|
||||
.has-text-color.has-foreground-default-color[class]:hover {
|
||||
color: #394d55 !important;
|
||||
}
|
||||
|
||||
.has-background.has-secondary-hover-background-color[class] {
|
||||
background: #755029 !important;
|
||||
}
|
||||
|
||||
.has-background.has-secondary-hover-background-color[class]:hover {
|
||||
background: #755029 !important;
|
||||
}
|
||||
|
||||
.has-background.has-primary-hover-background-color[class] {
|
||||
background: #2f5f74 !important;
|
||||
}
|
||||
|
||||
.has-background.has-primary-hover-background-color[class]:hover {
|
||||
background: #2f5f74 !important;
|
||||
}
|
||||
|
||||
.has-background.has-foreground-default-background-color[class] {
|
||||
background: #394d55 !important;
|
||||
}
|
||||
|
||||
.has-background.has-foreground-default-background-color[class]:hover {
|
||||
background: #394d55 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Footer & Footer Widgets
|
||||
*/
|
||||
.site-footer {
|
||||
background: #3E7D98;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.site-footer button,
|
||||
.site-footer .button,
|
||||
.site-footer input[type="button"],
|
||||
.site-footer input[type="reset"],
|
||||
.site-footer input[type="submit"] {
|
||||
background: #9B6A36;
|
||||
color: #3E7D98;
|
||||
padding-right: spacing_horizontal;
|
||||
padding-left: spacing_horizontal;
|
||||
}
|
||||
|
||||
.site-footer #footer-widgets {
|
||||
|
|
@ -3750,19 +3677,18 @@ blockquote p {
|
|||
}
|
||||
|
||||
.site-footer #footer-info-wrapper a {
|
||||
font-family: "Lora", Georgia, sans-serif;
|
||||
color: #ffffff;
|
||||
color: #394d55;
|
||||
font-family: "Karla", Arial, sans-serif;
|
||||
padding: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-footer #footer-info-wrapper a:hover, .site-footer #footer-info-wrapper a:focus {
|
||||
text-decoration: underline;
|
||||
color: #3E7D98;
|
||||
}
|
||||
|
||||
.site-footer #footer-info-wrapper .footer-navigation {
|
||||
order: 1;
|
||||
font-style: italic;
|
||||
flex-wrap: nowrap;
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
|
|
@ -3773,7 +3699,6 @@ blockquote p {
|
|||
display: block;
|
||||
justify-content: left;
|
||||
margin: 0;
|
||||
color: #9B6A36;
|
||||
}
|
||||
|
||||
.site-footer #footer-info-wrapper .footer-navigation .footer-menu li:after {
|
||||
|
|
@ -3800,7 +3725,6 @@ blockquote p {
|
|||
* Widgets
|
||||
*/
|
||||
.widget .widget-title {
|
||||
color: #ffffff;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
|
|
@ -3820,7 +3744,6 @@ blockquote p {
|
|||
}
|
||||
|
||||
.widget ul li a {
|
||||
color: #ffffff;
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
|
|
@ -3831,3 +3754,8 @@ blockquote p {
|
|||
.widget ul li.recentcomments a {
|
||||
padding: 6px 0 !important;
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container .wp-block-latest-posts .wp-block-latest-posts__post-date,
|
||||
.wp-block-cover .wp-block-cover__inner-container .wp-block-quote cite {
|
||||
color: #d9d9d9;
|
||||
}
|
||||
|
|
|
|||
101
alves/style.css
101
alves/style.css
|
|
@ -3603,6 +3603,10 @@ blockquote p {
|
|||
margin-right: 0;
|
||||
}
|
||||
|
||||
.footer-navigation .footer-menu > li:first-of-type {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
|
@ -3620,13 +3624,9 @@ blockquote p {
|
|||
}
|
||||
}
|
||||
|
||||
#post-5 .entry-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-content .site-main {
|
||||
padding-top: 0;
|
||||
padding-bottom: 64px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
|
|
@ -3647,86 +3647,14 @@ blockquote p {
|
|||
justify-content: center;
|
||||
}
|
||||
|
||||
/**
|
||||
* 5. General Block Styles
|
||||
*/
|
||||
.has-secondary-hover-color[class] {
|
||||
color: #755029 !important;
|
||||
}
|
||||
|
||||
.has-primary-hover-color[class] {
|
||||
color: #2f5f74 !important;
|
||||
}
|
||||
|
||||
.has-foreground-default-color[class] {
|
||||
color: #394d55 !important;
|
||||
}
|
||||
|
||||
.has-text-color.has-secondary-hover-color[class] {
|
||||
color: #755029 !important;
|
||||
}
|
||||
|
||||
.has-text-color.has-secondary-hover-color[class]:hover {
|
||||
color: #755029 !important;
|
||||
}
|
||||
|
||||
.has-text-color.has-primary-hover-color[class] {
|
||||
color: #2f5f74 !important;
|
||||
}
|
||||
|
||||
.has-text-color.has-primary-hover-color[class]:hover {
|
||||
color: #2f5f74 !important;
|
||||
}
|
||||
|
||||
.has-text-color.has-foreground-default-color[class] {
|
||||
color: #394d55 !important;
|
||||
}
|
||||
|
||||
.has-text-color.has-foreground-default-color[class]:hover {
|
||||
color: #394d55 !important;
|
||||
}
|
||||
|
||||
.has-background.has-secondary-hover-background-color[class] {
|
||||
background: #755029 !important;
|
||||
}
|
||||
|
||||
.has-background.has-secondary-hover-background-color[class]:hover {
|
||||
background: #755029 !important;
|
||||
}
|
||||
|
||||
.has-background.has-primary-hover-background-color[class] {
|
||||
background: #2f5f74 !important;
|
||||
}
|
||||
|
||||
.has-background.has-primary-hover-background-color[class]:hover {
|
||||
background: #2f5f74 !important;
|
||||
}
|
||||
|
||||
.has-background.has-foreground-default-background-color[class] {
|
||||
background: #394d55 !important;
|
||||
}
|
||||
|
||||
.has-background.has-foreground-default-background-color[class]:hover {
|
||||
background: #394d55 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Footer & Footer Widgets
|
||||
*/
|
||||
.site-footer {
|
||||
background: #3E7D98;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.site-footer button,
|
||||
.site-footer .button,
|
||||
.site-footer input[type="button"],
|
||||
.site-footer input[type="reset"],
|
||||
.site-footer input[type="submit"] {
|
||||
background: #9B6A36;
|
||||
color: #3E7D98;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.site-footer #footer-widgets {
|
||||
|
|
@ -3765,19 +3693,18 @@ blockquote p {
|
|||
}
|
||||
|
||||
.site-footer #footer-info-wrapper a {
|
||||
font-family: "Lora", Georgia, sans-serif;
|
||||
color: #ffffff;
|
||||
color: #394d55;
|
||||
font-family: "Karla", Arial, sans-serif;
|
||||
padding: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-footer #footer-info-wrapper a:hover, .site-footer #footer-info-wrapper a:focus {
|
||||
text-decoration: underline;
|
||||
color: #3E7D98;
|
||||
}
|
||||
|
||||
.site-footer #footer-info-wrapper .footer-navigation {
|
||||
order: 1;
|
||||
font-style: italic;
|
||||
flex-wrap: nowrap;
|
||||
flex: 1;
|
||||
text-align: left;
|
||||
|
|
@ -3788,7 +3715,6 @@ blockquote p {
|
|||
display: block;
|
||||
justify-content: left;
|
||||
margin: 0;
|
||||
color: #9B6A36;
|
||||
}
|
||||
|
||||
.site-footer #footer-info-wrapper .footer-navigation .footer-menu li:after {
|
||||
|
|
@ -3815,7 +3741,6 @@ blockquote p {
|
|||
* Widgets
|
||||
*/
|
||||
.widget .widget-title {
|
||||
color: #ffffff;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
|
|
@ -3835,7 +3760,6 @@ blockquote p {
|
|||
}
|
||||
|
||||
.widget ul li a {
|
||||
color: #ffffff;
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
|
|
@ -3846,3 +3770,8 @@ blockquote p {
|
|||
.widget ul li.recentcomments a {
|
||||
padding: 6px 0 !important;
|
||||
}
|
||||
|
||||
.wp-block-cover .wp-block-cover__inner-container .wp-block-latest-posts .wp-block-latest-posts__post-date,
|
||||
.wp-block-cover .wp-block-cover__inner-container .wp-block-quote cite {
|
||||
color: #d9d9d9;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue