+
-
+ ',
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ )
+ ),
+ ),
'about',
'contact',
'blog',
@@ -43,7 +137,7 @@ function twentytwenty_get_starter_content() {
// Default to a static front page and assign the front and posts pages.
'options' => array(
'show_on_front' => 'page',
- 'page_on_front' => '{{home}}',
+ 'page_on_front' => '{{front}}',
'page_for_posts' => '{{blog}}',
),
diff --git a/src/wp-content/themes/twentytwenty/inc/svg-icons.php b/src/wp-content/themes/twentytwenty/inc/svg-icons.php
index b2b994a1ab..75cdd38577 100644
--- a/src/wp-content/themes/twentytwenty/inc/svg-icons.php
+++ b/src/wp-content/themes/twentytwenty/inc/svg-icons.php
@@ -13,10 +13,11 @@ if ( ! function_exists( 'twentytwenty_the_theme_svg' ) ) {
* Output and get the SVG markup for an icon in the TwentyTwenty_SVG_Icons class.
*
* @param string $svg_name The name of the icon.
+ * @param string $group The group the icon belongs to.
* @param string $color Color code.
*/
- function twentytwenty_the_theme_svg( $svg_name, $color = '' ) {
- echo twentytwenty_get_theme_svg( $svg_name, $color ); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Escaped in twentytwenty_get_theme_svg();.
+ function twentytwenty_the_theme_svg( $svg_name, $group = 'ui', $color = '' ) {
+ echo twentytwenty_get_theme_svg( $svg_name, $group, $color ); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Escaped in twentytwenty_get_theme_svg();.
}
}
@@ -26,13 +27,14 @@ if ( ! function_exists( 'twentytwenty_get_theme_svg' ) ) {
* Get information about the SVG icon.
*
* @param string $svg_name The name of the icon.
+ * @param string $group The group the icon belongs to.
* @param string $color Color code.
*/
- function twentytwenty_get_theme_svg( $svg_name, $color = '' ) {
+ function twentytwenty_get_theme_svg( $svg_name, $group = 'ui', $color = '' ) {
// Make sure that only our allowed tags and attributes are included.
$svg = wp_kses(
- TwentyTwenty_SVG_Icons::get_svg( $svg_name, $color ),
+ TwentyTwenty_SVG_Icons::get_svg( $svg_name, $group, $color ),
array(
'svg' => array(
'class' => true,
diff --git a/src/wp-content/themes/twentytwenty/inc/template-tags.php b/src/wp-content/themes/twentytwenty/inc/template-tags.php
index b75947a344..dee633d7ce 100644
--- a/src/wp-content/themes/twentytwenty/inc/template-tags.php
+++ b/src/wp-content/themes/twentytwenty/inc/template-tags.php
@@ -9,17 +9,25 @@
/**
* Table of Contents:
+ * Logo & Description
* Comments
* Post Meta
* Menus
* Classes
+ * Archives
+ * Miscellaneous
*/
+/**
+ * Logo & Description
+ */
/**
* Displays the site logo, either text or image.
*
* @param array $args Arguments for displaying the site logo either as an image or text.
- * @param boolean $echo Echo or return the html.
+ * @param boolean $echo Echo or return the HTML.
+ *
+ * @return string $html Compiled HTML based on our arguments.
*/
function twentytwenty_site_logo( $args = array(), $echo = true ) {
$logo = get_custom_logo();
@@ -81,6 +89,8 @@ function twentytwenty_site_logo( $args = array(), $echo = true ) {
* Displays the site description.
*
* @param boolean $echo Echo or return the html.
+ *
+ * @return string $html The HTML to display.
*/
function twentytwenty_site_description( $echo = true ) {
$description = get_bloginfo( 'description' );
@@ -118,6 +128,8 @@ function twentytwenty_site_description( $echo = true ) {
* Check if the specified comment is written by the author of the post commented on.
*
* @param object $comment Comment data.
+ *
+ * @return bool
*/
function twentytwenty_is_comment_by_post_author( $comment = null ) {
@@ -142,6 +154,8 @@ function twentytwenty_is_comment_by_post_author( $comment = null ) {
* makes it scroll to the wrong position on the page.
*
* @param string $link Link to the top of the page.
+ *
+ * @return string $link Link to the top of the page.
*/
function twentytwenty_filter_comment_reply_link( $link ) {
@@ -168,6 +182,40 @@ function twentytwenty_the_post_meta( $post_id = null, $location = 'single-top' )
}
+/**
+ * Filters the edit post link to add an icon and use the post meta structure.
+ *
+ * @param string $link Anchor tag for the edit link.
+ * @param int $post_id Post ID.
+ * @param string $text Anchor text.
+ */
+function twentytwenty_edit_post_link( $link, $post_id, $text ) {
+
+ $edit_url = get_edit_post_link( $post_id );
+
+ if ( ! $edit_url ) {
+ return;
+ }
+
+ $text = sprintf(
+ wp_kses(
+ /* translators: %s: Post title. Only visible to screen readers. */
+ __( 'Edit %s', 'twentytwenty' ),
+ array(
+ 'span' => array(
+ 'class' => array(),
+ ),
+ )
+ ),
+ get_the_title( $post_id )
+ );
+
+ return '';
+
+}
+
+add_filter( 'edit_post_link', 'twentytwenty_edit_post_link', 10, 3 );
+
/**
* Get the post meta.
*
@@ -206,7 +254,7 @@ function twentytwenty_get_post_meta( $post_id = null, $location = 'single-top' )
/**
* Filters post meta info visibility
*
- * Use this filter to hide post meta information like Author, Post date, Comments, Is stiky status
+ * Use this filter to hide post meta information like Author, Post date, Comments, Is sticky status
*
* @since 1.0.0
*
@@ -289,14 +337,14 @@ function twentytwenty_get_post_meta( $post_id = null, $location = 'single-top' )
?>
-
+
' . esc_html( get_the_author_meta( 'display_name' ) ) . ''
);
?>
@@ -314,7 +362,7 @@ function twentytwenty_get_post_meta( $post_id = null, $location = 'single-top' )
-
+
@@ -333,11 +381,11 @@ function twentytwenty_get_post_meta( $post_id = null, $location = 'single-top' )
?>
-
+
-
+
-
+
@@ -389,7 +437,7 @@ function twentytwenty_get_post_meta( $post_id = null, $location = 'single-top' )
-
+
theme_location ) {
+ $svg = TwentyTwenty_SVG_Icons::get_social_link_svg( $item->url );
+ if ( empty( $svg ) ) {
+ $svg = twentytwenty_get_theme_svg( 'link' );
+ }
+ $item_output = str_replace( $args->link_after, '' . $svg, $item_output );
+ }
+
+ return $item_output;
+}
+
+add_filter( 'walker_nav_menu_start_el', 'twentytwenty_nav_menu_social_icons', 10, 4 );
+
/**
* Classes
*/
@@ -530,58 +606,12 @@ function twentytwenty_no_js_class() {
add_action( 'wp_head', 'twentytwenty_no_js_class' );
-/**
- * Filters the archive title and styles the word before the first colon.
- *
- * @param string $title Current archive title.
- */
-function twentytwenty_get_the_archive_title( $title ) {
-
- $regex = apply_filters(
- 'twentytwenty_get_the_archive_title_regex',
- array(
- 'pattern' => '/(\A[^\:]+\:)/',
- 'replacement' => '$1',
- )
- );
-
- if ( empty( $regex ) ) {
-
- return $title;
-
- }
-
- return preg_replace( $regex['pattern'], $regex['replacement'], $title );
-
-}
-
-add_filter( 'get_the_archive_title', 'twentytwenty_get_the_archive_title' );
-
-/**
- * Filters the edit post link to add an icon and use the post meta structure.
- *
- * @param string $link Anchor tag for the edit link.
- * @param int $post_id Post ID.
- * @param string $text Anchor text.
- */
-function twentytwenty_edit_post_link( $link, $post_id, $text ) {
-
- $edit_url = get_edit_post_link( $post_id );
-
- if ( ! $edit_url ) {
- return;
- }
-
- return '';
-
-}
-
-add_filter( 'edit_post_link', 'twentytwenty_edit_post_link', 10, 3 );
-
/**
* Add conditional body classes.
*
- * @param string $classes Classes added to the body tag.
+ * @param array $classes Classes added to the body tag.
+ *
+ * @return array $classes Classes added to the body tag.
*/
function twentytwenty_body_classes( $classes ) {
@@ -674,6 +704,41 @@ function twentytwenty_body_classes( $classes ) {
add_filter( 'body_class', 'twentytwenty_body_classes' );
+/**
+ * Archives
+ */
+/**
+ * Filters the archive title and styles the word before the first colon.
+ *
+ * @param string $title Current archive title.
+ *
+ * @return string $title Current archive title.
+ */
+function twentytwenty_get_the_archive_title( $title ) {
+
+ $regex = apply_filters(
+ 'twentytwenty_get_the_archive_title_regex',
+ array(
+ 'pattern' => '/(\A[^\:]+\:)/',
+ 'replacement' => '$1',
+ )
+ );
+
+ if ( empty( $regex ) ) {
+
+ return $title;
+
+ }
+
+ return preg_replace( $regex['pattern'], $regex['replacement'], $title );
+
+}
+
+add_filter( 'get_the_archive_title', 'twentytwenty_get_the_archive_title' );
+
+/**
+ * Miscellaneous
+ */
/**
* Toggle animation duration in milliseconds.
*
@@ -691,3 +756,26 @@ function twentytwenty_toggle_duration() {
return $duration;
}
+
+/**
+ * Get unique ID.
+ *
+ * This is a PHP implementation of Underscore's uniqueId method. A static variable
+ * contains an integer that is incremented with each call. This number is returned
+ * with the optional prefix. As such the returned value is not universally unique,
+ * but it is unique across the life of the PHP process.
+ *
+ * @see wp_unique_id() Themes requiring WordPress 5.0.3 and greater should use this instead.
+ *
+ * @staticvar int $id_counter
+ *
+ * @param string $prefix Prefix for the returned ID.
+ * @return string Unique ID.
+ */
+function twentytwenty_unique_id( $prefix = '' ) {
+ static $id_counter = 0;
+ if ( function_exists( 'wp_unique_id' ) ) {
+ return wp_unique_id( $prefix );
+ }
+ return $prefix . (string) ++$id_counter;
+}
diff --git a/src/wp-content/themes/twentytwenty/index.php b/src/wp-content/themes/twentytwenty/index.php
index 7ca0b97a06..434eae29b3 100644
--- a/src/wp-content/themes/twentytwenty/index.php
+++ b/src/wp-content/themes/twentytwenty/index.php
@@ -34,8 +34,16 @@ get_header();
);
if ( $wp_query->found_posts ) {
- /* Translators: %s = Number of results */
- $archive_subtitle = sprintf( _nx( 'We found %s result for your search.', 'We found %s results for your search.', $wp_query->found_posts, '%s = Number of results', 'twentytwenty' ), $wp_query->found_posts );
+ $archive_subtitle = sprintf(
+ /* translators: %s: Number of search results */
+ _n(
+ 'We found %s result for your search.',
+ 'We found %s results for your search.',
+ $wp_query->found_posts,
+ 'twentytwenty'
+ ),
+ number_format_i18n( $wp_query->found_posts )
+ );
} else {
$archive_subtitle = __( 'We could not find any results for your search. You can give it another try through the search form below.', 'twentytwenty' );
}
@@ -88,7 +96,7 @@ get_header();
_x( 'search again', 'Label', 'twentytwenty' ),
+ 'label' => __( 'search again', 'twentytwenty' ),
)
);
?>
@@ -100,9 +108,10 @@ get_header();
?>
-
+
+
diff --git a/src/wp-content/themes/twentytwenty/singular.php b/src/wp-content/themes/twentytwenty/singular.php
index dfbab40f2d..fcd88759bf 100644
--- a/src/wp-content/themes/twentytwenty/singular.php
+++ b/src/wp-content/themes/twentytwenty/singular.php
@@ -25,10 +25,10 @@ get_header();
}
}
- get_template_part( 'template-parts/footer-menus-widgets' );
-
?>
+
+
diff --git a/src/wp-content/themes/twentytwenty/style-rtl.css b/src/wp-content/themes/twentytwenty/style-rtl.css
index 35aa2ee644..080579d48c 100644
--- a/src/wp-content/themes/twentytwenty/style-rtl.css
+++ b/src/wp-content/themes/twentytwenty/style-rtl.css
@@ -117,8 +117,6 @@ html {
body {
background: #f5efe0;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
@@ -137,8 +135,6 @@ body {
*,
*::before,
*::after {
- -webkit-box-sizing: inherit;
- -moz-box-sizing: inherit;
box-sizing: inherit;
-webkit-font-smoothing: antialiased;
word-break: break-word;
@@ -178,6 +174,7 @@ path {
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
+ -webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
@@ -193,6 +190,7 @@ path {
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
+ -webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
@@ -237,8 +235,8 @@ path {
/*
* Chrome renders extra-wide characters for the Hoefler Text font.
- * This results in a jumping cursor when typing in both the Classic and block
- * editors. The following font-face override fixes the issue by manually
+ * This results in a jumping cursor when typing in both the classic editor and
+ * block editor. The following font-face override fixes the issue by manually
* inserting a custom font that includes just a Hoefler Text space replacement
* for that character instead.
*/
@@ -711,6 +709,7 @@ button,
input,
textarea {
border-color: #dcd7ca;
+ color: #000;
}
code,
@@ -742,7 +741,6 @@ textarea {
border-style: solid;
border-width: 0.1rem;
box-shadow: none;
- color: inherit;
display: block;
font-size: 1.6rem;
letter-spacing: -0.015em;
@@ -850,13 +848,13 @@ td {
line-height: 1.4;
margin: 0;
overflow: visible;
- padding: 2.5%;
+ padding: 0.5em;
}
caption {
background: #dcd7ca;
font-weight: 600;
- padding: 2.5%;
+ padding: 0.5em;
text-align: center;
}
@@ -1004,7 +1002,6 @@ button.toggle {
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
- -khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
@@ -1128,6 +1125,26 @@ button.toggle {
opacity: 0.9;
}
+.blend-mode-exclusion {
+ mix-blend-mode: exclusion;
+}
+
+.blend-mode-hue {
+ mix-blend-mode: hue;
+}
+
+.blend-mode-saturation {
+ mix-blend-mode: saturation;
+}
+
+.blend-mode-color {
+ mix-blend-mode: color;
+}
+
+.blend-mode-luminosity {
+ mix-blend-mode: luminosity;
+}
+
/* Image Classes ----------------------------- */
@@ -1186,17 +1203,23 @@ button.toggle {
flex-shrink: 0;
}
+.search-form .search-submit:focus,
+.search-form .search-submit:hover {
+ text-decoration: none;
+}
+
/* Social Icons ------------------------------ */
ul.social-icons {
display: flex;
flex-wrap: wrap;
- margin: -1rem -1rem 0 0;
+ margin: -0.9rem -0.9rem 0 0;
+ width: calc(100% + 0.9rem);
}
ul.social-icons li {
- margin: 1rem 1rem 0 0;
+ margin: 0.9rem 0.9rem 0 0;
}
.social-icons a {
@@ -1219,257 +1242,6 @@ ul.social-icons li {
text-decoration: none;
}
-.social-icons a::before {
- content: "\e805";
- display: block;
- font-family: "Font Awesome 5";
- font-size: 2rem;
-}
-
-/* NON-BRAND ICONS */
-
-.s-icons a[href*="mailto"]::before {
- content: "\f0e0";
-}
-
-.s-icons a[href*="/feed/"]::before,
-.s-icons a[href*="rss"]::before {
- content: "\f09e";
-}
-
-/* BRAND ICONS */
-
-.s-icons a[href*="500px.com"]::before {
- content: "\f26e";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="amazon.com"]::before {
- content: "\f270";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="angel.co"]::before {
- content: "\f209";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="audible.com"]::before {
- content: "\f373";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="behance.net"]::before {
- content: "\f1b4";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="blogger.com"]::before {
- content: "\f37d";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="codepen.io"]::before {
- content: "\f1cb";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="creativecommons.com"]::before {
- content: "\f25e";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="deviantart.com"]::before {
- content: "\f1bd";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="digg.com"]::before {
- content: "\f1a6";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="discordapp.com"]::before {
- content: "\f392";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="dribbble.com"]::before {
- content: "\f17d";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="ebay"]::before {
- content: "\f4f4";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="etsy.com"]::before {
- content: "\f2d7";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="facebook.com"]::before {
- content: "\f39e";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="flickr.com"]::before {
- content: "\f16e";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="github.com"]::before {
- content: "\f113";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="gitlab.com"]::before {
- content: "\f296";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="goodreads.com"]::before {
- content: "\f3a9";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="houzz"]::before {
- content: "\f27c";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="imdb.com"]::before {
- content: "\f2d8";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="instagram.com"]::before {
- content: "\f16d";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="kickstarter.com"]::before {
- content: "\f3bc";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="jsfiddle.net"]::before {
- content: "\f1cc";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="linkedin.com"]::before {
- content: "\f0e1";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="last.fm"]::before {
- content: "\f202";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="medium.com"]::before {
- content: "\f3c7";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="meetup.com"]::before {
- content: "\f2e0";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="mixcloud.com"]::before {
- content: "\f289";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="patreon.com"]::before {
- content: "\f3d9";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="pscp.tv"]::before {
- content: "\f3da";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="pinterest"]::before {
- content: "\f231";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="play.google.com"]::before {
- content: "\f3ab";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="plus.google.com"]::before {
- content: "\f0d5";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="producthunt.com"]::before {
- content: "\f288";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="quora.com"]::before {
- content: "\f2c4";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="reddit.com"]::before {
- content: "\f281";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="slack.com"]::before {
- content: "\f198";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="soundcloud.com"]::before {
- content: "\f1be";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="spotify.com"]::before {
- content: "\f1bc";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="tumblr.com"]::before {
- content: "\f173";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="twitch"]::before {
- content: "\f1e8";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="twitter.com"]::before {
- content: "\f099";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="vimeo.com"]::before {
- content: "\f27d";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="wordpress.org"]::before,
-.s-icons a[href*="wordpress.com"]::before {
- content: "\f411";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="youtube.com"]::before {
- content: "\f167";
- font-family: "Font Awesome 5 Brands";
-}
-
/* Cover Modals ------------------------------ */
@@ -1646,6 +1418,7 @@ body:not(.enable-search-modal) .site-logo img {
}
.toggle-icon {
+ display: block;
overflow: hidden;
}
@@ -1655,7 +1428,8 @@ body:not(.enable-search-modal) .site-logo img {
font-weight: 600;
position: absolute;
top: calc(100% + 0.5rem);
- width: 10rem;
+ width: auto;
+ white-space: nowrap;
word-break: break-all;
}
@@ -2212,6 +1986,7 @@ button.sub-menu-toggle.active svg {
.search-modal-inner .section-inner {
display: flex;
justify-content: space-between;
+ max-width: 168rem;
}
.search-modal.active {
@@ -2258,6 +2033,7 @@ button.search-untoggle {
/* Modal Search Form ------------------------- */
.search-modal form {
+ margin: 0;
position: relative;
width: 100%;
}
@@ -2270,8 +2046,10 @@ button.search-untoggle {
font-size: 2rem;
letter-spacing: -0.0277em;
height: 8.4rem;
- padding: 0;
- width: 100%;
+ margin: 0 -2rem 0 0;
+ max-width: calc(100% + 2rem);
+ padding: 0 2rem 0 0;
+ width: calc(100% + 2rem);
}
.search-modal .search-field::-webkit-input-placeholder {
@@ -2312,6 +2090,7 @@ button.search-untoggle {
.cover-header-inner-wrapper {
display: flex;
+ position: relative;
flex-direction: column;
justify-content: flex-end;
width: 100%;
@@ -2444,7 +2223,7 @@ body.template-full-width .entry-content .alignright {
/* Posts ------------------------------------- */
-body:not(.singular) main article:first-of-type {
+body:not(.singular) main > article:first-of-type {
padding: 4rem 0 0;
}
@@ -2798,6 +2577,38 @@ h2.entry-title {
background-color: #cd2653;
}
+.has-primary-color {
+ color: #000;
+}
+
+.has-primary-background-color {
+ background-color: #000;
+}
+
+.has-secondary-color {
+ color: #6d6d6d;
+}
+
+.has-secondary-background-color {
+ background-color: #6d6d6d;
+}
+
+.has-subtle-background-color {
+ color: #dcd7ca;
+}
+
+.has-subtle-background-background-color {
+ background-color: #dcd7ca;
+}
+
+.has-background-color {
+ color: #f5efe0;
+}
+
+.has-background-background-color {
+ background-color: #f5efe0;
+}
+
/* Block Typography Classes ------------------ */
@@ -2887,34 +2698,51 @@ h2.entry-title {
/* Block: Base Margins ----------------------- */
-.wp-block-archives:not(.aligncenter):not(.alignleft):not(.alignright),
-.wp-block-categories:not(.aligncenter):not(.alignleft):not(.alignright),
+*[class*="_inner-container"] > *:first-child {
+ margin-top: 0;
+}
+
+*[class*="_inner-container"] > *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-archives,
+.wp-block-categories,
.wp-block-code,
-.wp-block-columns:not(.alignwide):not(.alignfull),
-.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-.wp-block-group:not(.alignwide):not(.alignfull),
-.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
-.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
-.wp-block-media-text:not(.alignwide):not(.alignfull),
+.wp-block-columns,
+.wp-block-cover,
+.wp-block-embed,
+.wp-block-gallery,
+.wp-block-group,
+.wp-block-latest-comments,
+.wp-block-latest-posts,
+.wp-block-media-text,
.wp-block-preformatted,
-.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+.wp-block-pullquote,
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
-.wp-block-video:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
+.wp-block-video {
margin-bottom: 3rem;
margin-top: 3rem;
}
+/* Block: Shared Nesting Alignment Resets ---- */
+
+[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
+[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
+ margin-right: auto;
+ margin-left: auto;
+ max-width: 58rem;
+}
+
+
/* Block: Shared Widget Styles --------------- */
.wp-block-archives,
.wp-block-categories,
-.wp-block-gallery ul,
.wp-block-latest-posts,
.wp-block-latest-comments {
list-style: none;
@@ -3019,6 +2847,10 @@ h2.entry-title {
/* Block: Columns ---------------------------- */
+.wp-block-column {
+ margin-bottom: 3.2rem;
+}
+
.wp-block-column > *:first-child {
margin-top: 0;
}
@@ -3029,8 +2861,25 @@ h2.entry-title {
/* Block: Cover ------------------------------ */
-.entry-content .wp-block-cover p {
- font-family: inherit;
+.wp-block-cover-image .wp-block-cover__inner-container,
+.wp-block-cover .wp-block-cover__inner-container {
+ width: calc(100% - 4rem);
+ padding: 2rem 0;
+}
+
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text,
+.wp-block-cover-image h2,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover h2 {
+ max-width: 100%;
+ padding: 0;
+}
+
+.wp-block-cover-image h2,
+.wp-block-cover h2 {
+ font-size: 3.2rem;
}
/* Block: Embed ------------------------------ */
@@ -3081,20 +2930,41 @@ ul.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignright):not(.alignl
margin-right: 0;
}
+.wp-block-gallery ul {
+ list-style: none;
+ margin: 0 0 -1.6rem 0;
+}
+
+figure.wp-block-gallery.alignnone,
+figure.wp-block-gallery.aligncenter {
+ margin-bottom: 3rem;
+ margin-top: 3rem;
+}
+
+figure.wp-block-gallery.alignleft {
+ margin: 0.3rem 0 2rem 2rem;
+}
+
+figure.wp-block-gallery.alignright {
+ margin: 0.3rem 2rem 2rem 0;
+}
+
+figure.wp-block-gallery.alignwide {
+ margin-bottom: 4rem;
+ margin-top: 4rem;
+}
+
+figure.wp-block-gallery.alignfull {
+ margin-bottom: 5rem;
+ margin-top: 5rem;
+}
+
/* Block: Group ------------------------------ */
.wp-block-group.has-background {
padding: 2rem;
}
-.wp-block-group__inner-container > *:first-child {
- margin-top: 0;
-}
-
-.wp-block-group__inner-container > *:last-child {
- margin-bottom: 0;
-}
-
.wp-block-group__inner-container {
margin: 0 auto;
}
@@ -3149,6 +3019,11 @@ ul.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignright):not(.alignl
width: 4.4rem;
}
+.reduced-spacing .wp-block-pullquote::before {
+ border: 0.1rem solid currentColor;
+ font-size: 5.9rem;
+}
+
.wp-block-pullquote blockquote {
border: none;
margin: 0;
@@ -3300,8 +3175,6 @@ hr.wp-block-separator {
padding: 0 0 0 2rem;
}
-/* STYLE: DEFAULT */
-
/* STYLE: LARGE */
.wp-block-quote.is-large,
@@ -3313,10 +3186,11 @@ hr.wp-block-separator {
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-family: inherit;
+ font-size: 2.4rem;
font-style: normal;
font-weight: 700;
- letter-spacing: -0.035714286em;
- line-height: 1.285714286;
+ letter-spacing: -0.02em;
+ line-height: 1.285;
}
.wp-block-quote.is-large cite,
@@ -3399,10 +3273,6 @@ hr.wp-block-separator {
max-width: 58rem;
}
-.entry-content > * {
- margin-bottom: 1.25em;
-}
-
.entry-content > *:first-child {
margin-top: 0;
}
@@ -3470,37 +3340,14 @@ hr.wp-block-separator {
/* Alignment Classes ------------------------- */
-.alignnone,
-.aligncenter,
-.alignleft,
-.alignright,
-.alignwide,
-.alignfull {
- margin: 3rem 0;
-}
-
.alignnone,
.aligncenter,
.alignleft,
.alignright {
+ margin: 3rem 0;
max-width: 100%;
}
-.alignfull {
- margin: 5rem 0;
- max-width: 100vw;
- position: relative;
- right: calc(50% - 50vw);
- width: 100vw;
-}
-
-.alignwide {
- max-width: calc(100vw - 4rem);
- position: relative;
- right: calc(50% - 50vw + 2rem);
- width: calc(100vw - 4rem);
-}
-
.aligncenter,
.aligncenter img {
margin-right: auto;
@@ -3513,20 +3360,43 @@ hr.wp-block-separator {
}
.alignleft {
- float: right;
+ float: left;
margin: 0.3rem 0 2rem 2rem;
}
.alignright {
- float: left;
+ float: right;
margin: 0.3rem 2rem 2rem 0;
}
+.alignwide {
+ margin: 4rem auto;
+ max-width: 120rem;
+}
+
+.entry-content > .alignwide {
+ max-width: calc(100vw - 4rem);
+ position: relative;
+ right: calc(50% - 50vw + 2rem);
+ width: calc(100vw - 4rem);
+}
+
+.alignfull {
+ margin: 5rem 0;
+}
+
+.entry-content > .alignfull {
+ max-width: 100vw;
+ position: relative;
+ right: calc(50% - 50vw);
+ width: 100vw;
+}
+
/* Entry Media ------------------------------- */
-.alignfull figcaption,
-.alignfull .wp-caption-text {
+.alignfull > figcaption,
+.alignfull > .wp-caption-text {
margin-right: auto;
margin-left: auto;
max-width: 120rem;
@@ -3643,60 +3513,20 @@ div.comment:first-of-type {
/* COMMENT CONTENT */
-.comment-content > *:first-child {
- margin-top: 0;
+
+.comment-content.entry-content .alignleft {
+ margin-right: 0;
}
-.comment-content > *:last-child {
- margin-bottom: 0;
+.comment-content.entry-content .alignright {
+ margin-left: 0;
}
-.comment-content p,
-.comment-content ol,
-.comment-content ul,
-.comment-content dl,
-.comment-content dt {
- font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
- letter-spacing: normal;
-}
-
-.comment-content cite,
-.comment-content figcaption,
-.comment-content .wp-caption-text {
- font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
-}
-
-@supports ( font-variation-settings: normal ) {
-
- .comment-content cite,
- .comment-content figcaption,
- .comment-content .wp-caption-text {
- font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
- }
-}
-
-.comment-content h1 {
- font-size: 2em;
-}
-
-.comment-content h2 {
- font-size: 1.8em;
-}
-
-.comment-content h3 {
- font-size: 1.6em;
-}
-
-.comment-content h4 {
- font-size: 1.4em;
-}
-
-.comment-content h5 {
- font-size: 1.2em;
-}
-
-.comment-content h6 {
- font-size: 1em;
+.comment-content.entry-content > .alignwide,
+.comment-content.entry-content > .alignfull {
+ right: auto;
+ max-width: 100%;
+ width: auto;
}
/* COMMENT FOOTER */
@@ -4182,7 +4012,7 @@ div.comment:first-of-type {
/* Widget: RSS ------------------------------- */
-.widget_rss .rss-widget-icon {
+.widget_rss a.rsswidget:first-of-type {
display: none;
}
@@ -4239,6 +4069,9 @@ div.comment:first-of-type {
.footer-nav-widgets-wrapper,
#site-footer {
background-color: #fff;
+ border-color: #dedfdf;
+ border-style: solid;
+ border-width: 0;
}
.footer-top-visible .footer-nav-widgets-wrapper,
@@ -4248,7 +4081,7 @@ div.comment:first-of-type {
.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper,
.reduced-spacing.footer-top-hidden #site-footer {
- border-top: 0.1rem solid #dedfdf;
+ border-top-width: 0.1rem;
}
.footer-top,
@@ -4291,6 +4124,11 @@ div.comment:first-of-type {
/* FOOTER SOCIAL */
.footer-social-wrapper {
+ margin: 0;
+ width: 100%;
+}
+
+.has-footer-menu .footer-social-wrapper {
flex-shrink: 0;
margin-right: 1rem;
width: 50%;
@@ -4298,6 +4136,9 @@ div.comment:first-of-type {
ul.footer-social {
margin: -0.5rem -0.5rem 0 0;
+}
+
+.has-footer-menu .footer-social {
justify-content: flex-end;
}
@@ -4382,7 +4223,27 @@ a.to-the-top > * {
@media ( max-width: 479px ) {
- /* Lists ------------------------------------- */
+ /* Blocks -------------------------------- */
+
+ .wp-block-pullquote.alignleft,
+ .wp-block-pullquote.alignright {
+ float: none;
+ margin: 3rem 0;
+ }
+
+ .wp-block-pullquote.alignleft:first-child,
+ .wp-block-pullquote.alignright:first-child {
+ margin-top: 0;
+ }
+
+ .wp-block-pullquote.alignleft:last-child,
+ .wp-block-pullquote.alignright:last-child {
+ margin-bottom: 0;
+ }
+
+ /* Entry Content ------------------------- */
+
+ /* LISTS */
ul,
ol {
@@ -4421,32 +4282,100 @@ a.to-the-top > * {
.alignright {
max-width: 26rem;
}
+}
- .alignleft {
- float: right;
+@media ( max-width: 599px ) {
+
+ /* Blocks -------------------------------- */
+
+ /* BLOCK: COLUMNS */
+
+ /* While columns are stacked */
+ .wp-block-column:last-child {
+ margin-bottom: 0;
}
- .alignright {
- float: left;
+ .wp-block-columns + .wp-block-columns {
+ margin-top: 0.2rem;
+ }
+
+ .wp-block-columns.alignwide + .wp-block-columns.alignwide {
+ margin-top: -0.8rem;
+ }
+
+ .wp-block-columns.alignfull + .wp-block-columns.alignfull {
+ margin-top: -1.8rem;
+ }
+
+}
+
+@media ( min-width: 600px ) {
+
+ /* Blocks -------------------------------- */
+
+ /* BLOCK: COLUMNS */
+
+ .wp-block-columns.alignwide + .wp-block-columns.alignwide,
+ .wp-block-columns.alignfull + .wp-block-columns.alignfull {
+ margin-top: -4rem;
+ }
+
+}
+
+@media ( max-width: 599px ) {
+
+ /* Blocks -------------------------------- */
+
+ /* BLOCK: COLUMNS */
+
+ .alignfull .wp-block-column > p:not(.has-background-color),
+ .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
+ max-width: calc(100% - 4rem);
+ margin: auto;
+ }
+}
+
+@media ( min-width: 600px ) {
+
+ /* Blocks -------------------------------- */
+
+ /* BLOCK: COLUMNS */
+
+ .alignfull .wp-block-column:nth-child(odd) > p:not(.has-background-color),
+ .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
+ padding-right: 2rem;
+ }
+
+ .alignfull .wp-block-column:nth-child(even) > p:not(.has-background-color),
+ .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
+ padding-left: 2rem;
}
}
@media ( min-width: 660px ) {
+ /* Blocks -------------------------------- */
+
+ /* BLOCK: GALLERY */
+
+ figure.wp-block-gallery.alignleft {
+ margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
+ }
+
+ figure.wp-block-gallery.alignright {
+ margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
+ }
+
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
- .entry-content > .alignleft,
- .entry-content > p .alignleft,
- .entry-content > .wp-block-image .alignleft {
- margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
+ .entry-content .alignleft {
+ margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
}
- .entry-content > .alignright,
- .entry-content > p .alignright,
- .entry-content > .wp-block-image .alignright {
- margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
+ .entry-content .alignright {
+ margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
}
}
@@ -4660,23 +4589,7 @@ a.to-the-top > * {
}
.modal-menu ul li {
- border-right-width: 0;
- }
-
- .modal-menu ul a {
- padding-right: 2.5rem;
- }
-
- .modal-menu ul ul a {
- padding-right: 5rem;
- }
-
- .modal-menu ul ul ul a {
- padding-right: 7.5rem;
- }
-
- .modal-menu ul ul ul ul a {
- padding-right: 10rem;
+ border-right-color: transparent;
}
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle {
@@ -4765,7 +4678,7 @@ a.to-the-top > * {
font-size: 3.2rem;
}
- body:not(.singular) main article:first-of-type {
+ body:not(.singular) main > article:first-of-type {
padding: 8rem 0 0;
}
@@ -4906,24 +4819,24 @@ a.to-the-top > * {
/* BLOCK: BASE MARGINS */
- .wp-block-archives:not(.aligncenter):not(.alignleft):not(.alignright),
- .wp-block-categories:not(.aligncenter):not(.alignleft):not(.alignright),
+ .wp-block-archives,
+ .wp-block-categories,
.wp-block-code,
- .wp-block-columns:not(.alignwide):not(.alignfull),
- .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
- .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
- .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
- .wp-block-group:not(.alignwide):not(.alignfull),
- .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
- .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
- .wp-block-media-text:not(.alignwide):not(.alignfull),
+ .wp-block-columns,
+ .wp-block-cover,
+ .wp-block-embed,
+ .wp-block-gallery,
+ .wp-block-group,
+ .wp-block-latest-comments,
+ .wp-block-latest-posts,
+ .wp-block-media-text,
.wp-block-preformatted,
- .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+ .wp-block-pullquote,
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
- .wp-block-video:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
+ .wp-block-video {
margin-bottom: 5rem;
margin-top: 5rem;
}
@@ -4932,7 +4845,7 @@ a.to-the-top > * {
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
- margin-top: -2rem;
+ margin-top: -6rem;
}
.entry-content .wp-block-columns h1,
@@ -4944,6 +4857,32 @@ a.to-the-top > * {
margin: 3.5rem 0 2rem;
}
+ /* BLOCK: COVER */
+
+ .wp-block-cover-image .wp-block-cover__inner-container,
+ .wp-block-cover .wp-block-cover__inner-container {
+ width: calc(100% - 8rem);
+ }
+
+ .wp-block-cover-image h2,
+ .wp-block-cover h2 {
+ font-size: 4.8rem;
+ }
+
+ /* BLOCK: GALLERY */
+
+ figure.wp-block-gallery.alignnone,
+ figure.wp-block-gallery.aligncenter {
+ margin-bottom: 4rem;
+ margin-top: 4rem;
+ }
+
+ figure.wp-block-gallery.alignwide,
+ figure.wp-block-gallery.alignfull {
+ margin-bottom: 6rem;
+ margin-top: 6rem;
+ }
+
/* BLOCK: GROUP */
.wp-block-group.has-background {
@@ -5003,6 +4942,13 @@ a.to-the-top > * {
font-size: 2.6rem;
}
+ /* BLOCK: QUOTE */
+
+ .wp-block-quote.is-large p,
+ .wp-block-quote.is-style-large p {
+ font-size: 2.8rem;
+ }
+
/* BLOCK: SEPARATOR */
hr.wp-block-separator {
@@ -5052,7 +4998,7 @@ a.to-the-top > * {
margin-top: 6rem;
}
- .alignwide {
+ .entry-content > .alignwide {
max-width: calc(100vw - 8rem);
right: calc(50% - 50vw + 4rem);
width: calc(100vw - 8rem);
@@ -5060,8 +5006,8 @@ a.to-the-top > * {
/* ENTRY MEDIA */
- .alignfull figcaption,
- .alignfull .wp-caption-text {
+ .alignfull > figcaption,
+ .alignfull > .wp-caption-text {
width: calc(100% - 8rem);
}
@@ -5089,10 +5035,6 @@ a.to-the-top > * {
padding-top: 5rem;
}
- .comment-content {
- font-size: 2.1rem;
- }
-
div.comment:first-of-type {
margin-top: 5rem;
}
@@ -5221,7 +5163,8 @@ a.to-the-top > * {
margin: 0.8rem 1.6rem 0 0;
}
- .footer-social-wrapper {
+ .has-footer-menu .footer-social-wrapper {
+ flex: 1;
margin-right: 4rem;
width: auto;
}
@@ -5287,6 +5230,23 @@ a.to-the-top > * {
}
+@media (min-width: 782px) {
+
+ /* Blocks -------------------------------- */
+
+ /* BLOCK: COLUMNS */
+
+ .alignfull .wp-block-column:first-child > p,
+ .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
+ padding-right: 2rem;
+ }
+
+ .alignfull .wp-block-column:last-child > p,
+ .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
+ padding-left: 2rem;
+ }
+}
+
@media ( min-width: 1000px ) {
@@ -5411,6 +5371,27 @@ a.to-the-top > * {
width: auto;
}
+ .header-toggles:only-child .nav-toggle .toggle-inner {
+ padding-top: 0;
+ }
+
+ .header-toggles:only-child .toggle-inner {
+ display: flex;
+ flex-wrap: nowrap;
+ align-items: center;
+ }
+
+ .header-toggles:only-child .toggle-inner .svg-icon {
+ order: 1;
+ }
+
+ .header-toggles:only-child .toggle-inner .toggle-text {
+ position: static;
+ padding-left: 20px;
+ font-size: 15px;
+ color: inherit;
+ }
+
/* Menu Modal ---------------------------- */
.menu-modal {
@@ -5488,7 +5469,15 @@ a.to-the-top > * {
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
- margin-top: -4rem;
+ margin-top: -5.2rem;
+ }
+
+ /* BLOCK: GALLERY */
+
+ figure.wp-block-gallery.alignwide,
+ figure.wp-block-gallery.alignfull {
+ margin-bottom: 8rem;
+ margin-top: 8rem;
}
/* BLOCK: GROUP */
@@ -5516,8 +5505,8 @@ a.to-the-top > * {
/* ENTRY MEDIA */
- .alignfull figcaption,
- .alignfull .wp-caption-text {
+ .alignfull > figcaption,
+ .alignfull > .wp-caption-text {
width: calc(100% - 10rem);
}
@@ -5649,6 +5638,13 @@ a.to-the-top > * {
margin-top: -6rem;
}
+ /* BLOCK: GALLERY */
+
+ figure.wp-block-gallery.alignfull {
+ margin-bottom: 10rem;
+ margin-top: 10rem;
+ }
+
/* BLOCK: GROUP */
.wp-block-group.alignwide.has-background,
@@ -5752,6 +5748,16 @@ a.to-the-top > * {
/* Blocks -------------------------------- */
+ /* BLOCK: GALLERY */
+
+ figure.wp-block-gallery.alignleft {
+ margin-left: -31rem;
+ }
+
+ figure.wp-block-gallery.alignright {
+ margin-right: -31rem;
+ }
+
/* BLOCK: SEPARATOR */
.wp-block-separator.is-style-wide {
@@ -5764,19 +5770,15 @@ a.to-the-top > * {
/* ALIGNMENT CLASSES */
- .entry-content > .alignleft,
- .entry-content > p .alignleft,
- .entry-content > .wp-block-image .alignleft {
- margin-right: -31rem;
- }
-
- .entry-content > .alignright,
- .entry-content > p .alignright,
- .entry-content > .wp-block-image .alignright {
+ .entry-content .alignleft {
margin-left: -31rem;
}
- .alignwide {
+ .entry-content .alignright {
+ margin-right: -31rem;
+ }
+
+ .entry-content > .alignwide {
max-width: 120rem;
right: calc(50% - 60rem);
width: 120rem;
diff --git a/src/wp-content/themes/twentytwenty/style.css b/src/wp-content/themes/twentytwenty/style.css
index 594e2a22c7..a9793258a6 100644
--- a/src/wp-content/themes/twentytwenty/style.css
+++ b/src/wp-content/themes/twentytwenty/style.css
@@ -117,8 +117,6 @@ html {
body {
background: #f5efe0;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
@@ -137,8 +135,6 @@ body {
*,
*::before,
*::after {
- -webkit-box-sizing: inherit;
- -moz-box-sizing: inherit;
box-sizing: inherit;
-webkit-font-smoothing: antialiased;
word-break: break-word;
@@ -178,6 +174,7 @@ path {
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
+ -webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
@@ -193,6 +190,7 @@ path {
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
+ -webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
@@ -237,8 +235,8 @@ path {
/*
* Chrome renders extra-wide characters for the Hoefler Text font.
- * This results in a jumping cursor when typing in both the Classic and block
- * editors. The following font-face override fixes the issue by manually
+ * This results in a jumping cursor when typing in both the classic editor and
+ * block editor. The following font-face override fixes the issue by manually
* inserting a custom font that includes just a Hoefler Text space replacement
* for that character instead.
*/
@@ -711,6 +709,7 @@ button,
input,
textarea {
border-color: #dcd7ca;
+ color: #000;
}
code,
@@ -744,7 +743,6 @@ textarea {
border-style: solid;
border-width: 0.1rem;
box-shadow: none;
- color: inherit;
display: block;
font-size: 1.6rem;
letter-spacing: -0.015em;
@@ -852,13 +850,13 @@ td {
line-height: 1.4;
margin: 0;
overflow: visible;
- padding: 2.5%;
+ padding: 0.5em;
}
caption {
background: #dcd7ca;
font-weight: 600;
- padding: 2.5%;
+ padding: 0.5em;
text-align: center;
}
@@ -1006,7 +1004,6 @@ button.toggle {
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
- -khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
@@ -1130,6 +1127,26 @@ button.toggle {
opacity: 0.9;
}
+.blend-mode-exclusion {
+ mix-blend-mode: exclusion;
+}
+
+.blend-mode-hue {
+ mix-blend-mode: hue;
+}
+
+.blend-mode-saturation {
+ mix-blend-mode: saturation;
+}
+
+.blend-mode-color {
+ mix-blend-mode: color;
+}
+
+.blend-mode-luminosity {
+ mix-blend-mode: luminosity;
+}
+
/* Image Classes ----------------------------- */
@@ -1188,17 +1205,23 @@ button.toggle {
flex-shrink: 0;
}
+.search-form .search-submit:focus,
+.search-form .search-submit:hover {
+ text-decoration: none;
+}
+
/* Social Icons ------------------------------ */
ul.social-icons {
display: flex;
flex-wrap: wrap;
- margin: -1rem 0 0 -1rem;
+ margin: -0.9rem 0 0 -0.9rem;
+ width: calc(100% + 0.9rem);
}
ul.social-icons li {
- margin: 1rem 0 0 1rem;
+ margin: 0.9rem 0 0 0.9rem;
}
.social-icons a {
@@ -1221,257 +1244,6 @@ ul.social-icons li {
text-decoration: none;
}
-.social-icons a::before {
- content: "\e805";
- display: block;
- font-family: "Font Awesome 5";
- font-size: 2rem;
-}
-
-/* NON-BRAND ICONS */
-
-.s-icons a[href*="mailto"]::before {
- content: "\f0e0";
-}
-
-.s-icons a[href*="/feed/"]::before,
-.s-icons a[href*="rss"]::before {
- content: "\f09e";
-}
-
-/* BRAND ICONS */
-
-.s-icons a[href*="500px.com"]::before {
- content: "\f26e";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="amazon.com"]::before {
- content: "\f270";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="angel.co"]::before {
- content: "\f209";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="audible.com"]::before {
- content: "\f373";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="behance.net"]::before {
- content: "\f1b4";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="blogger.com"]::before {
- content: "\f37d";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="codepen.io"]::before {
- content: "\f1cb";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="creativecommons.com"]::before {
- content: "\f25e";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="deviantart.com"]::before {
- content: "\f1bd";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="digg.com"]::before {
- content: "\f1a6";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="discordapp.com"]::before {
- content: "\f392";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="dribbble.com"]::before {
- content: "\f17d";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="ebay"]::before {
- content: "\f4f4";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="etsy.com"]::before {
- content: "\f2d7";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="facebook.com"]::before {
- content: "\f39e";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="flickr.com"]::before {
- content: "\f16e";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="github.com"]::before {
- content: "\f113";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="gitlab.com"]::before {
- content: "\f296";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="goodreads.com"]::before {
- content: "\f3a9";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="houzz"]::before {
- content: "\f27c";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="imdb.com"]::before {
- content: "\f2d8";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="instagram.com"]::before {
- content: "\f16d";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="kickstarter.com"]::before {
- content: "\f3bc";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="jsfiddle.net"]::before {
- content: "\f1cc";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="linkedin.com"]::before {
- content: "\f0e1";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="last.fm"]::before {
- content: "\f202";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="medium.com"]::before {
- content: "\f3c7";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="meetup.com"]::before {
- content: "\f2e0";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="mixcloud.com"]::before {
- content: "\f289";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="patreon.com"]::before {
- content: "\f3d9";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="pscp.tv"]::before {
- content: "\f3da";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="pinterest"]::before {
- content: "\f231";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="play.google.com"]::before {
- content: "\f3ab";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="plus.google.com"]::before {
- content: "\f0d5";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="producthunt.com"]::before {
- content: "\f288";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="quora.com"]::before {
- content: "\f2c4";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="reddit.com"]::before {
- content: "\f281";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="slack.com"]::before {
- content: "\f198";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="soundcloud.com"]::before {
- content: "\f1be";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="spotify.com"]::before {
- content: "\f1bc";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="tumblr.com"]::before {
- content: "\f173";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="twitch"]::before {
- content: "\f1e8";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="twitter.com"]::before {
- content: "\f099";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="vimeo.com"]::before {
- content: "\f27d";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="wordpress.org"]::before,
-.s-icons a[href*="wordpress.com"]::before {
- content: "\f411";
- font-family: "Font Awesome 5 Brands";
-}
-
-.s-icons a[href*="youtube.com"]::before {
- content: "\f167";
- font-family: "Font Awesome 5 Brands";
-}
-
/* Cover Modals ------------------------------ */
@@ -1648,6 +1420,7 @@ body:not(.enable-search-modal) .site-logo img {
}
.toggle-icon {
+ display: block;
overflow: hidden;
}
@@ -1657,7 +1430,8 @@ body:not(.enable-search-modal) .site-logo img {
font-weight: 600;
position: absolute;
top: calc(100% + 0.5rem);
- width: 10rem;
+ width: auto;
+ white-space: nowrap;
word-break: break-all;
}
@@ -2214,6 +1988,7 @@ button.sub-menu-toggle.active svg {
.search-modal-inner .section-inner {
display: flex;
justify-content: space-between;
+ max-width: 168rem;
}
.search-modal.active {
@@ -2260,6 +2035,7 @@ button.search-untoggle {
/* Modal Search Form ------------------------- */
.search-modal form {
+ margin: 0;
position: relative;
width: 100%;
}
@@ -2272,8 +2048,10 @@ button.search-untoggle {
font-size: 2rem;
letter-spacing: -0.0277em;
height: 8.4rem;
- padding: 0;
- width: 100%;
+ margin: 0 0 0 -2rem;
+ max-width: calc(100% + 2rem);
+ padding: 0 0 0 2rem;
+ width: calc(100% + 2rem);
}
.search-modal .search-field::-webkit-input-placeholder {
@@ -2314,6 +2092,7 @@ button.search-untoggle {
.cover-header-inner-wrapper {
display: flex;
+ position: relative;
flex-direction: column;
justify-content: flex-end;
width: 100%;
@@ -2446,7 +2225,7 @@ body.template-full-width .entry-content .alignright {
/* Posts ------------------------------------- */
-body:not(.singular) main article:first-of-type {
+body:not(.singular) main > article:first-of-type {
padding: 4rem 0 0;
}
@@ -2800,6 +2579,38 @@ h2.entry-title {
background-color: #cd2653;
}
+.has-primary-color {
+ color: #000;
+}
+
+.has-primary-background-color {
+ background-color: #000;
+}
+
+.has-secondary-color {
+ color: #6d6d6d;
+}
+
+.has-secondary-background-color {
+ background-color: #6d6d6d;
+}
+
+.has-subtle-background-color {
+ color: #dcd7ca;
+}
+
+.has-subtle-background-background-color {
+ background-color: #dcd7ca;
+}
+
+.has-background-color {
+ color: #f5efe0;
+}
+
+.has-background-background-color {
+ background-color: #f5efe0;
+}
+
/* Block Typography Classes ------------------ */
@@ -2889,34 +2700,51 @@ h2.entry-title {
/* Block: Base Margins ----------------------- */
-.wp-block-archives:not(.aligncenter):not(.alignleft):not(.alignright),
-.wp-block-categories:not(.aligncenter):not(.alignleft):not(.alignright),
+*[class*="_inner-container"] > *:first-child {
+ margin-top: 0;
+}
+
+*[class*="_inner-container"] > *:last-child {
+ margin-bottom: 0;
+}
+
+.wp-block-archives,
+.wp-block-categories,
.wp-block-code,
-.wp-block-columns:not(.alignwide):not(.alignfull),
-.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-.wp-block-group:not(.alignwide):not(.alignfull),
-.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
-.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
-.wp-block-media-text:not(.alignwide):not(.alignfull),
+.wp-block-columns,
+.wp-block-cover,
+.wp-block-embed,
+.wp-block-gallery,
+.wp-block-group,
+.wp-block-latest-comments,
+.wp-block-latest-posts,
+.wp-block-media-text,
.wp-block-preformatted,
-.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+.wp-block-pullquote,
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
-.wp-block-video:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
+.wp-block-video {
margin-bottom: 3rem;
margin-top: 3rem;
}
+/* Block: Shared Nesting Alignment Resets ---- */
+
+[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
+[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 58rem;
+}
+
+
/* Block: Shared Widget Styles --------------- */
.wp-block-archives,
.wp-block-categories,
-.wp-block-gallery ul,
.wp-block-latest-posts,
.wp-block-latest-comments {
list-style: none;
@@ -3021,6 +2849,10 @@ h2.entry-title {
/* Block: Columns ---------------------------- */
+.wp-block-column {
+ margin-bottom: 3.2rem;
+}
+
.wp-block-column > *:first-child {
margin-top: 0;
}
@@ -3031,8 +2863,25 @@ h2.entry-title {
/* Block: Cover ------------------------------ */
-.entry-content .wp-block-cover p {
- font-family: inherit;
+.wp-block-cover-image .wp-block-cover__inner-container,
+.wp-block-cover .wp-block-cover__inner-container {
+ width: calc(100% - 4rem);
+ padding: 2rem 0;
+}
+
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text,
+.wp-block-cover-image h2,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover h2 {
+ max-width: 100%;
+ padding: 0;
+}
+
+.wp-block-cover-image h2,
+.wp-block-cover h2 {
+ font-size: 3.2rem;
}
/* Block: Embed ------------------------------ */
@@ -3083,20 +2932,41 @@ ul.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignright):not(.alignl
margin-left: 0;
}
+.wp-block-gallery ul {
+ list-style: none;
+ margin: 0 0 -1.6rem 0;
+}
+
+figure.wp-block-gallery.alignnone,
+figure.wp-block-gallery.aligncenter {
+ margin-bottom: 3rem;
+ margin-top: 3rem;
+}
+
+figure.wp-block-gallery.alignleft {
+ margin: 0.3rem 2rem 2rem 0;
+}
+
+figure.wp-block-gallery.alignright {
+ margin: 0.3rem 0 2rem 2rem;
+}
+
+figure.wp-block-gallery.alignwide {
+ margin-bottom: 4rem;
+ margin-top: 4rem;
+}
+
+figure.wp-block-gallery.alignfull {
+ margin-bottom: 5rem;
+ margin-top: 5rem;
+}
+
/* Block: Group ------------------------------ */
.wp-block-group.has-background {
padding: 2rem;
}
-.wp-block-group__inner-container > *:first-child {
- margin-top: 0;
-}
-
-.wp-block-group__inner-container > *:last-child {
- margin-bottom: 0;
-}
-
.wp-block-group__inner-container {
margin: 0 auto;
}
@@ -3151,6 +3021,11 @@ ul.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignright):not(.alignl
width: 4.4rem;
}
+.reduced-spacing .wp-block-pullquote::before {
+ border: 0.1rem solid currentColor;
+ font-size: 5.9rem;
+}
+
.wp-block-pullquote blockquote {
border: none;
margin: 0;
@@ -3302,8 +3177,6 @@ hr.wp-block-separator {
padding: 0 2rem 0 0;
}
-/* STYLE: DEFAULT */
-
/* STYLE: LARGE */
.wp-block-quote.is-large,
@@ -3315,10 +3188,11 @@ hr.wp-block-separator {
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-family: inherit;
+ font-size: 2.4rem;
font-style: normal;
font-weight: 700;
- letter-spacing: -0.035714286em;
- line-height: 1.285714286;
+ letter-spacing: -0.02em;
+ line-height: 1.285;
}
.wp-block-quote.is-large cite,
@@ -3401,10 +3275,6 @@ hr.wp-block-separator {
max-width: 58rem;
}
-.entry-content > * {
- margin-bottom: 1.25em;
-}
-
.entry-content > *:first-child {
margin-top: 0;
}
@@ -3472,37 +3342,14 @@ hr.wp-block-separator {
/* Alignment Classes ------------------------- */
-.alignnone,
-.aligncenter,
-.alignleft,
-.alignright,
-.alignwide,
-.alignfull {
- margin: 3rem 0;
-}
-
.alignnone,
.aligncenter,
.alignleft,
.alignright {
+ margin: 3rem 0;
max-width: 100%;
}
-.alignfull {
- margin: 5rem 0;
- max-width: 100vw;
- position: relative;
- left: calc(50% - 50vw);
- width: 100vw;
-}
-
-.alignwide {
- max-width: calc(100vw - 4rem);
- position: relative;
- left: calc(50% - 50vw + 2rem);
- width: calc(100vw - 4rem);
-}
-
.aligncenter,
.aligncenter img {
margin-left: auto;
@@ -3515,20 +3362,47 @@ hr.wp-block-separator {
}
.alignleft {
+
+ /*rtl:ignore*/
float: left;
margin: 0.3rem 2rem 2rem 0;
}
.alignright {
+
+ /*rtl:ignore*/
float: right;
margin: 0.3rem 0 2rem 2rem;
}
+.alignwide {
+ margin: 4rem auto;
+ max-width: 120rem;
+}
+
+.entry-content > .alignwide {
+ max-width: calc(100vw - 4rem);
+ position: relative;
+ left: calc(50% - 50vw + 2rem);
+ width: calc(100vw - 4rem);
+}
+
+.alignfull {
+ margin: 5rem 0;
+}
+
+.entry-content > .alignfull {
+ max-width: 100vw;
+ position: relative;
+ left: calc(50% - 50vw);
+ width: 100vw;
+}
+
/* Entry Media ------------------------------- */
-.alignfull figcaption,
-.alignfull .wp-caption-text {
+.alignfull > figcaption,
+.alignfull > .wp-caption-text {
margin-left: auto;
margin-right: auto;
max-width: 120rem;
@@ -3645,60 +3519,20 @@ div.comment:first-of-type {
/* COMMENT CONTENT */
-.comment-content > *:first-child {
- margin-top: 0;
+
+.comment-content.entry-content .alignleft {
+ margin-left: 0;
}
-.comment-content > *:last-child {
- margin-bottom: 0;
+.comment-content.entry-content .alignright {
+ margin-right: 0;
}
-.comment-content p,
-.comment-content ol,
-.comment-content ul,
-.comment-content dl,
-.comment-content dt {
- font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
- letter-spacing: normal;
-}
-
-.comment-content cite,
-.comment-content figcaption,
-.comment-content .wp-caption-text {
- font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
-}
-
-@supports ( font-variation-settings: normal ) {
-
- .comment-content cite,
- .comment-content figcaption,
- .comment-content .wp-caption-text {
- font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
- }
-}
-
-.comment-content h1 {
- font-size: 2em;
-}
-
-.comment-content h2 {
- font-size: 1.8em;
-}
-
-.comment-content h3 {
- font-size: 1.6em;
-}
-
-.comment-content h4 {
- font-size: 1.4em;
-}
-
-.comment-content h5 {
- font-size: 1.2em;
-}
-
-.comment-content h6 {
- font-size: 1em;
+.comment-content.entry-content > .alignwide,
+.comment-content.entry-content > .alignfull {
+ left: auto;
+ max-width: 100%;
+ width: auto;
}
/* COMMENT FOOTER */
@@ -4184,7 +4018,7 @@ div.comment:first-of-type {
/* Widget: RSS ------------------------------- */
-.widget_rss .rss-widget-icon {
+.widget_rss a.rsswidget:first-of-type {
display: none;
}
@@ -4241,6 +4075,9 @@ div.comment:first-of-type {
.footer-nav-widgets-wrapper,
#site-footer {
background-color: #fff;
+ border-color: #dedfdf;
+ border-style: solid;
+ border-width: 0;
}
.footer-top-visible .footer-nav-widgets-wrapper,
@@ -4250,7 +4087,7 @@ div.comment:first-of-type {
.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper,
.reduced-spacing.footer-top-hidden #site-footer {
- border-top: 0.1rem solid #dedfdf;
+ border-top-width: 0.1rem;
}
.footer-top,
@@ -4293,6 +4130,11 @@ div.comment:first-of-type {
/* FOOTER SOCIAL */
.footer-social-wrapper {
+ margin: 0;
+ width: 100%;
+}
+
+.has-footer-menu .footer-social-wrapper {
flex-shrink: 0;
margin-left: 1rem;
width: 50%;
@@ -4300,6 +4142,9 @@ div.comment:first-of-type {
ul.footer-social {
margin: -0.5rem 0 0 -0.5rem;
+}
+
+.has-footer-menu .footer-social {
justify-content: flex-end;
}
@@ -4384,7 +4229,27 @@ a.to-the-top > * {
@media ( max-width: 479px ) {
- /* Lists ------------------------------------- */
+ /* Blocks -------------------------------- */
+
+ .wp-block-pullquote.alignleft,
+ .wp-block-pullquote.alignright {
+ float: none;
+ margin: 3rem 0;
+ }
+
+ .wp-block-pullquote.alignleft:first-child,
+ .wp-block-pullquote.alignright:first-child {
+ margin-top: 0;
+ }
+
+ .wp-block-pullquote.alignleft:last-child,
+ .wp-block-pullquote.alignright:last-child {
+ margin-bottom: 0;
+ }
+
+ /* Entry Content ------------------------- */
+
+ /* LISTS */
ul,
ol {
@@ -4423,31 +4288,107 @@ a.to-the-top > * {
.alignright {
max-width: 26rem;
}
+}
- .alignleft {
- float: left;
+@media ( max-width: 599px ) {
+
+ /* Blocks -------------------------------- */
+
+ /* BLOCK: COLUMNS */
+
+ /* While columns are stacked */
+ .wp-block-column:last-child {
+ margin-bottom: 0;
}
- .alignright {
- float: right;
+ .wp-block-columns + .wp-block-columns {
+ margin-top: 0.2rem;
+ }
+
+ .wp-block-columns.alignwide + .wp-block-columns.alignwide {
+ margin-top: -0.8rem;
+ }
+
+ .wp-block-columns.alignfull + .wp-block-columns.alignfull {
+ margin-top: -1.8rem;
+ }
+
+}
+
+@media ( min-width: 600px ) {
+
+ /* Blocks -------------------------------- */
+
+ /* BLOCK: COLUMNS */
+
+ .wp-block-columns.alignwide + .wp-block-columns.alignwide,
+ .wp-block-columns.alignfull + .wp-block-columns.alignfull {
+ margin-top: -4rem;
+ }
+
+}
+
+@media ( max-width: 599px ) {
+
+ /* Blocks -------------------------------- */
+
+ /* BLOCK: COLUMNS */
+
+ .alignfull .wp-block-column > p:not(.has-background-color),
+ .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
+ max-width: calc(100% - 4rem);
+ margin: auto;
+ }
+}
+
+@media ( min-width: 600px ) {
+
+ /* Blocks -------------------------------- */
+
+ /* BLOCK: COLUMNS */
+
+ .alignfull .wp-block-column:nth-child(odd) > p:not(.has-background-color),
+ .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
+ padding-left: 2rem;
+ }
+
+ .alignfull .wp-block-column:nth-child(even) > p:not(.has-background-color),
+ .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
+ padding-right: 2rem;
}
}
@media ( min-width: 660px ) {
+ /* Blocks -------------------------------- */
+
+ /* BLOCK: GALLERY */
+
+ figure.wp-block-gallery.alignleft {
+
+ /*rtl:ignore*/
+ margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
+ }
+
+ figure.wp-block-gallery.alignright {
+
+ /*rtl:ignore*/
+ margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
+ }
+
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
- .entry-content > .alignleft,
- .entry-content > p .alignleft,
- .entry-content > .wp-block-image .alignleft {
+ .entry-content .alignleft {
+
+ /*rtl:ignore*/
margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
}
- .entry-content > .alignright,
- .entry-content > p .alignright,
- .entry-content > .wp-block-image .alignright {
+ .entry-content .alignright {
+
+ /*rtl:ignore*/
margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
}
@@ -4662,23 +4603,7 @@ a.to-the-top > * {
}
.modal-menu ul li {
- border-left-width: 0;
- }
-
- .modal-menu ul a {
- padding-left: 2.5rem;
- }
-
- .modal-menu ul ul a {
- padding-left: 5rem;
- }
-
- .modal-menu ul ul ul a {
- padding-left: 7.5rem;
- }
-
- .modal-menu ul ul ul ul a {
- padding-left: 10rem;
+ border-left-color: transparent;
}
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle {
@@ -4767,7 +4692,7 @@ a.to-the-top > * {
font-size: 3.2rem;
}
- body:not(.singular) main article:first-of-type {
+ body:not(.singular) main > article:first-of-type {
padding: 8rem 0 0;
}
@@ -4908,24 +4833,24 @@ a.to-the-top > * {
/* BLOCK: BASE MARGINS */
- .wp-block-archives:not(.aligncenter):not(.alignleft):not(.alignright),
- .wp-block-categories:not(.aligncenter):not(.alignleft):not(.alignright),
+ .wp-block-archives,
+ .wp-block-categories,
.wp-block-code,
- .wp-block-columns:not(.alignwide):not(.alignfull),
- .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
- .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
- .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
- .wp-block-group:not(.alignwide):not(.alignfull),
- .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
- .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
- .wp-block-media-text:not(.alignwide):not(.alignfull),
+ .wp-block-columns,
+ .wp-block-cover,
+ .wp-block-embed,
+ .wp-block-gallery,
+ .wp-block-group,
+ .wp-block-latest-comments,
+ .wp-block-latest-posts,
+ .wp-block-media-text,
.wp-block-preformatted,
- .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+ .wp-block-pullquote,
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
- .wp-block-video:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
+ .wp-block-video {
margin-bottom: 5rem;
margin-top: 5rem;
}
@@ -4934,7 +4859,7 @@ a.to-the-top > * {
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
- margin-top: -2rem;
+ margin-top: -6rem;
}
.entry-content .wp-block-columns h1,
@@ -4946,6 +4871,32 @@ a.to-the-top > * {
margin: 3.5rem 0 2rem;
}
+ /* BLOCK: COVER */
+
+ .wp-block-cover-image .wp-block-cover__inner-container,
+ .wp-block-cover .wp-block-cover__inner-container {
+ width: calc(100% - 8rem);
+ }
+
+ .wp-block-cover-image h2,
+ .wp-block-cover h2 {
+ font-size: 4.8rem;
+ }
+
+ /* BLOCK: GALLERY */
+
+ figure.wp-block-gallery.alignnone,
+ figure.wp-block-gallery.aligncenter {
+ margin-bottom: 4rem;
+ margin-top: 4rem;
+ }
+
+ figure.wp-block-gallery.alignwide,
+ figure.wp-block-gallery.alignfull {
+ margin-bottom: 6rem;
+ margin-top: 6rem;
+ }
+
/* BLOCK: GROUP */
.wp-block-group.has-background {
@@ -5005,6 +4956,13 @@ a.to-the-top > * {
font-size: 2.6rem;
}
+ /* BLOCK: QUOTE */
+
+ .wp-block-quote.is-large p,
+ .wp-block-quote.is-style-large p {
+ font-size: 2.8rem;
+ }
+
/* BLOCK: SEPARATOR */
hr.wp-block-separator {
@@ -5054,7 +5012,7 @@ a.to-the-top > * {
margin-top: 6rem;
}
- .alignwide {
+ .entry-content > .alignwide {
max-width: calc(100vw - 8rem);
left: calc(50% - 50vw + 4rem);
width: calc(100vw - 8rem);
@@ -5062,8 +5020,8 @@ a.to-the-top > * {
/* ENTRY MEDIA */
- .alignfull figcaption,
- .alignfull .wp-caption-text {
+ .alignfull > figcaption,
+ .alignfull > .wp-caption-text {
width: calc(100% - 8rem);
}
@@ -5091,10 +5049,6 @@ a.to-the-top > * {
padding-top: 5rem;
}
- .comment-content {
- font-size: 2.1rem;
- }
-
div.comment:first-of-type {
margin-top: 5rem;
}
@@ -5223,7 +5177,8 @@ a.to-the-top > * {
margin: 0.8rem 0 0 1.6rem;
}
- .footer-social-wrapper {
+ .has-footer-menu .footer-social-wrapper {
+ flex: 1;
margin-left: 4rem;
width: auto;
}
@@ -5289,6 +5244,23 @@ a.to-the-top > * {
}
+@media (min-width: 782px) {
+
+ /* Blocks -------------------------------- */
+
+ /* BLOCK: COLUMNS */
+
+ .alignfull .wp-block-column:first-child > p,
+ .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
+ padding-left: 2rem;
+ }
+
+ .alignfull .wp-block-column:last-child > p,
+ .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
+ padding-right: 2rem;
+ }
+}
+
@media ( min-width: 1000px ) {
@@ -5413,6 +5385,27 @@ a.to-the-top > * {
width: auto;
}
+ .header-toggles:only-child .nav-toggle .toggle-inner {
+ padding-top: 0;
+ }
+
+ .header-toggles:only-child .toggle-inner {
+ display: flex;
+ flex-wrap: nowrap;
+ align-items: center;
+ }
+
+ .header-toggles:only-child .toggle-inner .svg-icon {
+ order: 1;
+ }
+
+ .header-toggles:only-child .toggle-inner .toggle-text {
+ position: static;
+ padding-right: 20px;
+ font-size: 15px;
+ color: inherit;
+ }
+
/* Menu Modal ---------------------------- */
.menu-modal {
@@ -5490,7 +5483,15 @@ a.to-the-top > * {
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
- margin-top: -4rem;
+ margin-top: -5.2rem;
+ }
+
+ /* BLOCK: GALLERY */
+
+ figure.wp-block-gallery.alignwide,
+ figure.wp-block-gallery.alignfull {
+ margin-bottom: 8rem;
+ margin-top: 8rem;
}
/* BLOCK: GROUP */
@@ -5518,8 +5519,8 @@ a.to-the-top > * {
/* ENTRY MEDIA */
- .alignfull figcaption,
- .alignfull .wp-caption-text {
+ .alignfull > figcaption,
+ .alignfull > .wp-caption-text {
width: calc(100% - 10rem);
}
@@ -5651,6 +5652,13 @@ a.to-the-top > * {
margin-top: -6rem;
}
+ /* BLOCK: GALLERY */
+
+ figure.wp-block-gallery.alignfull {
+ margin-bottom: 10rem;
+ margin-top: 10rem;
+ }
+
/* BLOCK: GROUP */
.wp-block-group.alignwide.has-background,
@@ -5754,6 +5762,20 @@ a.to-the-top > * {
/* Blocks -------------------------------- */
+ /* BLOCK: GALLERY */
+
+ figure.wp-block-gallery.alignleft {
+
+ /*rtl:ignore*/
+ margin-left: -31rem;
+ }
+
+ figure.wp-block-gallery.alignright {
+
+ /*rtl:ignore*/
+ margin-right: -31rem;
+ }
+
/* BLOCK: SEPARATOR */
.wp-block-separator.is-style-wide {
@@ -5766,19 +5788,19 @@ a.to-the-top > * {
/* ALIGNMENT CLASSES */
- .entry-content > .alignleft,
- .entry-content > p .alignleft,
- .entry-content > .wp-block-image .alignleft {
+ .entry-content .alignleft {
+
+ /*rtl:ignore*/
margin-left: -31rem;
}
- .entry-content > .alignright,
- .entry-content > p .alignright,
- .entry-content > .wp-block-image .alignright {
+ .entry-content .alignright {
+
+ /*rtl:ignore*/
margin-right: -31rem;
}
- .alignwide {
+ .entry-content > .alignwide {
max-width: 120rem;
left: calc(50% - 60rem);
width: 120rem;
diff --git a/src/wp-content/themes/twentytwenty/template-parts/content-cover.php b/src/wp-content/themes/twentytwenty/template-parts/content-cover.php
index 6322ad3f88..74a8a334f5 100644
--- a/src/wp-content/themes/twentytwenty/template-parts/content-cover.php
+++ b/src/wp-content/themes/twentytwenty/template-parts/content-cover.php
@@ -44,7 +44,7 @@
$color_overlay_classes .= ' opacity-' . $color_overlay_opacity;
?>
-
-
@@ -159,11 +158,11 @@
-
diff --git a/src/wp-content/themes/twentytwenty/inc/custom-css.php b/src/wp-content/themes/twentytwenty/inc/custom-css.php
index 8ad1601399..4bf3be81e7 100644
--- a/src/wp-content/themes/twentytwenty/inc/custom-css.php
+++ b/src/wp-content/themes/twentytwenty/inc/custom-css.php
@@ -60,11 +60,11 @@ if ( ! function_exists( 'twentytwenty_get_customizer_css' ) ) {
$accent = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'accent' ) );
$accent_default = '#cd2653';
/**
- * Filters the CSS selectors targetting button component on frontend to apply common css
+ * Filters the CSS selectors targeting button component on frontend to apply common css
*
* @since 1.0.0
*
- * @param string $string The comma separated string of all CSS selectors targetting button component
+ * @param string $string The comma separated string of all CSS selectors targeting button component
*/
$buttons_targets = apply_filters( 'twentytwenty_buttons_targets_front_end', 'button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, input[type=\'button\'], input[type=\'reset\'], input[type=\'submit\']' );
@@ -102,7 +102,7 @@ if ( ! function_exists( 'twentytwenty_get_customizer_css' ) ) {
foreach ( $definitions as $property => $elements ) {
/*
* If we don't have an elements array or it is empty
- * then skip this itteration early;
+ * then skip this iteration early;
*/
if ( ! is_array( $elements ) || empty( $elements ) ) {
continue;
@@ -120,14 +120,6 @@ if ( ! function_exists( 'twentytwenty_get_customizer_css' ) ) {
twentytwenty_generate_css( '.cover-header .entry-header *', 'color', $cover );
}
- // Helper Classes.
- if ( $accent && $accent !== $accent_default ) {
- twentytwenty_generate_css( '.color-accent, .color-accent-hover:hover, .has-accent-color', 'color', $accent );
- twentytwenty_generate_css( '.bg-accent, .bg-accent-hover:hover, .has-accent-background-color', 'background-color', $accent );
- twentytwenty_generate_css( '.border-color-accent, .border-color-accent-hover:hover', 'border-color', $accent );
- twentytwenty_generate_css( '.fill-children-accent, .fill-children-accent *', 'fill', $accent );
- }
-
// Block Editor Styles.
} elseif ( 'block-editor' === $type ) {
diff --git a/src/wp-content/themes/twentytwenty/inc/starter-content.php b/src/wp-content/themes/twentytwenty/inc/starter-content.php
index d071724bfc..a35f62bc6b 100644
--- a/src/wp-content/themes/twentytwenty/inc/starter-content.php
+++ b/src/wp-content/themes/twentytwenty/inc/starter-content.php
@@ -22,11 +22,11 @@ function twentytwenty_get_starter_content() {
// Define and register starter content to showcase the theme on new sites.
$starter_content = array(
'widgets' => array(
- // Place one core-defined widgets in the first tooter widget area.
+ // Place one core-defined widgets in the first footer widget area.
'sidebar-1' => array(
'text_about',
),
- // Place one core-defined widgets in the second tooter widget area.
+ // Place one core-defined widgets in the second footer widget area.
'sidebar-2' => array(
'text_business_info',
),
@@ -34,7 +34,101 @@ function twentytwenty_get_starter_content() {
// Specify the core-defined pages to create and add custom thumbnails to some of them.
'posts' => array(
- 'home',
+ 'front' => array(
+ 'post_type' => 'page',
+ 'post_title' => __( 'The New UMoMA Opens its Doors', 'twentytwenty' ),
+ 'post_content' => join(
+ '',
+ array(
+ '',
+ '',
+ '
' . __( 'The premier destination for modern art in Northern Sweden. Open from 10 AM to 6 PM every day during the summer months.', 'twentytwenty' ) . '
', + '',
+ '
',
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ '',
+ '
',
+ '',
+ '',
+ '',
+ '',
+ '
' . __( 'Works and Days', 'twentytwenty' ) . '
', + '', + '', + '' . __( 'August 1 -- December 1', 'twentytwenty' ) . '
', + '', + '', + '', + '',
+ '',
+ '
' . __( 'Theatre of Operations', 'twentytwenty' ) . '
', + '', + '', + '' . __( 'October 1 -- December 1', 'twentytwenty' ) . '
', + '', + '', + '', + '',
+ '',
+ '',
+ '',
+ '',
+ '
',
+ '',
+ '',
+ '
' . __( 'The Life I Deserve', 'twentytwenty' ) . '
', + '', + '', + '' . __( 'August 1 -- December 1', 'twentytwenty' ) . '
', + '', + '', + '', + '',
+ '',
+ '
' . __( 'From Signac to Matisse', 'twentytwenty' ) . '
', + '', + '', + '' . __( 'October 1 -- December 1', 'twentytwenty' ) . '
', + '', + '', + '', + '',
+ '
' . __( '”Cyborgs, as the philosopher Donna Haraway established, are not reverent. They do not remember the cosmos.”', 'twentytwenty' ) . '
', + '' . __( 'With seven floors of striking architecture, UMoMA shows exhibitions of international contemporary art, sometimes along with art historical retrospectives. Existential, political and philosophical issues are intrinsic to our programme. As visitor you are invited to guided tours artist talks, lectures, film screenings and other events with free admission', 'twentytwenty' ) . '
', + '', + '', + '' . __( 'The exhibitions are produced by UMoMA in collaboration with artists and museums around the world and they often attract international attention. UMoMA has received a Special Commendation from the European Museum of the Year, and was among the top candidates for the Swedish Museum of the Year Award as well as for the Council of Europe Museum Prize.', 'twentytwenty' ) . '
', + '', + '', + '', + '', + '', + '',
+ '',
+ '
',
+ '
' . __( 'Become a Member and Get Exclusive Offers!', 'twentytwenty' ) . '
', + '', + '', + '' . __( 'Members get access to exclusive exhibits and sales. Our memberships cost $99.99 and are billed annually.', 'twentytwenty' ) . '
', + '', + '', + '', + '- ' . twentytwenty_get_theme_svg( 'edit' ) . '' . $text . '
- ' . twentytwenty_get_theme_svg( 'edit' ) . '' . $text . '
>
+
>
'',
+ 'before' => '',
+ 'link_before' => '',
+ 'link_after' => '',
)
);
diff --git a/src/wp-content/themes/twentytwenty/template-parts/content.php b/src/wp-content/themes/twentytwenty/template-parts/content.php
index 50dbf6f9f4..662a61602f 100644
--- a/src/wp-content/themes/twentytwenty/template-parts/content.php
+++ b/src/wp-content/themes/twentytwenty/template-parts/content.php
@@ -40,11 +40,12 @@
'',
+ 'before' => '',
+ 'link_before' => '',
+ 'link_after' => '',
)
);
diff --git a/src/wp-content/themes/twentytwenty/template-parts/entry-author-bio.php b/src/wp-content/themes/twentytwenty/template-parts/entry-author-bio.php
index 629c657130..28c6dd12ac 100644
--- a/src/wp-content/themes/twentytwenty/template-parts/entry-author-bio.php
+++ b/src/wp-content/themes/twentytwenty/template-parts/entry-author-bio.php
@@ -16,8 +16,8 @@ if ( (bool) get_the_author_meta( 'description' ) ) : ?>
@@ -26,7 +26,7 @@ if ( (bool) get_the_author_meta( 'description' ) ) : ?>
diff --git a/src/wp-content/themes/twentytwenty/template-parts/entry-header.php b/src/wp-content/themes/twentytwenty/template-parts/entry-header.php
index 856f877ee4..1f685503cc 100644
--- a/src/wp-content/themes/twentytwenty/template-parts/entry-header.php
+++ b/src/wp-content/themes/twentytwenty/template-parts/entry-header.php
@@ -33,7 +33,7 @@ if ( is_singular() ) {
?>
>
@@ -67,7 +67,7 @@
?>
-
+
@@ -85,7 +85,7 @@
-
+
@@ -133,11 +133,12 @@
-
+
@@ -59,7 +59,7 @@ if ( is_singular() ) {
if ( has_excerpt() && is_singular() ) {
?>
-
+
diff --git a/src/wp-content/themes/twentytwenty/template-parts/featured-image.php b/src/wp-content/themes/twentytwenty/template-parts/featured-image.php
index ac77f557da..03e48df42f 100644
--- a/src/wp-content/themes/twentytwenty/template-parts/featured-image.php
+++ b/src/wp-content/themes/twentytwenty/template-parts/featured-image.php
@@ -19,7 +19,7 @@ if ( has_post_thumbnail() && ! post_password_required() ) {
-
+
-
+
-
diff --git a/src/wp-content/themes/twentytwenty/template-parts/modal-menu.php b/src/wp-content/themes/twentytwenty/template-parts/modal-menu.php
index 6face01ff0..c84cceac91 100644
--- a/src/wp-content/themes/twentytwenty/template-parts/modal-menu.php
+++ b/src/wp-content/themes/twentytwenty/template-parts/modal-menu.php
@@ -17,8 +17,8 @@
-
new TwentyTwenty_Walker_Comment(), @@ -80,16 +77,15 @@ if ( $comments ) { ); if ( $comment_pagination ) { + $pagination_classes = ''; // If we're only showing the "Next" link, add a class indicating so. - if ( strpos( $comment_pagination, 'prev page-numbers' ) === false ) { + if ( false === strpos( $comment_pagination, 'prev page-numbers' ) ) { $pagination_classes = ' only-next'; - } else { - $pagination_classes = ''; } ?> -