From 24f6f56a719576b0b1200d86451aaaa76905aa4c Mon Sep 17 00:00:00 2001 From: desrosj Date: Tue, 27 Oct 2020 17:07:05 +0000 Subject: [PATCH] Twenty Twenty-One: Import the latest changes. For a full list of changes since [49320], see https://github.com/WordPress/twentytwentyone/compare/461dcf9cd...5759e96. Props poena, melchoyce, aristath, justinahinon, ryelle. See #51526. Built from https://develop.svn.wordpress.org/trunk@49330 git-svn-id: http://core.svn.wordpress.org/trunk@49091 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-content/themes/twentytwentyone/archive.php | 5 + .../twentytwentyone/assets/css/ie-editor.css | 359 +++---- .../themes/twentytwentyone/assets/css/ie.css | 910 +++++++++++------- .../assets/css/style-editor.css | 229 +++-- .../inc/template-functions.php | 39 + .../themes/twentytwentyone/package-lock.json | 12 +- .../themes/twentytwentyone/style-rtl.css | 408 +++++--- wp-content/themes/twentytwentyone/style.css | 408 +++++--- wp-includes/version.php | 2 +- 9 files changed, 1497 insertions(+), 875 deletions(-) diff --git a/wp-content/themes/twentytwentyone/archive.php b/wp-content/themes/twentytwentyone/archive.php index 6b0f001624..bdff964878 100644 --- a/wp-content/themes/twentytwentyone/archive.php +++ b/wp-content/themes/twentytwentyone/archive.php @@ -10,12 +10,17 @@ */ get_header(); + +$description = get_the_archive_description(); ?>
', '' ); ?> + +
+
diff --git a/wp-content/themes/twentytwentyone/assets/css/ie-editor.css b/wp-content/themes/twentytwentyone/assets/css/ie-editor.css index 2fc6c87e17..441fb52e60 100644 --- a/wp-content/themes/twentytwentyone/assets/css/ie-editor.css +++ b/wp-content/themes/twentytwentyone/assets/css/ie-editor.css @@ -10,7 +10,6 @@ /* Headings */ /* Block: Latest posts */ /* Colors */ - /* white 50% opacity used in form fields.*/ /* Body text color, site title, footer text color. */ /* Headings */ /* Mint, default body background */ @@ -30,131 +29,6 @@ /* Widgets */ } -/* Button extends */ -.wp-block-button__link { - line-height: 1.5; - color: #d1e4dd; - cursor: pointer; - font-weight: 500; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.25rem; - background-color: #39414d; - border-radius: 0; - border: 3px solid #39414d; - text-decoration: none; - padding: 15px 30px; -} -.wp-block-file .wp-block-file__button { - line-height: 1.5; - color: #d1e4dd; - cursor: pointer; - font-weight: 500; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.25rem; - background-color: #39414d; - border-radius: 0; - border: 3px solid #39414d; - text-decoration: none; - padding: 15px 30px; -} -.wp-block-search .wp-block-search__button { - line-height: 1.5; - color: #d1e4dd; - cursor: pointer; - font-weight: 500; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.25rem; - background-color: #39414d; - border-radius: 0; - border: 3px solid #39414d; - text-decoration: none; - padding: 15px 30px; -} - -.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .wp-block-search .wp-block-search__button:after { - content: ""; - display: block; - height: 0; - width: 0; -} - -.wp-block-button__link:before { - margin-bottom: -calc(1em - 0); -} - -.wp-block-file .wp-block-file__button:before { - margin-bottom: -calc(1em - 0); -} - -.wp-block-search .wp-block-search__button:before { - margin-bottom: -calc(1em - 0); -} - -.wp-block-button__link:after { - margin-top: -calc(1em - 0); -} - -.wp-block-file .wp-block-file__button:after { - margin-top: -calc(1em - 0); -} - -.wp-block-search .wp-block-search__button:after { - margin-top: -calc(1em - 0); -} - -.wp-block-button__link:active { - color: #39414d; - background-color: #d1e4dd; -} - -.wp-block-file .wp-block-file__button:active { - color: #39414d; - background-color: #d1e4dd; -} - -.wp-block-search .wp-block-search__button:active { - color: #39414d; - background-color: #d1e4dd; -} - -.wp-block-button__link:hover { - color: #39414d; - background: transparent; -} - -.wp-block-file .wp-block-file__button:hover { - color: #39414d; - background: transparent; -} - -.wp-block-search .wp-block-search__button:hover { - color: #39414d; - background: transparent; -} - -.wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button { - outline-offset: -4px; - outline: 2px dotted currentColor; -} - -.wp-block-button__link:disabled { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; -} - -.wp-block-file .wp-block-file__button:disabled { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; -} - -.wp-block-search .wp-block-search__button:disabled { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; -} - /** * Repsonsive Styles */ @@ -400,59 +274,124 @@ a:hover { color: #28303d; } -.wp-block-button__link.is-style-outline { +.wp-block-button__link { + line-height: 1.5; + color: #d1e4dd; + cursor: pointer; + font-weight: 500; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1.25rem; + background-color: #39414d; + border-radius: 0; + border: 3px solid #39414d; + text-decoration: none; + padding: 15px 30px; +} + +.wp-block-button__link:before, .wp-block-button__link:after { + content: ""; + display: block; + height: 0; + width: 0; +} + +.wp-block-button__link:before { + margin-bottom: -calc(1em - 0); +} + +.wp-block-button__link:after { + margin-top: -calc(1em - 0); +} + +.wp-block-button__link:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-button__link:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; +} + +/** + * Block Options + */ +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active { + color: #39414d; + background-color: #d1e4dd; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover { + color: #39414d; + background: transparent; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover { + outline-offset: -7px; + outline: 2px dotted currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link { color: #39414d; background: transparent; border: 3px solid currentColor; + padding: 15px 30px; } -.is-style-outline .wp-block-button__link { - color: #39414d; - background: transparent; - border: 3px solid currentColor; -} - -.wp-block-button__link.is-style-outline:visited { +.wp-block-button.is-style-outline .wp-block-button__link:visited { color: #39414d; } -.is-style-outline .wp-block-button__link:visited { +.wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: #39414d; + color: #d1e4dd; + border: 3px solid #39414d; +} + +.wp-block-button.is-style-outline .wp-block-button__link:hover { + background-color: #39414d; + color: #d1e4dd; + border: 3px solid #39414d; +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-background { + background: transparent !important; +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-background:active { color: #39414d; -} - -.wp-block-button__link.is-style-outline:active { - background-color: #39414d; - color: #d1e4dd; - border: 3px solid #39414d; -} - -.wp-block-button__link.is-style-outline:hover { - background-color: #39414d; - color: #d1e4dd; - border: 3px solid #39414d; -} - -.is-style-outline .wp-block-button__link:active { - background-color: #39414d; - color: #d1e4dd; - border: 3px solid #39414d; -} - -.is-style-outline .wp-block-button__link:hover { - background-color: #39414d; - color: #d1e4dd; - border: 3px solid #39414d; -} - -.wp-block-button__link.is-style-outline:focus, .wp-block-button__link.is-style-outline.has-focus, -.is-style-outline .wp-block-button__link:focus, -.is-style-outline .wp-block-button__link.has-focus { outline-offset: -7px; background: transparent; + outline: 2px dotted currentColor; + border: 3px solid currentColor; } -.wp-block-button__link.is-style-squared, -.is-style-squared .wp-block-button__link { +.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover { + color: #39414d; + outline-offset: -7px; + background: transparent; + outline: 2px dotted currentColor; + border: 3px solid currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active { + color: #39414d; + outline-offset: -7px; + background: transparent; + outline: 2px dotted currentColor; + border: 3px solid currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover { + color: #39414d; + outline-offset: -7px; + background: transparent; + outline: 2px dotted currentColor; + border: 3px solid currentColor; +} + +.wp-block-button.is-style-squared { border-radius: 0; } @@ -755,9 +694,51 @@ a:hover { } .wp-block-file .wp-block-file__button { + line-height: 1.5; + color: #d1e4dd; + cursor: pointer; + font-weight: 500; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1.25rem; + background-color: #39414d; + border-radius: 0; + border: 3px solid #39414d; + text-decoration: none; + padding: 15px 30px; display: inline-block; } +.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after { + content: ""; + display: block; + height: 0; + width: 0; +} + +.wp-block-file .wp-block-file__button:before { + margin-bottom: -calc(1em - 0); +} + +.wp-block-file .wp-block-file__button:after { + margin-top: -calc(1em - 0); +} + +.wp-block-file .wp-block-file__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-file .wp-block-file__button:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; +} + +.wp-block-file .wp-block-file__button:hover { + color: #39414d; + background: transparent; +} + .wp-block-gallery figcaption { margin-bottom: 0; } @@ -1233,6 +1214,12 @@ h6 { line-height: 1.3; } +[data-type="core/html"] textarea { + color: #28303d; + border-radius: 0; + padding: 20px; +} + /* Center image block by default in the editor */ .wp-block-image > div { text-align: center; @@ -1999,12 +1986,49 @@ pre.wp-block-preformatted { } .wp-block-search .wp-block-search__button { + line-height: 1.5; + color: #d1e4dd; + cursor: pointer; + font-weight: 500; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1.25rem; + background-color: #39414d; + border-radius: 0; + border: 3px solid #39414d; + text-decoration: none; + padding: 15px 30px; box-shadow: none; margin-left: 0; background-color: transparent; color: #39414d; } +.wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after { + content: ""; + display: block; + height: 0; + width: 0; +} + +.wp-block-search .wp-block-search__button:before { + margin-bottom: -calc(1em - 0); +} + +.wp-block-search .wp-block-search__button:after { + margin-top: -calc(1em - 0); +} + +.wp-block-search .wp-block-search__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-search .wp-block-search__button:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; +} + .wp-block-search .wp-block-search__button:hover { background-color: #39414d; color: #d1e4dd; @@ -2239,6 +2263,7 @@ table.wp-calendar-table caption { pre.wp-block-verse { padding: 0; + color: currentColor; } :root .is-extra-small-text { @@ -2771,4 +2796,4 @@ a { .has-red-to-purple-gradient-background { background: linear-gradient(160deg, #e4d1d1, #d1d1e4); } -/*# sourceMappingURL=ie-editor.css.map */ +/*# sourceMappingURL=ie-editor.css.map */ \ No newline at end of file diff --git a/wp-content/themes/twentytwentyone/assets/css/ie.css b/wp-content/themes/twentytwentyone/assets/css/ie.css index 0cd81a890b..5261455818 100644 --- a/wp-content/themes/twentytwentyone/assets/css/ie.css +++ b/wp-content/themes/twentytwentyone/assets/css/ie.css @@ -24,7 +24,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. * Global...............Project-specific, globally available variables. * * TOOLS - * Extends..............Global extends. * Functions............Global functions. * Mixins...............Global mixins. * @@ -102,7 +101,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. /* Headings */ /* Block: Latest posts */ /* Colors */ - /* white 50% opacity used in form fields.*/ /* Body text color, site title, footer text color. */ /* Headings */ /* Mint, default body background */ @@ -122,258 +120,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. /* Widgets */ } -/* Button extends */ -.site .button { - line-height: 1.5; - color: #d1e4dd; - cursor: pointer; - font-weight: 500; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.25rem; - background-color: #39414d; - border-radius: 0; - border: 3px solid #39414d; - text-decoration: none; - padding: 15px 30px; -} -input[type="submit"] { - line-height: 1.5; - color: #d1e4dd; - cursor: pointer; - font-weight: 500; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.25rem; - background-color: #39414d; - border-radius: 0; - border: 3px solid #39414d; - text-decoration: none; - padding: 15px 30px; -} -input[type="reset"] { - line-height: 1.5; - color: #d1e4dd; - cursor: pointer; - font-weight: 500; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.25rem; - background-color: #39414d; - border-radius: 0; - border: 3px solid #39414d; - text-decoration: none; - padding: 15px 30px; -} -.wp-block-search__button { - line-height: 1.5; - color: #d1e4dd; - cursor: pointer; - font-weight: 500; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.25rem; - background-color: #39414d; - border-radius: 0; - border: 3px solid #39414d; - text-decoration: none; - padding: 15px 30px; -} -.wp-block-button .wp-block-button__link { - line-height: 1.5; - color: #d1e4dd; - cursor: pointer; - font-weight: 500; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.25rem; - background-color: #39414d; - border-radius: 0; - border: 3px solid #39414d; - text-decoration: none; - padding: 15px 30px; -} -.wp-block-file .wp-block-file__button { - line-height: 1.5; - color: #d1e4dd; - cursor: pointer; - font-weight: 500; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.25rem; - background-color: #39414d; - border-radius: 0; - border: 3px solid #39414d; - text-decoration: none; - padding: 15px 30px; -} - -.site .button:before, -input[type="submit"]:before, -input[type="reset"]:before, -.wp-block-search__button:before, -.wp-block-button .wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .site .button:after, -input[type="submit"]:after, -input[type="reset"]:after, -.wp-block-search__button:after, -.wp-block-button .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after { - content: ""; - display: block; - height: 0; - width: 0; -} - -.site .button:before { - margin-bottom: -calc(1em - 0); -} - -input[type="submit"]:before { - margin-bottom: -calc(1em - 0); -} - -input[type="reset"]:before { - margin-bottom: -calc(1em - 0); -} - -.wp-block-search__button:before { - margin-bottom: -calc(1em - 0); -} - -.wp-block-button .wp-block-button__link:before { - margin-bottom: -calc(1em - 0); -} - -.wp-block-file .wp-block-file__button:before { - margin-bottom: -calc(1em - 0); -} - -.site .button:after { - margin-top: -calc(1em - 0); -} - -input[type="submit"]:after { - margin-top: -calc(1em - 0); -} - -input[type="reset"]:after { - margin-top: -calc(1em - 0); -} - -.wp-block-search__button:after { - margin-top: -calc(1em - 0); -} - -.wp-block-button .wp-block-button__link:after { - margin-top: -calc(1em - 0); -} - -.wp-block-file .wp-block-file__button:after { - margin-top: -calc(1em - 0); -} - -.site .button:active { - color: #39414d; - background-color: #d1e4dd; -} - -input:active[type="submit"] { - color: #39414d; - background-color: #d1e4dd; -} - -input:active[type="reset"] { - color: #39414d; - background-color: #d1e4dd; -} - -.wp-block-search__button:active { - color: #39414d; - background-color: #d1e4dd; -} - -.wp-block-button .wp-block-button__link:active { - color: #39414d; - background-color: #d1e4dd; -} - -.wp-block-file .wp-block-file__button:active { - color: #39414d; - background-color: #d1e4dd; -} - -.site .button:hover { - color: #39414d; - background: transparent; -} - -input:hover[type="submit"] { - color: #39414d; - background: transparent; -} - -input:hover[type="reset"] { - color: #39414d; - background: transparent; -} - -.wp-block-search__button:hover { - color: #39414d; - background: transparent; -} - -.wp-block-button .wp-block-button__link:hover { - color: #39414d; - background: transparent; -} - -.wp-block-file .wp-block-file__button:hover { - color: #39414d; - background: transparent; -} - -.site .button:focus, -input:focus[type="submit"], -input:focus[type="reset"], -.wp-block-search__button:focus, -.wp-block-button .wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .site .has-focus.button, -input.has-focus[type="submit"], -input.has-focus[type="reset"], -.has-focus.wp-block-search__button, -.wp-block-button .has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button { - outline-offset: -4px; - outline: 2px dotted currentColor; -} - -.site .button:disabled { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; -} - -input:disabled[type="submit"] { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; -} - -input:disabled[type="reset"] { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; -} - -.wp-block-search__button:disabled { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; -} - -.wp-block-button .wp-block-button__link:disabled { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; -} - -.wp-block-file .wp-block-file__button:disabled { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; -} - /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ @@ -1535,225 +1281,225 @@ input[type="text"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="email"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="url"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="password"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="search"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="number"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="tel"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="date"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="month"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="week"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="time"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="datetime"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="datetime-local"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="color"] { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } .site textarea { border: 3px solid #39414d; border-radius: 0; color: #28303d; - background: rgba(255, 255, 255, 0.5); line-height: 1.7; padding: 10px; + margin: 0 2px; } input[type="text"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="email"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="url"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="password"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="search"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="number"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="tel"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="date"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="month"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="week"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="time"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="datetime"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="datetime-local"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="color"]:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } .site textarea:focus { color: #28303d; - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="text"]:disabled, @@ -1774,16 +1520,89 @@ input[type="color"]:disabled, opacity: 0.7; } -input[type="search"]:focus { - outline-offset: 0; +.has-background-dark input[type="text"] { + background: rgba(255, 255, 255, 0.9); } +.has-background-dark +input[type="email"] { + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark +input[type="url"] { + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark +input[type="password"] { + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark +input[type="search"] { + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark +input[type="number"] { + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark +input[type="tel"] { + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark input[type="date"] { - background: #fff; + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark +input[type="month"] { + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark +input[type="week"] { + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark +input[type="time"] { + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark +input[type="datetime"] { + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark +input[type="datetime-local"] { + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark +input[type="color"] { + background: rgba(255, 255, 255, 0.9); +} + +.has-background-dark +.site textarea { + background: rgba(255, 255, 255, 0.9); +} + +input[type="search"]:focus { + outline-offset: -7px; +} + +.has-background-dark input[type="search"]:focus { + outline-color: #d1e4dd; } input[type="color"] { - background: #fff; padding: 5px; height: 40px; } @@ -1809,7 +1628,15 @@ select { } select:focus { - outline: 1px solid #39414d; + outline-offset: 2px; + outline: 2px dotted #39414d; +} + +.has-background-dark select { + /* stylelint-disable */ + background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml;utf8,") no-repeat; + /* stylelint-enable */ + background-position: right 10px top 60%; } textarea { @@ -1834,9 +1661,8 @@ License: MIT. position: relative; width: 25px; height: 25px; - background: rgba(255, 255, 255, 0.5); border: 3px solid #39414d; - outline-offset: 0; + background: #fff; } input[type="radio"] { -webkit-appearance: none; @@ -1844,17 +1670,23 @@ License: MIT. position: relative; width: 25px; height: 25px; - background: rgba(255, 255, 255, 0.5); border: 3px solid #39414d; - outline-offset: 0; + background: #fff; } input[type="checkbox"]:disabled, input[type="radio"]:disabled { opacity: 0.7; } + .has-background-dark input[type="checkbox"] { + background: rgba(255, 255, 255, 0.9); + } + .has-background-dark + input[type="radio"] { + background: rgba(255, 255, 255, 0.9); + } input[type="checkbox"]:focus { - outline: 1px solid #39414d; - background: #fff; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="checkbox"]:after { content: ""; @@ -1871,7 +1703,6 @@ License: MIT. transform: rotate(30deg); } input[type="checkbox"]:checked { - background: #fff; color: #28303d; } input[type="checkbox"]:checked:after { @@ -1881,9 +1712,8 @@ License: MIT. border-radius: 50%; } input[type="radio"]:focus { - background: #fff; - border: 4px solid #39414d; - outline: 1px dotted transparent; + outline-offset: 2px; + outline: 2px dotted #39414d; } input[type="radio"]:after { content: ""; @@ -1898,15 +1728,14 @@ License: MIT. background: #28303d; } input[type="radio"]:checked { - background: #fff; border: 4px solid #39414d; - outline: 1px dotted transparent; } input[type="radio"]:checked:after { opacity: 1; } input[type="radio"]:checked:focus { - box-shadow: 0 0 0 2px #39414d; + outline-offset: 4px; + outline: 2px dotted #39414d; } } @@ -2024,6 +1853,10 @@ fieldset input[type="checkbox"] + label { margin-bottom: 20px; } +::-moz-placeholder { + opacity: 1; +} + img { display: block; height: auto; @@ -2153,83 +1986,318 @@ a:hover { /** * Button */ +.site .button { + line-height: 1.5; + color: #d1e4dd; + cursor: pointer; + font-weight: 500; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1.25rem; + background-color: #39414d; + border-radius: 0; + border: 3px solid #39414d; + text-decoration: none; + padding: 15px 30px; +} +input[type="submit"] { + line-height: 1.5; + color: #d1e4dd; + cursor: pointer; + font-weight: 500; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1.25rem; + background-color: #39414d; + border-radius: 0; + border: 3px solid #39414d; + text-decoration: none; + padding: 15px 30px; +} +input[type="reset"] { + line-height: 1.5; + color: #d1e4dd; + cursor: pointer; + font-weight: 500; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1.25rem; + background-color: #39414d; + border-radius: 0; + border: 3px solid #39414d; + text-decoration: none; + padding: 15px 30px; +} +.wp-block-search__button { + line-height: 1.5; + color: #d1e4dd; + cursor: pointer; + font-weight: 500; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1.25rem; + background-color: #39414d; + border-radius: 0; + border: 3px solid #39414d; + text-decoration: none; + padding: 15px 30px; +} +.wp-block-button .wp-block-button__link { + line-height: 1.5; + color: #d1e4dd; + cursor: pointer; + font-weight: 500; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1.25rem; + background-color: #39414d; + border-radius: 0; + border: 3px solid #39414d; + text-decoration: none; + padding: 15px 30px; +} + +.site .button:before, .site .button:after, +input[type="submit"]:before, +input[type="submit"]:after, +input[type="reset"]:before, +input[type="reset"]:after, +.wp-block-search__button:before, +.wp-block-search__button:after, +.wp-block-button .wp-block-button__link:before, +.wp-block-button .wp-block-button__link:after { + content: ""; + display: block; + height: 0; + width: 0; +} + +.site .button:before { + margin-bottom: -calc(1em - 0); +} + +input[type="submit"]:before { + margin-bottom: -calc(1em - 0); +} + +input[type="reset"]:before { + margin-bottom: -calc(1em - 0); +} + +.wp-block-search__button:before { + margin-bottom: -calc(1em - 0); +} + +.wp-block-button .wp-block-button__link:before { + margin-bottom: -calc(1em - 0); +} + +.site .button:after { + margin-top: -calc(1em - 0); +} + +input[type="submit"]:after { + margin-top: -calc(1em - 0); +} + +input[type="reset"]:after { + margin-top: -calc(1em - 0); +} + +.wp-block-search__button:after { + margin-top: -calc(1em - 0); +} + +.wp-block-button .wp-block-button__link:after { + margin-top: -calc(1em - 0); +} + +.site .button:focus, +input[type="submit"]:focus, +input[type="reset"]:focus, +.wp-block-search__button:focus, +.wp-block-button .wp-block-button__link:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.site .button:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; +} + +input[type="submit"]:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; +} + +input[type="reset"]:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; +} + +.wp-block-search__button:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; +} + +.wp-block-button .wp-block-button__link:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; +} + +.site .button:active { + color: #39414d; + background-color: #d1e4dd; +} + +input[type="submit"]:active { + color: #39414d; + background-color: #d1e4dd; +} + +input[type="reset"]:active { + color: #39414d; + background-color: #d1e4dd; +} + +.wp-block-search .wp-block-search__button:active { + color: #39414d; + background-color: #d1e4dd; +} + +.wp-block-file .wp-block-file__button:active { + color: #39414d; + background-color: #d1e4dd; +} + +.site .button:hover { + color: #39414d; + background: transparent; +} + +input[type="submit"]:hover { + color: #39414d; + background: transparent; +} + +input[type="reset"]:hover { + color: #39414d; + background: transparent; +} + +.wp-block-search .wp-block-search__button:hover { + color: #39414d; + background: transparent; +} + +.wp-block-file .wp-block-file__button:hover { + color: #39414d; + background: transparent; +} + /** * Block Options */ -.wp-block-button.is-style-outline.wp-block-button__link { +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active { + color: #39414d; + background-color: #d1e4dd; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover { color: #39414d; background: transparent; - border: 3px solid currentColor; - padding: 15px 30px; } + +.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:focus { + outline-offset: -7px; + outline: 2px dotted currentColor; +} + .wp-block-button.is-style-outline .wp-block-button__link { - color: #39414d; background: transparent; - border: 3px solid currentColor; padding: 15px 30px; } -.wp-block-button.is-style-outline.wp-block-button__link:visited { +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) { color: #39414d; + border: 3px solid currentColor; } -.wp-block-button.is-style-outline .wp-block-button__link:visited { - color: #39414d; -} - -.wp-block-button.is-style-outline.wp-block-button__link:active { +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):active { background-color: #39414d; color: #d1e4dd; border: 3px solid #39414d; } -.wp-block-button.is-style-outline.wp-block-button__link:hover { +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover { background-color: #39414d; color: #d1e4dd; border: 3px solid #39414d; } -.wp-block-button.is-style-outline .wp-block-button__link:active { - background-color: #39414d; - color: #d1e4dd; - border: 3px solid #39414d; -} - -.wp-block-button.is-style-outline .wp-block-button__link:hover { - background-color: #39414d; - color: #d1e4dd; - border: 3px solid #39414d; -} - -.wp-block-button.is-style-outline.wp-block-button__link:focus { +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus { outline-offset: -7px; background: transparent; outline: 2px dotted #39414d; color: #39414d; } -.wp-block-button.is-style-outline.wp-block-button__link.has-focus { - outline-offset: -7px; - background: transparent; - outline: 2px dotted #39414d; +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):visited { color: #39414d; } -.wp-block-button.is-style-outline .wp-block-button__link:focus { - outline-offset: -7px; - background: transparent; - outline: 2px dotted #39414d; - color: #39414d; +.wp-block-button.is-style-outline .wp-block-button__link.has-background { + border: 3px solid currentColor; } -.wp-block-button.is-style-outline .wp-block-button__link.has-focus { - outline-offset: -7px; - background: transparent; - outline: 2px dotted #39414d; - color: #39414d; +.wp-block-button.is-style-outline .wp-block-button__link.has-text-color { + border: 3px solid currentColor; } -.wp-block-button.is-style-squared .wp-block-button__link { +.wp-block-button.is-style-outline .wp-block-button__link.has-background:active { + outline-offset: -7px; + background: transparent; + outline: 2px dotted currentColor; + border: 3px solid currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover { + outline-offset: -7px; + background: transparent; + outline: 2px dotted currentColor; + border: 3px solid currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-background:focus { + outline-offset: -7px; + background: transparent; + outline: 2px dotted currentColor; + border: 3px solid currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active { + outline-offset: -7px; + background: transparent; + outline: 2px dotted currentColor; + border: 3px solid currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover { + outline-offset: -7px; + background: transparent; + outline: 2px dotted currentColor; + border: 3px solid currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:focus { + outline-offset: -7px; + background: transparent; + outline: 2px dotted currentColor; + border: 3px solid currentColor; +} + +.wp-block-button .is-style-squared .wp-block-button__link { border-radius: 0; } @@ -2677,9 +2745,46 @@ a:hover { } .wp-block-file .wp-block-file__button { + line-height: 1.5; + color: #d1e4dd; + cursor: pointer; + font-weight: 500; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1.25rem; + background-color: #39414d; + border-radius: 0; + border: 3px solid #39414d; + text-decoration: none; + padding: 15px 30px; display: inline-block; } +.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after { + content: ""; + display: block; + height: 0; + width: 0; +} + +.wp-block-file .wp-block-file__button:before { + margin-bottom: -calc(1em - 0); +} + +.wp-block-file .wp-block-file__button:after { + margin-top: -calc(1em - 0); +} + +.wp-block-file .wp-block-file__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-file .wp-block-file__button:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; +} + .wp-block-gallery { margin: 0 auto; } @@ -3454,11 +3559,40 @@ dd { .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { background: #d1e4dd; - box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); margin: 0; padding: 0; position: absolute; top: 100%; + border: 1px solid #28303d; +} + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + left: 25px; + border-style: solid; + border-color: #28303d transparent; + border-width: 0 7px 10px 7px; +} + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + left: 25px; + border-style: solid; + border-color: #28303d transparent; + border-width: 0 7px 10px 7px; +} + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { + top: -9px; + border-color: #d1e4dd transparent; } .wp-block-navigation:not(.has-background) .wp-block-navigation__container { @@ -3477,6 +3611,11 @@ dd { color: #28303d; } +.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { + text-decoration: underline; + text-decoration-style: dotted; +} + .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { color: currentColor; } @@ -5312,6 +5451,18 @@ h1.page-title { margin-right: 10px; } +.archive-description { + margin-top: 30px; + font-size: 2.25rem; + line-height: 1.3; +} + +@media only screen and (min-width: 652px){ + .archive-description{ + font-size: 2.5rem; + } +} + .error404 main p { font-size: 1.5rem; margin-bottom: 50px; @@ -5930,15 +6081,37 @@ h1.page-title { transition: all 0.5s ease; z-index: 88888; } + .primary-navigation > div > .menu-wrapper > li > .sub-menu:before { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + left: 25px; + border-style: solid; + border-color: #28303d transparent; + border-width: 0 7px 10px 7px; + } + .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + left: 25px; + border-style: solid; + border-color: #28303d transparent; + border-width: 0 7px 10px 7px; + } + .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { + top: -9px; + border-color: #d1e4dd transparent; + } .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: #d1e4dd; } } -.primary-navigation > div > .menu-wrapper > li > .sub-menu .sub-menu { - width: 100%; -} - .primary-navigation .primary-menu > .menu-item:hover > a { color: #28303d; } @@ -6022,6 +6195,11 @@ h1.page-title { padding: 0; list-style: none; margin-left: 13px; + border: 1px solid #28303d; +} + +.primary-navigation .sub-menu .sub-menu { + border: none; } @media only screen and (min-width: 482px) { @@ -6830,4 +7008,12 @@ footer { .is-IE.has-background-dark .skip-link:focus { color: #21759b; } + +.is-IE .navigation .nav-links { + display: block; +} + +.is-IE .post-thumbnail .wp-post-image { + min-width: auto; +} /*# sourceMappingURL=ie.css.map */ \ No newline at end of file diff --git a/wp-content/themes/twentytwentyone/assets/css/style-editor.css b/wp-content/themes/twentytwentyone/assets/css/style-editor.css index 5804750f6a..8e70b1131d 100644 --- a/wp-content/themes/twentytwentyone/assets/css/style-editor.css +++ b/wp-content/themes/twentytwentyone/assets/css/style-editor.css @@ -65,7 +65,7 @@ --global--color-yellow: #eeeadd; --global--color-white: #fff; --global--color-white-50: rgba(255, 255, 255, 0.5); - /* white 50% opacity used in form fields.*/ + --global--color-white-90: rgba(255, 255, 255, 0.9); --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */ --global--color-secondary: var(--global--color-gray); @@ -152,6 +152,7 @@ --primary-nav--color-link-hover: var(--global--color-primary-hover); --primary-nav--color-text: var(--global--color-primary); --primary-nav--padding: calc(0.66 * var(--global--spacing-unit)); + --primary-nav--border-color: var(--global--color-primary); /* Pagination */ --pagination--color-text: var(--global--color-primary); --pagination--color-link-hover: var(--global--color-primary-hover); @@ -208,57 +209,6 @@ } } -/* Button extends */ -.wp-block-button__link, .wp-block-file .wp-block-file__button, .wp-block-search .wp-block-search__button { - line-height: var(--button--line-height); - color: var(--button--color-text); - cursor: pointer; - font-weight: var(--button--font-weight); - font-family: var(--button--font-family); - font-size: var(--button--font-size); - background-color: var(--button--color-background); - border-radius: var(--button--border-radius); - border: var(--button--border-width) solid var(--button--color-background); - text-decoration: none; - padding: var(--button--padding-vertical) var(--button--padding-horizontal); -} - -.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .wp-block-search .wp-block-search__button:before, .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .wp-block-search .wp-block-search__button:after { - content: ""; - display: block; - height: 0; - width: 0; -} - -.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .wp-block-search .wp-block-search__button:before { - margin-bottom: -calc(.5em * var(--button--line-height) + -.38); -} - -.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .wp-block-search .wp-block-search__button:after { - margin-top: -calc(.5em * var(--button--line-height) + -.39); -} - -.wp-block-button__link:active, .wp-block-file .wp-block-file__button:active, .wp-block-search .wp-block-search__button:active { - color: var(--button--color-text-active); - background-color: var(--button--color-background-active); -} - -.wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-search .wp-block-search__button:hover { - color: var(--button--color-text-hover); - background: transparent; -} - -.wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .wp-block-search .wp-block-search__button:focus, .has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button, .wp-block-search .has-focus.wp-block-search__button { - outline-offset: -4px; - outline: 2px dotted currentColor; -} - -.wp-block-button__link:disabled, .wp-block-file .wp-block-file__button:disabled, .wp-block-search .wp-block-search__button:disabled { - background-color: var(--global--color-white-50); - border-color: var(--global--color-white-50); - color: var(--button--color-text-active); -} - /** * Repsonsive Styles */ @@ -465,35 +415,94 @@ a:hover { color: var(--wp--style--color--link, var(--global--color-primary)); } -.wp-block-button__link.is-style-outline, -.is-style-outline .wp-block-button__link { +.wp-block-button__link { + line-height: var(--button--line-height); + color: var(--button--color-text); + cursor: pointer; + font-weight: var(--button--font-weight); + font-family: var(--button--font-family); + font-size: var(--button--font-size); + background-color: var(--button--color-background); + border-radius: var(--button--border-radius); + border: var(--button--border-width) solid var(--button--color-background); + text-decoration: none; + padding: var(--button--padding-vertical) var(--button--padding-horizontal); +} + +.wp-block-button__link:before, .wp-block-button__link:after { + content: ""; + display: block; + height: 0; + width: 0; +} + +.wp-block-button__link:before { + margin-bottom: -calc(.5em * var(--button--line-height) + -.38); +} + +.wp-block-button__link:after { + margin-top: -calc(.5em * var(--button--line-height) + -.39); +} + +.wp-block-button__link:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-button__link:disabled { + background-color: var(--global--color-white-50); + border-color: var(--global--color-white-50); + color: var(--button--color-text-active); +} + +/** + * Block Options + */ +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active { + color: var(--button--color-text-active); + background-color: var(--button--color-background-active); +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover { + color: var(--button--color-text-hover); + background: transparent; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover { + outline-offset: -7px; + outline: 2px dotted currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link { color: var(--button--color-background); background: transparent; border: var(--button--border-width) solid currentColor; + padding: var(--button--padding-vertical) var(--button--padding-horizontal); } -.wp-block-button__link.is-style-outline:visited, -.is-style-outline .wp-block-button__link:visited { +.wp-block-button.is-style-outline .wp-block-button__link:visited { color: var(--button--color-background); } -.wp-block-button__link.is-style-outline:active, .wp-block-button__link.is-style-outline:hover, -.is-style-outline .wp-block-button__link:active, -.is-style-outline .wp-block-button__link:hover { +.wp-block-button.is-style-outline .wp-block-button__link:active, .wp-block-button.is-style-outline .wp-block-button__link:hover { background-color: var(--button--color-background); color: var(--button--color-text); border: var(--button--border-width) solid var(--button--color-background); } -.wp-block-button__link.is-style-outline:focus, .wp-block-button__link.is-style-outline.has-focus, -.is-style-outline .wp-block-button__link:focus, -.is-style-outline .wp-block-button__link.has-focus { - outline-offset: -7px; - background: transparent; +.wp-block-button.is-style-outline .wp-block-button__link.has-background { + background: transparent !important; } -.wp-block-button__link.is-style-squared, -.is-style-squared .wp-block-button__link { +.wp-block-button.is-style-outline .wp-block-button__link.has-background:active, .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover { + color: var(--button--color-background); + outline-offset: -7px; + background: transparent; + outline: 2px dotted currentColor; + border: var(--button--border-width) solid currentColor; +} + +.wp-block-button.is-style-squared { border-radius: 0; } @@ -660,9 +669,51 @@ a:hover { } .wp-block-file .wp-block-file__button { + line-height: var(--button--line-height); + color: var(--button--color-text); + cursor: pointer; + font-weight: var(--button--font-weight); + font-family: var(--button--font-family); + font-size: var(--button--font-size); + background-color: var(--button--color-background); + border-radius: var(--button--border-radius); + border: var(--button--border-width) solid var(--button--color-background); + text-decoration: none; + padding: var(--button--padding-vertical) var(--button--padding-horizontal); display: inline-block; } +.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after { + content: ""; + display: block; + height: 0; + width: 0; +} + +.wp-block-file .wp-block-file__button:before { + margin-bottom: -calc(.5em * var(--button--line-height) + -.38); +} + +.wp-block-file .wp-block-file__button:after { + margin-top: -calc(.5em * var(--button--line-height) + -.39); +} + +.wp-block-file .wp-block-file__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-file .wp-block-file__button:disabled { + background-color: var(--global--color-white-50); + border-color: var(--global--color-white-50); + color: var(--button--color-text-active); +} + +.wp-block-file .wp-block-file__button:hover { + color: var(--button--color-text-hover); + background: transparent; +} + .wp-block-gallery figcaption { margin-bottom: 0; } @@ -813,6 +864,12 @@ h6, line-height: var(--heading--line-height-h6); } +[data-type="core/html"] textarea { + color: var(--global--color-dark-gray); + border-radius: 0; + padding: var(--global--spacing-unit); +} + /* Center image block by default in the editor */ .wp-block-image > div { text-align: center; @@ -1444,12 +1501,49 @@ pre.wp-block-preformatted { } .wp-block-search .wp-block-search__button { + line-height: var(--button--line-height); + color: var(--button--color-text); + cursor: pointer; + font-weight: var(--button--font-weight); + font-family: var(--button--font-family); + font-size: var(--button--font-size); + background-color: var(--button--color-background); + border-radius: var(--button--border-radius); + border: var(--button--border-width) solid var(--button--color-background); + text-decoration: none; + padding: var(--button--padding-vertical) var(--button--padding-horizontal); box-shadow: none; margin-left: 0; background-color: transparent; color: var(--button--color-text-hover); } +.wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after { + content: ""; + display: block; + height: 0; + width: 0; +} + +.wp-block-search .wp-block-search__button:before { + margin-bottom: -calc(.5em * var(--button--line-height) + -.38); +} + +.wp-block-search .wp-block-search__button:after { + margin-top: -calc(.5em * var(--button--line-height) + -.39); +} + +.wp-block-search .wp-block-search__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-search .wp-block-search__button:disabled { + background-color: var(--global--color-white-50); + border-color: var(--global--color-white-50); + color: var(--button--color-text-active); +} + .wp-block-search .wp-block-search__button:hover { background-color: var(--button--color-background); color: var(--button--color-text); @@ -1624,6 +1718,7 @@ table.wp-calendar-table caption { pre.wp-block-verse { padding: 0; + color: currentColor; } :root .is-extra-small-text, @@ -1971,4 +2066,4 @@ a { background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple)); } -/*# sourceMappingURL=style-editor.css.map */ +/*# sourceMappingURL=style-editor.css.map */ \ No newline at end of file diff --git a/wp-content/themes/twentytwentyone/inc/template-functions.php b/wp-content/themes/twentytwentyone/inc/template-functions.php index d85b156686..3badaa3631 100644 --- a/wp-content/themes/twentytwentyone/inc/template-functions.php +++ b/wp-content/themes/twentytwentyone/inc/template-functions.php @@ -472,3 +472,42 @@ function twenty_twenty_one_password_form( $post = 0 ) { return $output; } add_filter( 'the_password_form', 'twenty_twenty_one_password_form' ); + +/** + * Filters the list of attachment image attributes. + * + * @since 1.0.0 + * + * @param array $attr Array of attribute values for the image markup, keyed by attribute name. + * See wp_get_attachment_image(). + * @param WP_Post $attachment Image attachment post. + * @param string|array $size Requested size. Image size or array of width and height values + * (in that order). Default 'thumbnail'. + * + * @return array + */ +function twenty_twenty_one_get_attachment_image_attributes( $attr, $attachment, $size ) { + $width = false; + $height = false; + + if ( is_array( $size ) ) { + $width = (int) $size[0]; + $height = (int) $size[1]; + } elseif ( $attachment && is_object( $attachment ) && $attachment->ID ) { + $meta = wp_get_attachment_metadata( $attachment->ID ); + if ( $meta['width'] && $meta['height'] ) { + $width = (int) $meta['width']; + $height = (int) $meta['height']; + } + } + + if ( $width && $height ) { + + // Add style. + $attr['style'] = isset( $attr['style'] ) ? $attr['style'] : ''; + $attr['style'] = 'width:100%;height:' . round( 100 * $meta['height'] / $meta['width'], 2 ) . '%;' . $attr['style']; + } + + return $attr; +} +add_filter( 'wp_get_attachment_image_attributes', 'twenty_twenty_one_get_attachment_image_attributes', 10, 3 ); diff --git a/wp-content/themes/twentytwentyone/package-lock.json b/wp-content/themes/twentytwentyone/package-lock.json index 67a7dce7fe..d5d3b17869 100644 --- a/wp-content/themes/twentytwentyone/package-lock.json +++ b/wp-content/themes/twentytwentyone/package-lock.json @@ -726,6 +726,12 @@ "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", "dev": true }, + "prettier": { + "version": "npm:wp-prettier@2.0.5", + "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.0.5.tgz", + "integrity": "sha512-5GCgdeevIXwR3cW4Qj5XWC5MO1iSCz8+IPn0mMw6awAt/PBiey8yyO7MhePRsaMqghJAhg6Q3QLYWSnUHWkG6A==", + "dev": true + }, "resolve-from": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", @@ -5028,12 +5034,6 @@ "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", "dev": true }, - "prettier": { - "version": "npm:wp-prettier@2.0.5", - "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.0.5.tgz", - "integrity": "sha512-5GCgdeevIXwR3cW4Qj5XWC5MO1iSCz8+IPn0mMw6awAt/PBiey8yyO7MhePRsaMqghJAhg6Q3QLYWSnUHWkG6A==", - "dev": true - }, "prettier-linter-helpers": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz", diff --git a/wp-content/themes/twentytwentyone/style-rtl.css b/wp-content/themes/twentytwentyone/style-rtl.css index 351fff92ac..8d93c3b92c 100644 --- a/wp-content/themes/twentytwentyone/style-rtl.css +++ b/wp-content/themes/twentytwentyone/style-rtl.css @@ -24,7 +24,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. * Global...............Project-specific, globally available variables. * * TOOLS - * Extends..............Global extends. * Functions............Global functions. * Mixins...............Global mixins. * @@ -157,7 +156,7 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. --global--color-yellow: #eeeadd; --global--color-white: #fff; --global--color-white-50: rgba(255, 255, 255, 0.5); - /* white 50% opacity used in form fields.*/ + --global--color-white-90: rgba(255, 255, 255, 0.9); --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */ --global--color-secondary: var(--global--color-gray); @@ -244,6 +243,7 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. --primary-nav--color-link-hover: var(--global--color-primary-hover); --primary-nav--color-text: var(--global--color-primary); --primary-nav--padding: calc(0.66 * var(--global--spacing-unit)); + --primary-nav--border-color: var(--global--color-primary); /* Pagination */ --pagination--color-text: var(--global--color-primary); --pagination--color-link-hover: var(--global--color-primary-hover); @@ -300,97 +300,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. } } -/* Button extends */ -.site .button, -input[type="submit"], -input[type="reset"], -.wp-block-search__button, -.wp-block-button .wp-block-button__link, .wp-block-file .wp-block-file__button { - line-height: var(--button--line-height); - color: var(--button--color-text); - cursor: pointer; - font-weight: var(--button--font-weight); - font-family: var(--button--font-family); - font-size: var(--button--font-size); - background-color: var(--button--color-background); - border-radius: var(--button--border-radius); - border: var(--button--border-width) solid var(--button--color-background); - text-decoration: none; - padding: var(--button--padding-vertical) var(--button--padding-horizontal); -} - -.site .button:before, -input[type="submit"]:before, -input[type="reset"]:before, -.wp-block-search__button:before, -.wp-block-button .wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .site .button:after, -input[type="submit"]:after, -input[type="reset"]:after, -.wp-block-search__button:after, -.wp-block-button .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after { - content: ""; - display: block; - height: 0; - width: 0; -} - -.site .button:before, -input[type="submit"]:before, -input[type="reset"]:before, -.wp-block-search__button:before, -.wp-block-button .wp-block-button__link:before, .wp-block-file .wp-block-file__button:before { - margin-bottom: -calc(.5em * var(--button--line-height) + -.38); -} - -.site .button:after, -input[type="submit"]:after, -input[type="reset"]:after, -.wp-block-search__button:after, -.wp-block-button .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after { - margin-top: -calc(.5em * var(--button--line-height) + -.39); -} - -.site .button:active, -input:active[type="submit"], -input:active[type="reset"], -.wp-block-search__button:active, -.wp-block-button .wp-block-button__link:active, .wp-block-file .wp-block-file__button:active { - color: var(--button--color-text-active); - background-color: var(--button--color-background-active); -} - -.site .button:hover, -input:hover[type="submit"], -input:hover[type="reset"], -.wp-block-search__button:hover, -.wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover { - color: var(--button--color-text-hover); - background: transparent; -} - -.site .button:focus, -input:focus[type="submit"], -input:focus[type="reset"], -.wp-block-search__button:focus, -.wp-block-button .wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .site .has-focus.button, -input.has-focus[type="submit"], -input.has-focus[type="reset"], -.has-focus.wp-block-search__button, -.wp-block-button .has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button { - outline-offset: -4px; - outline: 2px dotted currentColor; -} - -.site .button:disabled, -input:disabled[type="submit"], -input:disabled[type="reset"], -.wp-block-search__button:disabled, -.wp-block-button .wp-block-button__link:disabled, .wp-block-file .wp-block-file__button:disabled { - background-color: var(--global--color-white-50); - border-color: var(--global--color-white-50); - color: var(--button--color-text-active); -} - /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ @@ -1157,9 +1066,9 @@ input[type="color"], border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); - background: var(--global--color-white-50); line-height: var(--global--line-height-body); padding: var(--form--spacing-unit); + margin: 0 2px; } input[type="text"]:focus, @@ -1178,8 +1087,8 @@ input[type="datetime-local"]:focus, input[type="color"]:focus, .site textarea:focus { color: var(--form--color-text); - outline: 1px solid var(--form--border-color); - background: var(--global--color-white); + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); } input[type="text"]:disabled, @@ -1200,16 +1109,33 @@ input[type="color"]:disabled, opacity: 0.7; } -input[type="search"]:focus { - outline-offset: 0; +.has-background-dark input[type="text"], .has-background-dark +input[type="email"], .has-background-dark +input[type="url"], .has-background-dark +input[type="password"], .has-background-dark +input[type="search"], .has-background-dark +input[type="number"], .has-background-dark +input[type="tel"], .has-background-dark +input[type="date"], .has-background-dark +input[type="month"], .has-background-dark +input[type="week"], .has-background-dark +input[type="time"], .has-background-dark +input[type="datetime"], .has-background-dark +input[type="datetime-local"], .has-background-dark +input[type="color"], .has-background-dark +.site textarea { + background: var(--global--color-white-90); } -input[type="date"] { - background: var(--global--color-white); +input[type="search"]:focus { + outline-offset: -7px; +} + +.has-background-dark input[type="search"]:focus { + outline-color: var(--global--color-background); } input[type="color"] { - background: var(--global--color-white); padding: calc(var(--form--spacing-unit) / 2); height: calc(4 * var(--form--spacing-unit)); } @@ -1234,7 +1160,15 @@ select { } select:focus { - outline: 1px solid var(--form--border-color); + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); +} + +.has-background-dark select { + /* stylelint-disable */ + background: var(--global--color-white-90) url("data:image/svg+xml;utf8,") no-repeat; + /* stylelint-enable */ + background-position: left var(--form--spacing-unit) top 60%; } textarea { @@ -1260,17 +1194,20 @@ License: MIT. position: relative; width: 25px; height: 25px; - background: var(--global--color-white-50); border: var(--form--border-width) solid var(--form--border-color); - outline-offset: 0; + background: var(--global--color-white); } input[type="checkbox"]:disabled, input[type="radio"]:disabled { opacity: 0.7; } + .has-background-dark input[type="checkbox"], .has-background-dark + input[type="radio"] { + background: var(--global--color-white-90); + } input[type="checkbox"]:focus { - outline: 1px solid var(--form--border-color); - background: var(--global--color-white); + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); } input[type="checkbox"]:after { content: ""; @@ -1287,7 +1224,6 @@ License: MIT. transform: rotate(-30deg); } input[type="checkbox"]:checked { - background: var(--global--color-white); color: var(--form--color-text); } input[type="checkbox"]:checked:after { @@ -1297,9 +1233,8 @@ License: MIT. border-radius: 50%; } input[type="radio"]:focus { - background: var(--global--color-white); - border: 4px solid var(--form--border-color); - outline: 1px dotted transparent; + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); } input[type="radio"]:after { content: ""; @@ -1314,15 +1249,14 @@ License: MIT. background: var(--form--color-text); } input[type="radio"]:checked { - background: var(--global--color-white); border: 4px solid var(--form--border-color); - outline: 1px dotted transparent; } input[type="radio"]:checked:after { opacity: 1; } input[type="radio"]:checked:focus { - box-shadow: 0 0 0 2px var(--form--border-color); + outline-offset: 4px; + outline: 2px dotted var(--form--border-color); } } @@ -1429,6 +1363,10 @@ fieldset input[type="checkbox"] + label { margin-bottom: var(--global--spacing-unit); } +::-moz-placeholder { + opacity: 1; +} + img { display: block; height: auto; @@ -1541,40 +1479,149 @@ a:hover { /** * Button */ -/** - * Block Options - */ -.wp-block-button.is-style-outline.wp-block-button__link, -.wp-block-button.is-style-outline .wp-block-button__link { - color: var(--button--color-background); - background: transparent; - border: var(--button--border-width) solid currentColor; +.site .button, +input[type="submit"], +input[type="reset"], +.wp-block-search__button, +.wp-block-button .wp-block-button__link { + line-height: var(--button--line-height); + color: var(--button--color-text); + cursor: pointer; + font-weight: var(--button--font-weight); + font-family: var(--button--font-family); + font-size: var(--button--font-size); + background-color: var(--button--color-background); + border-radius: var(--button--border-radius); + border: var(--button--border-width) solid var(--button--color-background); + text-decoration: none; padding: var(--button--padding-vertical) var(--button--padding-horizontal); } -.wp-block-button.is-style-outline.wp-block-button__link:visited, -.wp-block-button.is-style-outline .wp-block-button__link:visited { - color: var(--button--color-background); +.site .button:before, .site .button:after, +input[type="submit"]:before, +input[type="submit"]:after, +input[type="reset"]:before, +input[type="reset"]:after, +.wp-block-search__button:before, +.wp-block-search__button:after, +.wp-block-button .wp-block-button__link:before, +.wp-block-button .wp-block-button__link:after { + content: ""; + display: block; + height: 0; + width: 0; } -.wp-block-button.is-style-outline.wp-block-button__link:active, .wp-block-button.is-style-outline.wp-block-button__link:hover, -.wp-block-button.is-style-outline .wp-block-button__link:active, -.wp-block-button.is-style-outline .wp-block-button__link:hover { +.site .button:before, +input[type="submit"]:before, +input[type="reset"]:before, +.wp-block-search__button:before, +.wp-block-button .wp-block-button__link:before { + margin-bottom: -calc(.5em * var(--button--line-height) + -.38); +} + +.site .button:after, +input[type="submit"]:after, +input[type="reset"]:after, +.wp-block-search__button:after, +.wp-block-button .wp-block-button__link:after { + margin-top: -calc(.5em * var(--button--line-height) + -.39); +} + +.site .button:focus, +input[type="submit"]:focus, +input[type="reset"]:focus, +.wp-block-search__button:focus, +.wp-block-button .wp-block-button__link:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.site .button:disabled, +input[type="submit"]:disabled, +input[type="reset"]:disabled, +.wp-block-search__button:disabled, +.wp-block-button .wp-block-button__link:disabled { + background-color: var(--global--color-white-50); + border-color: var(--global--color-white-50); + color: var(--button--color-text-active); +} + +.site .button:active, +input[type="submit"]:active, +input[type="reset"]:active, +.wp-block-search .wp-block-search__button:active, +.wp-block-file .wp-block-file__button:active { + color: var(--button--color-text-active); + background-color: var(--button--color-background-active); +} + +.site .button:hover, +input[type="submit"]:hover, +input[type="reset"]:hover, +.wp-block-search .wp-block-search__button:hover, +.wp-block-file .wp-block-file__button:hover { + color: var(--button--color-text-hover); + background: transparent; +} + +/** + * Block Options + */ +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active { + color: var(--button--color-text-active); + background-color: var(--button--color-background-active); +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover { + color: var(--button--color-text-hover); + background: transparent; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:focus { + outline-offset: -7px; + outline: 2px dotted currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link { + background: transparent; + padding: var(--button--padding-vertical) var(--button--padding-horizontal); +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) { + color: var(--button--color-background); + border: var(--button--border-width) solid currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):active, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover { background-color: var(--button--color-background); color: var(--button--color-text); border: var(--button--border-width) solid var(--button--color-background); } -.wp-block-button.is-style-outline.wp-block-button__link:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-focus, -.wp-block-button.is-style-outline .wp-block-button__link:focus, -.wp-block-button.is-style-outline .wp-block-button__link.has-focus { +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus { outline-offset: -7px; background: transparent; outline: 2px dotted var(--button--color-background); color: var(--button--color-background); } -.wp-block-button.is-style-squared .wp-block-button__link { +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):visited { + color: var(--button--color-background); +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-background, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color { + border: var(--button--border-width) solid currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-background:active, .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-background:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:focus { + outline-offset: -7px; + background: transparent; + outline: 2px dotted currentColor; + border: var(--button--border-width) solid currentColor; +} + +.wp-block-button .is-style-squared .wp-block-button__link { border-radius: 0; } @@ -1822,9 +1869,46 @@ a:hover { } .wp-block-file .wp-block-file__button { + line-height: var(--button--line-height); + color: var(--button--color-text); + cursor: pointer; + font-weight: var(--button--font-weight); + font-family: var(--button--font-family); + font-size: var(--button--font-size); + background-color: var(--button--color-background); + border-radius: var(--button--border-radius); + border: var(--button--border-width) solid var(--button--color-background); + text-decoration: none; + padding: var(--button--padding-vertical) var(--button--padding-horizontal); display: inline-block; } +.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after { + content: ""; + display: block; + height: 0; + width: 0; +} + +.wp-block-file .wp-block-file__button:before { + margin-bottom: -calc(.5em * var(--button--line-height) + -.38); +} + +.wp-block-file .wp-block-file__button:after { + margin-top: -calc(.5em * var(--button--line-height) + -.39); +} + +.wp-block-file .wp-block-file__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-file .wp-block-file__button:disabled { + background-color: var(--global--color-white-50); + border-color: var(--global--color-white-50); + color: var(--button--color-text-active); +} + .wp-block-gallery { margin: 0 auto; } @@ -2396,11 +2480,28 @@ dd { .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { background: var(--global--color-background); - box-shadow: var(--global--elevation); margin: 0; padding: 0; position: absolute; top: 100%; + border: 1px solid var(--primary-nav--border-color); +} + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + right: var(--global--spacing-horizontal); + border-style: solid; + border-color: var(--primary-nav--border-color) transparent; + border-width: 0 7px 10px 7px; +} + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { + top: -9px; + border-color: var(--global--color-background) transparent; } .wp-block-navigation:not(.has-background) .wp-block-navigation__container { @@ -2415,6 +2516,11 @@ dd { color: var(--primary-nav--color-link-hover); } +.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { + text-decoration: underline; + text-decoration-style: dotted; +} + .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { color: currentColor; } @@ -3729,6 +3835,12 @@ h1.page-title { margin-left: calc(0.5 * var(--global--spacing-unit)); } +.archive-description { + margin-top: var(--global--spacing-vertical); + font-size: var(--global--font-size-xl); + line-height: var(--global--line-height-heading); +} + .error404 main p { font-size: var(--global--font-size-lg); margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667); @@ -4283,15 +4395,26 @@ h1.page-title { transition: all 0.5s ease; z-index: 88888; } + .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + right: var(--global--spacing-horizontal); + border-style: solid; + border-color: var(--primary-nav--border-color) transparent; + border-width: 0 7px 10px 7px; + } + .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { + top: -9px; + border-color: var(--global--color-background) transparent; + } .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: var(--global--color-background); } } -.primary-navigation > div > .menu-wrapper > li > .sub-menu .sub-menu { - width: 100%; -} - .primary-navigation .primary-menu > .menu-item:hover > a { color: var(--primary-nav--color-link-hover); } @@ -4367,6 +4490,11 @@ h1.page-title { padding: 0; list-style: none; margin-right: var(--primary-nav--padding); + border: 1px solid var(--primary-nav--border-color); +} + +.primary-navigation .sub-menu .sub-menu { + border: none; } @media only screen and (min-width: 482px) { @@ -5066,4 +5194,12 @@ footer { .is-IE.has-background-dark .skip-link:focus { color: #21759b; +} + +.is-IE .navigation .nav-links { + display: block; +} + +.is-IE .post-thumbnail .wp-post-image { + min-width: auto; } \ No newline at end of file diff --git a/wp-content/themes/twentytwentyone/style.css b/wp-content/themes/twentytwentyone/style.css index 0a5678acb5..07cc829efd 100644 --- a/wp-content/themes/twentytwentyone/style.css +++ b/wp-content/themes/twentytwentyone/style.css @@ -24,7 +24,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. * Global...............Project-specific, globally available variables. * * TOOLS - * Extends..............Global extends. * Functions............Global functions. * Mixins...............Global mixins. * @@ -157,7 +156,7 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. --global--color-yellow: #eeeadd; --global--color-white: #fff; --global--color-white-50: rgba(255, 255, 255, 0.5); - /* white 50% opacity used in form fields.*/ + --global--color-white-90: rgba(255, 255, 255, 0.9); --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */ --global--color-secondary: var(--global--color-gray); @@ -244,6 +243,7 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. --primary-nav--color-link-hover: var(--global--color-primary-hover); --primary-nav--color-text: var(--global--color-primary); --primary-nav--padding: calc(0.66 * var(--global--spacing-unit)); + --primary-nav--border-color: var(--global--color-primary); /* Pagination */ --pagination--color-text: var(--global--color-primary); --pagination--color-link-hover: var(--global--color-primary-hover); @@ -300,97 +300,6 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. } } -/* Button extends */ -.site .button, -input[type="submit"], -input[type="reset"], -.wp-block-search__button, -.wp-block-button .wp-block-button__link, .wp-block-file .wp-block-file__button { - line-height: var(--button--line-height); - color: var(--button--color-text); - cursor: pointer; - font-weight: var(--button--font-weight); - font-family: var(--button--font-family); - font-size: var(--button--font-size); - background-color: var(--button--color-background); - border-radius: var(--button--border-radius); - border: var(--button--border-width) solid var(--button--color-background); - text-decoration: none; - padding: var(--button--padding-vertical) var(--button--padding-horizontal); -} - -.site .button:before, -input[type="submit"]:before, -input[type="reset"]:before, -.wp-block-search__button:before, -.wp-block-button .wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .site .button:after, -input[type="submit"]:after, -input[type="reset"]:after, -.wp-block-search__button:after, -.wp-block-button .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after { - content: ""; - display: block; - height: 0; - width: 0; -} - -.site .button:before, -input[type="submit"]:before, -input[type="reset"]:before, -.wp-block-search__button:before, -.wp-block-button .wp-block-button__link:before, .wp-block-file .wp-block-file__button:before { - margin-bottom: -calc(.5em * var(--button--line-height) + -.38); -} - -.site .button:after, -input[type="submit"]:after, -input[type="reset"]:after, -.wp-block-search__button:after, -.wp-block-button .wp-block-button__link:after, .wp-block-file .wp-block-file__button:after { - margin-top: -calc(.5em * var(--button--line-height) + -.39); -} - -.site .button:active, -input:active[type="submit"], -input:active[type="reset"], -.wp-block-search__button:active, -.wp-block-button .wp-block-button__link:active, .wp-block-file .wp-block-file__button:active { - color: var(--button--color-text-active); - background-color: var(--button--color-background-active); -} - -.site .button:hover, -input:hover[type="submit"], -input:hover[type="reset"], -.wp-block-search__button:hover, -.wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover { - color: var(--button--color-text-hover); - background: transparent; -} - -.site .button:focus, -input:focus[type="submit"], -input:focus[type="reset"], -.wp-block-search__button:focus, -.wp-block-button .wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .site .has-focus.button, -input.has-focus[type="submit"], -input.has-focus[type="reset"], -.has-focus.wp-block-search__button, -.wp-block-button .has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button { - outline-offset: -4px; - outline: 2px dotted currentColor; -} - -.site .button:disabled, -input:disabled[type="submit"], -input:disabled[type="reset"], -.wp-block-search__button:disabled, -.wp-block-button .wp-block-button__link:disabled, .wp-block-file .wp-block-file__button:disabled { - background-color: var(--global--color-white-50); - border-color: var(--global--color-white-50); - color: var(--button--color-text-active); -} - /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ @@ -1161,9 +1070,9 @@ input[type="color"], border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); - background: var(--global--color-white-50); line-height: var(--global--line-height-body); padding: var(--form--spacing-unit); + margin: 0 2px; } input[type="text"]:focus, @@ -1182,8 +1091,8 @@ input[type="datetime-local"]:focus, input[type="color"]:focus, .site textarea:focus { color: var(--form--color-text); - outline: 1px solid var(--form--border-color); - background: var(--global--color-white); + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); } input[type="text"]:disabled, @@ -1204,16 +1113,33 @@ input[type="color"]:disabled, opacity: 0.7; } -input[type="search"]:focus { - outline-offset: 0; +.has-background-dark input[type="text"], .has-background-dark +input[type="email"], .has-background-dark +input[type="url"], .has-background-dark +input[type="password"], .has-background-dark +input[type="search"], .has-background-dark +input[type="number"], .has-background-dark +input[type="tel"], .has-background-dark +input[type="date"], .has-background-dark +input[type="month"], .has-background-dark +input[type="week"], .has-background-dark +input[type="time"], .has-background-dark +input[type="datetime"], .has-background-dark +input[type="datetime-local"], .has-background-dark +input[type="color"], .has-background-dark +.site textarea { + background: var(--global--color-white-90); } -input[type="date"] { - background: var(--global--color-white); +input[type="search"]:focus { + outline-offset: -7px; +} + +.has-background-dark input[type="search"]:focus { + outline-color: var(--global--color-background); } input[type="color"] { - background: var(--global--color-white); padding: calc(var(--form--spacing-unit) / 2); height: calc(4 * var(--form--spacing-unit)); } @@ -1239,7 +1165,15 @@ select { } select:focus { - outline: 1px solid var(--form--border-color); + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); +} + +.has-background-dark select { + /* stylelint-disable */ + background: var(--global--color-white-90) url("data:image/svg+xml;utf8,") no-repeat; + /* stylelint-enable */ + background-position: right var(--form--spacing-unit) top 60%; } textarea { @@ -1265,17 +1199,20 @@ License: MIT. position: relative; width: 25px; height: 25px; - background: var(--global--color-white-50); border: var(--form--border-width) solid var(--form--border-color); - outline-offset: 0; + background: var(--global--color-white); } input[type="checkbox"]:disabled, input[type="radio"]:disabled { opacity: 0.7; } + .has-background-dark input[type="checkbox"], .has-background-dark + input[type="radio"] { + background: var(--global--color-white-90); + } input[type="checkbox"]:focus { - outline: 1px solid var(--form--border-color); - background: var(--global--color-white); + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); } input[type="checkbox"]:after { content: ""; @@ -1292,7 +1229,6 @@ License: MIT. transform: rotate(30deg); } input[type="checkbox"]:checked { - background: var(--global--color-white); color: var(--form--color-text); } input[type="checkbox"]:checked:after { @@ -1302,9 +1238,8 @@ License: MIT. border-radius: 50%; } input[type="radio"]:focus { - background: var(--global--color-white); - border: 4px solid var(--form--border-color); - outline: 1px dotted transparent; + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); } input[type="radio"]:after { content: ""; @@ -1319,15 +1254,14 @@ License: MIT. background: var(--form--color-text); } input[type="radio"]:checked { - background: var(--global--color-white); border: 4px solid var(--form--border-color); - outline: 1px dotted transparent; } input[type="radio"]:checked:after { opacity: 1; } input[type="radio"]:checked:focus { - box-shadow: 0 0 0 2px var(--form--border-color); + outline-offset: 4px; + outline: 2px dotted var(--form--border-color); } } @@ -1434,6 +1368,10 @@ fieldset input[type="checkbox"] + label { margin-bottom: var(--global--spacing-unit); } +::-moz-placeholder { + opacity: 1; +} + img { display: block; height: auto; @@ -1546,40 +1484,149 @@ a:hover { /** * Button */ -/** - * Block Options - */ -.wp-block-button.is-style-outline.wp-block-button__link, -.wp-block-button.is-style-outline .wp-block-button__link { - color: var(--button--color-background); - background: transparent; - border: var(--button--border-width) solid currentColor; +.site .button, +input[type="submit"], +input[type="reset"], +.wp-block-search__button, +.wp-block-button .wp-block-button__link { + line-height: var(--button--line-height); + color: var(--button--color-text); + cursor: pointer; + font-weight: var(--button--font-weight); + font-family: var(--button--font-family); + font-size: var(--button--font-size); + background-color: var(--button--color-background); + border-radius: var(--button--border-radius); + border: var(--button--border-width) solid var(--button--color-background); + text-decoration: none; padding: var(--button--padding-vertical) var(--button--padding-horizontal); } -.wp-block-button.is-style-outline.wp-block-button__link:visited, -.wp-block-button.is-style-outline .wp-block-button__link:visited { - color: var(--button--color-background); +.site .button:before, .site .button:after, +input[type="submit"]:before, +input[type="submit"]:after, +input[type="reset"]:before, +input[type="reset"]:after, +.wp-block-search__button:before, +.wp-block-search__button:after, +.wp-block-button .wp-block-button__link:before, +.wp-block-button .wp-block-button__link:after { + content: ""; + display: block; + height: 0; + width: 0; } -.wp-block-button.is-style-outline.wp-block-button__link:active, .wp-block-button.is-style-outline.wp-block-button__link:hover, -.wp-block-button.is-style-outline .wp-block-button__link:active, -.wp-block-button.is-style-outline .wp-block-button__link:hover { +.site .button:before, +input[type="submit"]:before, +input[type="reset"]:before, +.wp-block-search__button:before, +.wp-block-button .wp-block-button__link:before { + margin-bottom: -calc(.5em * var(--button--line-height) + -.38); +} + +.site .button:after, +input[type="submit"]:after, +input[type="reset"]:after, +.wp-block-search__button:after, +.wp-block-button .wp-block-button__link:after { + margin-top: -calc(.5em * var(--button--line-height) + -.39); +} + +.site .button:focus, +input[type="submit"]:focus, +input[type="reset"]:focus, +.wp-block-search__button:focus, +.wp-block-button .wp-block-button__link:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.site .button:disabled, +input[type="submit"]:disabled, +input[type="reset"]:disabled, +.wp-block-search__button:disabled, +.wp-block-button .wp-block-button__link:disabled { + background-color: var(--global--color-white-50); + border-color: var(--global--color-white-50); + color: var(--button--color-text-active); +} + +.site .button:active, +input[type="submit"]:active, +input[type="reset"]:active, +.wp-block-search .wp-block-search__button:active, +.wp-block-file .wp-block-file__button:active { + color: var(--button--color-text-active); + background-color: var(--button--color-background-active); +} + +.site .button:hover, +input[type="submit"]:hover, +input[type="reset"]:hover, +.wp-block-search .wp-block-search__button:hover, +.wp-block-file .wp-block-file__button:hover { + color: var(--button--color-text-hover); + background: transparent; +} + +/** + * Block Options + */ +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):active { + color: var(--button--color-text-active); + background-color: var(--button--color-background-active); +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):not(.has-text-color):hover { + color: var(--button--color-text-hover); + background: transparent; +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-background:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-text-color:focus { + outline-offset: -7px; + outline: 2px dotted currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link { + background: transparent; + padding: var(--button--padding-vertical) var(--button--padding-horizontal); +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) { + color: var(--button--color-background); + border: var(--button--border-width) solid currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):active, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover { background-color: var(--button--color-background); color: var(--button--color-text); border: var(--button--border-width) solid var(--button--color-background); } -.wp-block-button.is-style-outline.wp-block-button__link:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-focus, -.wp-block-button.is-style-outline .wp-block-button__link:focus, -.wp-block-button.is-style-outline .wp-block-button__link.has-focus { +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus { outline-offset: -7px; background: transparent; outline: 2px dotted var(--button--color-background); color: var(--button--color-background); } -.wp-block-button.is-style-squared .wp-block-button__link { +.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):visited { + color: var(--button--color-background); +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-background, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color { + border: var(--button--border-width) solid currentColor; +} + +.wp-block-button.is-style-outline .wp-block-button__link.has-background:active, .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-background:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover, .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:focus { + outline-offset: -7px; + background: transparent; + outline: 2px dotted currentColor; + border: var(--button--border-width) solid currentColor; +} + +.wp-block-button .is-style-squared .wp-block-button__link { border-radius: 0; } @@ -1827,9 +1874,46 @@ a:hover { } .wp-block-file .wp-block-file__button { + line-height: var(--button--line-height); + color: var(--button--color-text); + cursor: pointer; + font-weight: var(--button--font-weight); + font-family: var(--button--font-family); + font-size: var(--button--font-size); + background-color: var(--button--color-background); + border-radius: var(--button--border-radius); + border: var(--button--border-width) solid var(--button--color-background); + text-decoration: none; + padding: var(--button--padding-vertical) var(--button--padding-horizontal); display: inline-block; } +.wp-block-file .wp-block-file__button:before, .wp-block-file .wp-block-file__button:after { + content: ""; + display: block; + height: 0; + width: 0; +} + +.wp-block-file .wp-block-file__button:before { + margin-bottom: -calc(.5em * var(--button--line-height) + -.38); +} + +.wp-block-file .wp-block-file__button:after { + margin-top: -calc(.5em * var(--button--line-height) + -.39); +} + +.wp-block-file .wp-block-file__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.wp-block-file .wp-block-file__button:disabled { + background-color: var(--global--color-white-50); + border-color: var(--global--color-white-50); + color: var(--button--color-text-active); +} + .wp-block-gallery { margin: 0 auto; } @@ -2401,11 +2485,28 @@ dd { .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { background: var(--global--color-background); - box-shadow: var(--global--elevation); margin: 0; padding: 0; position: absolute; top: 100%; + border: 1px solid var(--primary-nav--border-color); +} + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + left: var(--global--spacing-horizontal); + border-style: solid; + border-color: var(--primary-nav--border-color) transparent; + border-width: 0 7px 10px 7px; +} + +.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { + top: -9px; + border-color: var(--global--color-background) transparent; } .wp-block-navigation:not(.has-background) .wp-block-navigation__container { @@ -2420,6 +2521,11 @@ dd { color: var(--primary-nav--color-link-hover); } +.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { + text-decoration: underline; + text-decoration-style: dotted; +} + .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { color: currentColor; } @@ -3739,6 +3845,12 @@ h1.page-title { margin-right: calc(0.5 * var(--global--spacing-unit)); } +.archive-description { + margin-top: var(--global--spacing-vertical); + font-size: var(--global--font-size-xl); + line-height: var(--global--line-height-heading); +} + .error404 main p { font-size: var(--global--font-size-lg); margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667); @@ -4293,15 +4405,26 @@ h1.page-title { transition: all 0.5s ease; z-index: 88888; } + .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { + content: ""; + display: block; + position: absolute; + width: 0; + top: -10px; + left: var(--global--spacing-horizontal); + border-style: solid; + border-color: var(--primary-nav--border-color) transparent; + border-width: 0 7px 10px 7px; + } + .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { + top: -9px; + border-color: var(--global--color-background) transparent; + } .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: var(--global--color-background); } } -.primary-navigation > div > .menu-wrapper > li > .sub-menu .sub-menu { - width: 100%; -} - .primary-navigation .primary-menu > .menu-item:hover > a { color: var(--primary-nav--color-link-hover); } @@ -4377,6 +4500,11 @@ h1.page-title { padding: 0; list-style: none; margin-left: var(--primary-nav--padding); + border: 1px solid var(--primary-nav--border-color); +} + +.primary-navigation .sub-menu .sub-menu { + border: none; } @media only screen and (min-width: 482px) { @@ -5078,4 +5206,12 @@ footer { color: #21759b; } +.is-IE .navigation .nav-links { + display: block; +} + +.is-IE .post-thumbnail .wp-post-image { + min-width: auto; +} + /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/wp-includes/version.php b/wp-includes/version.php index 66f3a630c8..040b56ec3f 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -13,7 +13,7 @@ * * @global string $wp_version */ -$wp_version = '5.6-beta1-49329'; +$wp_version = '5.6-beta1-49330'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.