Barnsbury: Misc style adjustments
This commit is contained in:
Takashi Irie
Danny Dudzic
parent
35796aee5b
commit
6d1aba7747
4 changed files with 180 additions and 130 deletions
|
|
@ -1,26 +0,0 @@
|
|||
/**
|
||||
* Filter Sass map values for child theme output.
|
||||
* - See: style-child-theme.scss
|
||||
*/
|
||||
|
||||
// @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i|Roboto:400,400i,700&display=swap');
|
||||
|
||||
$config-global: map-deep-set($config-global, "font" "size" "root", "20px");
|
||||
$config-global: map-deep-set($config-global, "font" "family" "primary", "\'Playfair Display\', serif");
|
||||
$config-global: map-deep-set($config-global, "font" "family" "secondary", "\'Roboto\', sans-serif");
|
||||
$config-global: map-deep-set($config-global, "color" "primary" "default", pink);
|
||||
$config-global: map-deep-set($config-global, "font" "size" "root", "20px");
|
||||
|
||||
// Button
|
||||
$config-button: map-deep-set($config-button, "color" "background", orange);
|
||||
|
||||
// Headings
|
||||
$config-heading: map-deep-set($config-heading, "font" "family", "\'Playfair Display\', serif");
|
||||
$config-heading: map-deep-set($config-heading, "font" "weight", 200);
|
||||
|
||||
// Header
|
||||
$config-header: map-deep-set($config-header, "branding" "title" "font" "family", "\'Playfair Display\', serif");
|
||||
$config-header: map-deep-set($config-header, "branding" "title" "font" "weight", 200);
|
||||
$config-header: map-deep-set($config-header, "branding" "description" "font" "family", "\'Roboto\', sans-serif");
|
||||
$config-header: map-deep-set($config-header, "branding" "color" "link", orange);
|
||||
$config-header: map-deep-set($config-header, "main-nav" "color" "link", orange);
|
||||
|
|
@ -11,7 +11,12 @@ $spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
|
|||
*/
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
.site-header &,
|
||||
&:hover,
|
||||
&:focus,
|
||||
.nav-links & {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -156,58 +161,54 @@ a {
|
|||
justify-self: flex-end;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Main
|
||||
*/
|
||||
.site-main {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.site-branding {
|
||||
align-items: flex-start;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
.site-main > article > .entry-header,
|
||||
.site-main > .page-header,
|
||||
.site-main > .not-found > .page-header {
|
||||
margin-top: #{0.666 * $spacing_vertical};
|
||||
@include media(mobile) {
|
||||
margin-top: #{2 * $spacing_vertical};
|
||||
}
|
||||
}
|
||||
|
||||
.site-logo {
|
||||
display: inherit;
|
||||
.site-main > {
|
||||
article > .entry-header,
|
||||
.page-header,
|
||||
.not-found > .page-header {
|
||||
margin-top: #{0.666 * $spacing_vertical};
|
||||
|
||||
@include media(mobile) {
|
||||
padding-right: $spacing_unit;
|
||||
margin-top: #{2 * $spacing_vertical};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-description {
|
||||
line-height: 1;
|
||||
margin-top: (0.5 * $spacing_unit);
|
||||
|
||||
@include media(mobile) {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.site-title,
|
||||
.wp-block-a8c-site-title,
|
||||
.wp-block-a8c-site-title:focus {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
|
||||
.site-logo {
|
||||
margin-right: (0.5 * $spacing_unit);
|
||||
}
|
||||
|
||||
.site-description {
|
||||
margin-top: inherit;
|
||||
}
|
||||
}
|
||||
#main .entry-content .entry-attachment {
|
||||
max-width: calc( 100% - #{2 * $spacing_vertical} );
|
||||
}
|
||||
|
||||
/**
|
||||
* Posts
|
||||
*/
|
||||
|
||||
.entry-title a {
|
||||
color: map-deep-get($config-global, "color", "primary", "hover");
|
||||
.entry-title,
|
||||
.page-title,
|
||||
.a8c-posts-list .a8c-posts-list-item__title {
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
color: map-deep-get($config-global, "color", "primary", "default");
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: map-deep-get($config-global, "color", "primary", "default");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -223,6 +224,27 @@ a {
|
|||
color: map-deep-get($config-global, "color", "primary", "default");
|
||||
}
|
||||
|
||||
/**
|
||||
* Comments
|
||||
*/
|
||||
.logged-in-as,
|
||||
.comment-notes,
|
||||
.comment-form-cookies-consent {
|
||||
font-size: map-deep-get($config-global, "font", "size", "sm");
|
||||
}
|
||||
|
||||
.comment-form-cookies-consent input[type=checkbox] + label {
|
||||
line-height: #{map-deep-get($config-global, "font", "line-height", "body")};
|
||||
}
|
||||
|
||||
.comment-notes {
|
||||
color: map-deep-get($config-global, "color", "foreground", "light");
|
||||
}
|
||||
|
||||
.comment-form > p:not(.comment-form-cookies-consent) label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/**
|
||||
* Widgets
|
||||
*/
|
||||
|
|
@ -232,7 +254,7 @@ a {
|
|||
max-width: 100%;
|
||||
|
||||
& > .widget {
|
||||
max-width: 50%;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3499,7 +3499,8 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
|||
/**
|
||||
* Elements
|
||||
*/
|
||||
a {
|
||||
.site-header a, a:hover, a:focus,
|
||||
.nav-links a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -3632,57 +3633,62 @@ a {
|
|||
}
|
||||
}
|
||||
|
||||
.site-branding {
|
||||
align-items: flex-start;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
/**
|
||||
* Main
|
||||
*/
|
||||
.site-main {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.site-branding .site-logo {
|
||||
display: inherit;
|
||||
.site-main > article > .entry-header,
|
||||
.site-main > .page-header,
|
||||
.site-main > .not-found > .page-header {
|
||||
margin-top: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.site-branding .site-logo {
|
||||
padding-left: 16px;
|
||||
.site-main > article > .entry-header,
|
||||
.site-main > .page-header,
|
||||
.site-main > .not-found > .page-header {
|
||||
margin-top: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
.site-branding .site-description {
|
||||
line-height: 1;
|
||||
margin-top: 8px;
|
||||
.site-main > article > .entry-header,
|
||||
.site-main > .page-header,
|
||||
.site-main > .not-found > .page-header {
|
||||
margin-top: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.site-branding .site-description {
|
||||
text-align: left;
|
||||
.site-main > article > .entry-header,
|
||||
.site-main > .page-header,
|
||||
.site-main > .not-found > .page-header {
|
||||
margin-top: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
.site-branding .site-title,
|
||||
.site-branding .wp-block-a8c-site-title,
|
||||
.site-branding .wp-block-a8c-site-title:focus {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.site-branding .site-logo {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.site-branding .site-description {
|
||||
margin-top: inherit;
|
||||
}
|
||||
#main .entry-content .entry-attachment {
|
||||
max-width: calc( 100% - 64px);
|
||||
}
|
||||
|
||||
/**
|
||||
* Posts
|
||||
*/
|
||||
.entry-title a {
|
||||
color: #133a24;
|
||||
.entry-title a,
|
||||
.page-title a,
|
||||
.a8c-posts-list .a8c-posts-list-item__title a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.entry-title a:hover, .entry-title a:active {
|
||||
.entry-title a:active, .entry-title a:focus, .entry-title a:hover,
|
||||
.page-title a:active,
|
||||
.page-title a:focus,
|
||||
.page-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: #20603C;
|
||||
}
|
||||
|
||||
|
|
@ -3697,6 +3703,27 @@ a {
|
|||
color: #20603C;
|
||||
}
|
||||
|
||||
/**
|
||||
* Comments
|
||||
*/
|
||||
.logged-in-as,
|
||||
.comment-notes,
|
||||
.comment-form-cookies-consent {
|
||||
font-size: 0.84746rem;
|
||||
}
|
||||
|
||||
.comment-form-cookies-consent input[type=checkbox] + label {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.comment-notes {
|
||||
color: #844d4d;
|
||||
}
|
||||
|
||||
.comment-form > p:not(.comment-form-cookies-consent) label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/**
|
||||
* Widgets
|
||||
*/
|
||||
|
|
@ -3705,7 +3732,7 @@ a {
|
|||
max-width: 100%;
|
||||
}
|
||||
.site-footer .widget-area > .widget {
|
||||
max-width: 50%;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -3528,7 +3528,8 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
|||
/**
|
||||
* Elements
|
||||
*/
|
||||
a {
|
||||
.site-header a, a:hover, a:focus,
|
||||
.nav-links a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -3661,57 +3662,62 @@ a {
|
|||
}
|
||||
}
|
||||
|
||||
.site-branding {
|
||||
align-items: flex-start;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
/**
|
||||
* Main
|
||||
*/
|
||||
.site-main {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.site-branding .site-logo {
|
||||
display: inherit;
|
||||
.site-main > article > .entry-header,
|
||||
.site-main > .page-header,
|
||||
.site-main > .not-found > .page-header {
|
||||
margin-top: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.site-branding .site-logo {
|
||||
padding-right: 16px;
|
||||
.site-main > article > .entry-header,
|
||||
.site-main > .page-header,
|
||||
.site-main > .not-found > .page-header {
|
||||
margin-top: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
.site-branding .site-description {
|
||||
line-height: 1;
|
||||
margin-top: 8px;
|
||||
.site-main > article > .entry-header,
|
||||
.site-main > .page-header,
|
||||
.site-main > .not-found > .page-header {
|
||||
margin-top: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.site-branding .site-description {
|
||||
text-align: right;
|
||||
.site-main > article > .entry-header,
|
||||
.site-main > .page-header,
|
||||
.site-main > .not-found > .page-header {
|
||||
margin-top: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
.site-branding .site-title,
|
||||
.site-branding .wp-block-a8c-site-title,
|
||||
.site-branding .wp-block-a8c-site-title:focus {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.site-branding .site-logo {
|
||||
margin-right: 8px;
|
||||
}
|
||||
.site-branding .site-description {
|
||||
margin-top: inherit;
|
||||
}
|
||||
#main .entry-content .entry-attachment {
|
||||
max-width: calc( 100% - 64px);
|
||||
}
|
||||
|
||||
/**
|
||||
* Posts
|
||||
*/
|
||||
.entry-title a {
|
||||
color: #133a24;
|
||||
.entry-title a,
|
||||
.page-title a,
|
||||
.a8c-posts-list .a8c-posts-list-item__title a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.entry-title a:hover, .entry-title a:active {
|
||||
.entry-title a:active, .entry-title a:focus, .entry-title a:hover,
|
||||
.page-title a:active,
|
||||
.page-title a:focus,
|
||||
.page-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: #20603C;
|
||||
}
|
||||
|
||||
|
|
@ -3726,6 +3732,27 @@ a {
|
|||
color: #20603C;
|
||||
}
|
||||
|
||||
/**
|
||||
* Comments
|
||||
*/
|
||||
.logged-in-as,
|
||||
.comment-notes,
|
||||
.comment-form-cookies-consent {
|
||||
font-size: 0.84746rem;
|
||||
}
|
||||
|
||||
.comment-form-cookies-consent input[type=checkbox] + label {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.comment-notes {
|
||||
color: #844d4d;
|
||||
}
|
||||
|
||||
.comment-form > p:not(.comment-form-cookies-consent) label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/**
|
||||
* Widgets
|
||||
*/
|
||||
|
|
@ -3734,7 +3761,7 @@ a {
|
|||
max-width: 100%;
|
||||
}
|
||||
.site-footer .widget-area > .widget {
|
||||
max-width: 50%;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue