380 lines
6.3 KiB
SCSS
380 lines
6.3 KiB
SCSS
/**
|
|
* Extra Child Theme Styles
|
|
*/
|
|
$spacing_unit: map-deep-get($config-global, "spacing", "unit");
|
|
$spacing_horizontal: map-deep-get($config-global, "spacing", "horizontal");
|
|
$spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
|
|
|
|
a {
|
|
text-decoration: none;
|
|
|
|
.wp-block-cover &,
|
|
.wp-block-cover-image &,
|
|
.wp-block-media-text &,
|
|
p:not(.site-title) & {
|
|
text-decoration: underline;
|
|
|
|
&.wp-block-button__link,
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.site-branding,
|
|
.main-navigation,
|
|
.entry-header,
|
|
.entry-footer,
|
|
.page-title,
|
|
.author-title,
|
|
.comments-title,
|
|
.comment-reply-title,
|
|
.logged-in-as,
|
|
.comment-notes {
|
|
text-align: center;
|
|
}
|
|
|
|
.comment-reply-title {
|
|
display: inherit;
|
|
}
|
|
|
|
.comment .comment-reply-title {
|
|
display: flex;
|
|
}
|
|
|
|
.main-navigation > div {
|
|
text-align: left;
|
|
}
|
|
|
|
.main-navigation > div > ul,
|
|
.social-navigation > div > ul,
|
|
.pagination .nav-links {
|
|
justify-content: center;
|
|
}
|
|
|
|
|
|
/**
|
|
* Header
|
|
*/
|
|
#masthead {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-top: $spacing_vertical;
|
|
padding-bottom: $spacing_vertical;
|
|
|
|
@extend %responsive-alignwide;
|
|
|
|
@include media(mobile) {
|
|
padding-top: #{2 * $spacing_vertical};
|
|
padding-bottom: #{1.5 * $spacing_vertical};
|
|
}
|
|
}
|
|
|
|
.site-logo + .site-title {
|
|
margin-top: #{0.25 * $spacing_vertical};
|
|
}
|
|
|
|
.site-title + .site-description {
|
|
margin-top: #{0.5 * $spacing_unit};
|
|
}
|
|
|
|
/**
|
|
* Navigation
|
|
*/
|
|
.site-header > * {
|
|
&.main-navigation {
|
|
@include media(mobile) {
|
|
margin-bottom: 0;
|
|
|
|
> div > ul > li > .sub-menu {
|
|
border: 1px solid map-deep-get($config-global, "color", "border", "default");
|
|
border-radius: map-deep-get($config-global, "border-radius", "sm");
|
|
box-shadow: none;
|
|
box-sizing: content-box; // for Safari
|
|
}
|
|
}
|
|
}
|
|
|
|
&.social-navigation {
|
|
@include media(mobile) {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Main
|
|
*/
|
|
#main {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.site-main > article > .entry-header {
|
|
margin-top: #{0.666 * $spacing_vertical};
|
|
@include media(mobile) {
|
|
margin-top: $spacing_vertical;
|
|
}
|
|
}
|
|
|
|
// Entry Title Link
|
|
.entry-title,
|
|
.page-title,
|
|
.a8c-posts-list .a8c-posts-list-item__title,
|
|
.wp-block-newspack-blocks-homepage-articles article .entry-title {
|
|
a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
|
|
&:active,
|
|
&:focus,
|
|
&:hover {
|
|
color: map-deep-get($config-global, "color", "primary", "default");
|
|
}
|
|
}
|
|
}
|
|
|
|
// Sticky tag
|
|
.sticky-post,
|
|
.a8c-posts-list .a8c-posts-list-item__featured span {
|
|
padding: #{0.5 * $baseline-unit} #{0.66 * $spacing_unit};
|
|
}
|
|
|
|
/**
|
|
* Next/Previous navigation
|
|
*/
|
|
// Singular navigation
|
|
.post-navigation {
|
|
.meta-nav {
|
|
color: map-deep-get($config-global, "color", "foreground", "light");
|
|
}
|
|
|
|
.post-title {
|
|
font-size: #{map-deep-get($config-heading, "font", "size", "h4")};
|
|
line-height: #{map-deep-get($config-global, "font", "line-height", "heading")};
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 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: 700;
|
|
}
|
|
|
|
.comment-respond {
|
|
.form-submit {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Blocks
|
|
*/
|
|
// Posts List
|
|
.a8c-posts-list {
|
|
text-align: center;
|
|
}
|
|
|
|
.a8c-posts-list-item__excerpt {
|
|
text-align: left;
|
|
}
|
|
|
|
// Cover
|
|
.wp-block-cover,
|
|
.wp-block-cover-image {
|
|
h1 {
|
|
font-size: #{map-deep-get($config-global, "font", "size", "xxxxl")};
|
|
}
|
|
|
|
h2 {
|
|
font-size: #{map-deep-get($config-global, "font", "size", "xxxl")};
|
|
}
|
|
|
|
h3 {
|
|
font-size: #{map-deep-get($config-global, "font", "size", "xxl")};
|
|
}
|
|
|
|
h4 {
|
|
font-size: #{map-deep-get($config-global, "font", "size", "xl")};
|
|
}
|
|
|
|
h5 {
|
|
font-size: #{map-deep-get($config-global, "font", "size", "lg")};
|
|
}
|
|
|
|
h6 {
|
|
font-size: #{map-deep-get($config-global, "font", "size", "md")};
|
|
}
|
|
|
|
@include media(mobile) {
|
|
min-height: 60vh;
|
|
}
|
|
|
|
@include media(laptop) {
|
|
min-height: 80vh;
|
|
}
|
|
}
|
|
|
|
.wp-block-newspack-blocks-homepage-articles {
|
|
article {
|
|
.cat-links a,
|
|
.entry-title a:hover,
|
|
.entry-meta a {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
&.image-alignbehind article {
|
|
.cat-links a:hover,
|
|
.entry-title a:hover,
|
|
.entry-meta a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
.has-background:not(.has-background-background-color),
|
|
[class*="background-color"]:not(.has-background-background-color),
|
|
[style*="background-color"] {
|
|
.wp-block-newspack-blocks-homepage-articles article {
|
|
.cat-links a:hover,
|
|
.entry-title a:hover,
|
|
.entry-meta a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Widgets
|
|
*/
|
|
.widget {
|
|
select {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
.widget-title {
|
|
font-size: #{map-deep-get($config-heading, "font", "size", "h3")};
|
|
margin-bottom: #{0.5 * $spacing_vertical};
|
|
}
|
|
|
|
.widget_archive,
|
|
.widget_categories,
|
|
.widget_links,
|
|
.widget_meta,
|
|
.widget_nav_menu,
|
|
.widget_pages,
|
|
.widget_recent_comments,
|
|
.widget_recent_entries,
|
|
.widget_rss,
|
|
.widget_rss_links,
|
|
.widget_top-posts,
|
|
.widget_authors,
|
|
.widget_jp_blogs_i_follow,
|
|
.widget_top-click,
|
|
.widget_upcoming_events_widget {
|
|
|
|
ul {
|
|
padding-left: 0;
|
|
margin-right: 0;
|
|
list-style: none;
|
|
|
|
li {
|
|
color: map-deep-get($config-global, "color", "foreground", "light");
|
|
font-weight: 700;
|
|
margin-top: #{0.5 * $spacing_vertical};
|
|
margin-bottom: #{0.5 * $spacing_vertical};
|
|
}
|
|
|
|
ul {
|
|
counter-reset: submenu;
|
|
}
|
|
|
|
ul > li > a::before {
|
|
font-weight: normal;
|
|
content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
|
|
counter-increment: submenu
|
|
}
|
|
}
|
|
}
|
|
|
|
.widget_tag_cloud {
|
|
.tagcloud {
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
|
|
.widget_search {
|
|
.search-field {
|
|
width: 100%;
|
|
|
|
@include media(mobile) {
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
.search-submit {
|
|
display: block;
|
|
margin-top: $typescale-base;
|
|
}
|
|
}
|
|
|
|
.widget_calendar .calendar_wrap {
|
|
text-align: center;
|
|
|
|
table td,
|
|
table th {
|
|
border: none;
|
|
}
|
|
|
|
a {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
.widget_links li,
|
|
.widget_jp_blogs_i_follow li,
|
|
.widget_rss_links li {
|
|
font-family: inherit;
|
|
font-family: var( --font-base, inherit );
|
|
}
|
|
|
|
/**
|
|
* Footer
|
|
*/
|
|
#colophon {
|
|
@extend %responsive-alignwide-nested;
|
|
}
|
|
|
|
/**
|
|
* Footer Navigation
|
|
*/
|
|
.footer-navigation {
|
|
.footer-menu {
|
|
a {
|
|
padding: 0 #{0.5 * $spacing_unit};
|
|
}
|
|
|
|
> li:last-of-type {
|
|
margin-right: -#{0.5 * $spacing_unit};
|
|
}
|
|
}
|
|
}
|