From 386e2939403711cf2d78b99b2be4e9bbea304bbb Mon Sep 17 00:00:00 2001 From: WP Git Updater Bot Date: Thu, 1 Apr 2021 13:39:57 +0000 Subject: [PATCH] chore(themes): Update twentytwentyone from 1.1 to 1.2 --- .../twentytwentyone/assets/css/ie-editor.css | 785 +- themes/twentytwentyone/assets/css/ie.css | 1105 +- .../assets/css/style-dark-mode-rtl.css | 7 - .../assets/css/style-dark-mode.css | 223 +- .../assets/css/style-editor.css | 578 +- .../assets/js/customize-helpers.js | 70 +- .../assets/js/customize-preview.js | 124 +- .../assets/js/dark-mode-toggler.js | 13 +- themes/twentytwentyone/assets/js/editor.js | 76 +- .../assets/js/palette-colorpicker.js | 106 +- themes/twentytwentyone/assets/js/polyfills.js | 84 +- .../assets/js/primary-navigation.js | 368 +- .../assets/js/skip-link-focus-fix.js | 66 +- .../assets/sass/01-settings/file-header.scss | 36 +- .../assets/sass/01-settings/fonts.scss | 2 +- .../assets/sass/01-settings/global.scss | 498 +- .../assets/sass/02-tools/functions.scss | 356 +- .../assets/sass/02-tools/mixins.scss | 173 +- .../assets/sass/03-generic/breakpoints.scss | 434 +- .../assets/sass/03-generic/clearings.scss | 50 +- .../assets/sass/03-generic/normalize.scss | 700 +- .../assets/sass/03-generic/reset.scss | 150 +- .../sass/03-generic/vertical-margins.scss | 344 +- .../assets/sass/04-elements/blockquote.scss | 162 +- .../assets/sass/04-elements/forms-editor.scss | 24 +- .../assets/sass/04-elements/forms.scss | 658 +- .../assets/sass/04-elements/links.scss | 145 +- .../assets/sass/04-elements/media.scss | 92 +- .../assets/sass/04-elements/misc.scss | 34 +- .../assets/sass/05-blocks/_config.scss | 14 +- .../assets/sass/05-blocks/audio/_style.scss | 14 +- .../assets/sass/05-blocks/blocks-editor.scss | 70 +- .../assets/sass/05-blocks/blocks.scss | 74 +- .../assets/sass/05-blocks/button/_editor.scss | 259 +- .../assets/sass/05-blocks/button/_style.scss | 256 +- .../assets/sass/05-blocks/code/_editor.scss | 27 +- .../assets/sass/05-blocks/code/_style.scss | 29 +- .../sass/05-blocks/columns/_editor.scss | 136 +- .../assets/sass/05-blocks/columns/_style.scss | 210 +- .../assets/sass/05-blocks/cover/_editor.scss | 149 +- .../assets/sass/05-blocks/cover/_style.scss | 227 +- .../assets/sass/05-blocks/file/_editor.scss | 49 +- .../assets/sass/05-blocks/file/_style.scss | 37 +- .../sass/05-blocks/gallery/_editor.scss | 20 +- .../assets/sass/05-blocks/gallery/_style.scss | 66 +- .../assets/sass/05-blocks/group/_editor.scss | 90 +- .../assets/sass/05-blocks/group/_style.scss | 140 +- .../sass/05-blocks/heading/_editor.scss | 162 +- .../assets/sass/05-blocks/heading/_style.scss | 130 +- .../assets/sass/05-blocks/html/_editor.scss | 12 +- .../assets/sass/05-blocks/image/_editor.scss | 40 +- .../assets/sass/05-blocks/image/_style.scss | 132 +- .../05-blocks/latest-comments/_editor.scss | 6 +- .../05-blocks/latest-comments/_style.scss | 70 +- .../sass/05-blocks/latest-posts/_editor.scss | 288 +- .../sass/05-blocks/latest-posts/_style.scss | 338 +- .../assets/sass/05-blocks/legacy/_editor.scss | 84 +- .../assets/sass/05-blocks/legacy/_style.scss | 110 +- .../assets/sass/05-blocks/list/_editor.scss | 64 +- .../assets/sass/05-blocks/list/_style.scss | 78 +- .../sass/05-blocks/media-text/_editor.scss | 36 +- .../sass/05-blocks/media-text/_style.scss | 106 +- .../sass/05-blocks/navigation/_editor.scss | 90 +- .../sass/05-blocks/navigation/_style.scss | 256 +- .../sass/05-blocks/paragraph/_editor.scss | 14 +- .../sass/05-blocks/paragraph/_style.scss | 28 +- .../sass/05-blocks/preformatted/_editor.scss | 12 +- .../sass/05-blocks/preformatted/_style.scss | 8 +- .../sass/05-blocks/pullquote/_editor.scss | 212 +- .../sass/05-blocks/pullquote/_style.scss | 220 +- .../assets/sass/05-blocks/quote/_editor.scss | 300 +- .../assets/sass/05-blocks/quote/_style.scss | 276 +- .../assets/sass/05-blocks/rss/_editor.scss | 218 +- .../assets/sass/05-blocks/rss/_style.scss | 218 +- .../assets/sass/05-blocks/search/_editor.scss | 297 +- .../assets/sass/05-blocks/search/_style.scss | 290 +- .../sass/05-blocks/separator/_editor.scss | 96 +- .../sass/05-blocks/separator/_style.scss | 120 +- .../sass/05-blocks/social-icons/_editor.scss | 40 +- .../sass/05-blocks/social-icons/_style.scss | 37 +- .../assets/sass/05-blocks/spacer/_style.scss | 26 +- .../assets/sass/05-blocks/table/_editor.scss | 178 +- .../assets/sass/05-blocks/table/_style.scss | 198 +- .../sass/05-blocks/tag-clould/_editor.scss | 12 +- .../sass/05-blocks/tag-clould/_style.scss | 14 +- .../sass/05-blocks/utilities/_editor.scss | 280 +- .../sass/05-blocks/utilities/_font-sizes.scss | 106 +- .../sass/05-blocks/utilities/_style.scss | 320 +- .../assets/sass/05-blocks/verse/_editor.scss | 8 +- .../assets/sass/05-blocks/verse/_style.scss | 6 +- .../assets/sass/05-blocks/video/_style.scss | 32 +- .../assets/sass/06-components/404.scss | 8 +- .../assets/sass/06-components/archives.scss | 136 +- .../assets/sass/06-components/comments.scss | 584 +- .../assets/sass/06-components/editor.scss | 88 +- .../assets/sass/06-components/entry.scss | 420 +- .../sass/06-components/footer-navigation.scss | 146 +- .../assets/sass/06-components/footer.scss | 148 +- .../assets/sass/06-components/header.scss | 416 +- .../assets/sass/06-components/navigation.scss | 1063 +- .../assets/sass/06-components/pagination.scss | 486 +- .../sass/06-components/posts-and-pages.scss | 48 +- .../assets/sass/06-components/search.scss | 6 +- .../assets/sass/06-components/single.scss | 34 +- .../assets/sass/06-components/widgets.scss | 259 +- .../assets/sass/07-utilities/a11y.scss | 96 +- .../sass/07-utilities/color-palette.scss | 425 +- .../assets/sass/07-utilities/ie.scss | 106 +- .../assets/sass/07-utilities/measure.scss | 44 +- .../assets/sass/07-utilities/print.scss | 368 +- .../assets/sass/style-dark-mode.scss | 209 +- .../assets/sass/style-editor.scss | 42 +- themes/twentytwentyone/assets/sass/style.scss | 244 +- .../class-twenty-twenty-one-dark-mode.php | 824 +- themes/twentytwentyone/comments.php | 2 +- themes/twentytwentyone/image.php | 4 +- themes/twentytwentyone/inc/block-patterns.php | 4 +- .../twentytwentyone/inc/starter-content.php | 4 +- .../inc/template-functions.php | 4 + themes/twentytwentyone/inc/template-tags.php | 20 +- themes/twentytwentyone/package-lock.json | 9190 +++++++++-------- themes/twentytwentyone/package.json | 135 +- themes/twentytwentyone/postcss.config.js | 25 +- themes/twentytwentyone/readme.txt | 213 +- themes/twentytwentyone/search.php | 4 +- themes/twentytwentyone/single.php | 2 +- themes/twentytwentyone/style-rtl.css | 645 +- themes/twentytwentyone/style.css | 645 +- .../template-parts/content/content-none.php | 6 +- .../template-parts/content/content-page.php | 6 +- .../template-parts/content/content-single.php | 4 +- .../template-parts/content/content.php | 2 +- .../template-parts/header/site-branding.php | 2 +- .../template-parts/header/site-header.php | 2 +- .../template-parts/header/site-nav.php | 72 +- .../template-parts/post/author-bio.php | 19 +- 136 files changed, 16260 insertions(+), 15848 deletions(-) diff --git a/themes/twentytwentyone/assets/css/ie-editor.css b/themes/twentytwentyone/assets/css/ie-editor.css index 64d1e1b6..968c53af 100644 --- a/themes/twentytwentyone/assets/css/ie-editor.css +++ b/themes/twentytwentyone/assets/css/ie-editor.css @@ -149,15 +149,11 @@ blockquote p { blockquote cite { font-weight: normal; - color: #28303d; - font-size: 1rem; letter-spacing: normal; } blockquote footer { font-weight: normal; - color: #28303d; - font-size: 1rem; letter-spacing: normal; } @@ -239,9 +235,9 @@ blockquote footer { } img { - display: block; height: auto; max-width: 100%; + vertical-align: middle; } /* Classic editor images */ @@ -355,11 +351,13 @@ a:hover { } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { - color: #d1e4dd; + background: #000; + color: #fff; + text-decoration: none; } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { - color: #d1e4dd; + color: #fff; } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { @@ -383,44 +381,56 @@ a:hover { background-color: #f1f1f1; } -.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { - outline: 2px dotted #28303d; -} - -.has-background .has-link-color a { - color: #28303d; +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { + background: none; } -.has-background.has-link-color a { - color: #28303d; +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { + outline: 2px dotted #28303d; } .wp-block-button__link { - line-height: 1.5; - color: #d1e4dd; + border: 3px solid transparent; + border-radius: 0; 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; + line-height: 1.5; padding: 15px 30px; + text-decoration: none; } -.wp-block-button__link:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; +.wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; } -.is-dark-theme .wp-block-button__link:focus { - color: #39414d; +.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; } -.wp-block-button__link:focus:not(.has-background) { - color: #39414d; +.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.wp-block-button__link:hover, +.wp-block-button__link:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.wp-block-button__link:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; } .wp-block-button__link:disabled { @@ -445,105 +455,93 @@ a:hover { margin-bottom: 30px; } -.wp-block-button:not(.is-style-outline) .wp-block-button__link:active { - color: #39414d !important; - background: transparent !important; - border-color: #39414d; -} - -.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { - color: #39414d !important; - background: transparent !important; - border-color: #39414d; -} - -.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:active { - background-color: #39414d; +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: #d1e4dd; - border-color: #39414d; } -.wp-block-button.is-style-outline .wp-block-button__link:hover { - background-color: #39414d; +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: #d1e4dd; - border-color: #39414d; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background { - border-color: #39414d; -} - -.wp-block-button.is-style-outline .wp-block-button__link.has-background:active { - background-color: #39414d !important; +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover { - background-color: #39414d !important; +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) { - color: #28303d; +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color) { - color: #fff; +.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, +.wp-block-button:not(.is-style-outline) .wp-block-button__link:active { + border-color: currentColor !important; + background-color: transparent !important; + color: inherit !important; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color) { - color: #fff; +.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { + outline-offset: inherit; + outline: inherit; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) { - color: #fff; +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { + border-color: currentColor; } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color { +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: #28303d; } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color { +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: #28303d; } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color { - color: #28303d; +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { + color: inherit; } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color { - color: #28303d; +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: transparent; } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color { - color: #28303d; +.wp-block-button.is-style-outline .wp-block-button__link:hover { + background-color: #28303d !important; + border-color: transparent !important; + color: #d1e4dd !important; } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color { - color: #28303d; +.wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: #28303d !important; + border-color: transparent !important; + color: #d1e4dd !important; } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-yellow-background-color { - color: #28303d; +.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover { + background-color: #28303d !important; + color: #d1e4dd !important; } -.wp-block-button.is-style-outline .wp-block-button__link.has-text-color { - border-color: currentColor; +.has-background .wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: #28303d !important; + color: #d1e4dd !important; } -.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active { +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover { color: #d1e4dd !important; - border-color: #39414d; } -.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover { +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { color: #d1e4dd !important; - border-color: #39414d; +} + +.wp-block-button.is-style-outline .wp-block-button__link:focus { + outline-offset: inherit; + outline: inherit; } .wp-block-button.is-style-squared { @@ -556,7 +554,6 @@ a:hover { } .wp-block-code code { - font-size: 1rem; white-space: pre !important; overflow-x: auto; } @@ -712,12 +709,6 @@ a:hover { font-size: 3rem; } } -@media only screen and (min-width: 652px) { - - .wp-block-cover h2 { - font-size: 3rem; - } -} .wp-block-cover-image h2 { font-size: 2.25rem; @@ -733,12 +724,6 @@ a:hover { font-size: 3rem; } } -@media only screen and (min-width: 652px) { - - .wp-block-cover-image h2 { - font-size: 3rem; - } -} .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { @@ -763,6 +748,11 @@ a:hover { border: 3px solid #28303d; } +.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, +.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { + background-color: unset; +} + .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both; } @@ -902,32 +892,48 @@ a:hover { } .wp-block-file .wp-block-file__button { - line-height: 1.5; - color: #d1e4dd; + border: 3px solid transparent; + border-radius: 0; 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; + line-height: 1.5; padding: 15px 30px; + text-decoration: none; display: inline-block; } -.wp-block-file .wp-block-file__button:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; +.wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; } -.is-dark-theme .wp-block-file .wp-block-file__button:focus { - color: #39414d; +.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; } -.wp-block-file .wp-block-file__button:focus:not(.has-background) { - color: #39414d; +.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; +} + +.wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.wp-block-file .wp-block-file__button:hover, +.wp-block-file .wp-block-file__button:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.wp-block-file .wp-block-file__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; } .wp-block-file .wp-block-file__button:disabled { @@ -936,9 +942,9 @@ a:hover { color: #39414d; } -.wp-block-file .wp-block-file__button:hover { - color: #39414d; - background: transparent; +.wp-block-file .wp-block-file__button:focus { + outline-offset: inherit; + outline: inherit; } .wp-block-gallery figcaption { @@ -1181,75 +1187,75 @@ h6 strong { } .wp-block-heading h1[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } h1[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } .h1[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } .wp-block-heading h2[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } h2[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } .h2[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } .wp-block-heading h3[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } h3[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } .h3[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } .wp-block-heading h4[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } h4[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } .h4[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } .wp-block-heading h5[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } h5[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } .h5[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } .wp-block-heading h6[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } h6[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } .h6[style*="--wp--typography--line-height"] { - line-height: --global--line-height-body; + line-height: 1.7; } .wp-block-heading h1 { @@ -1304,13 +1310,6 @@ h1 { } } -@media only screen and (min-width: 652px) { - - .wp-block-heading h2 { - font-size: 3rem; - } -} - h2 { font-size: 2.25rem; letter-spacing: normal; @@ -1324,13 +1323,6 @@ h2 { } } -@media only screen and (min-width: 652px) { - - h2 { - font-size: 3rem; - } -} - .h2 { font-size: 2.25rem; letter-spacing: normal; @@ -1344,13 +1336,6 @@ h2 { } } -@media only screen and (min-width: 652px) { - - .h2 { - font-size: 3rem; - } -} - .wp-block-heading h3 { font-size: 2rem; letter-spacing: normal; @@ -1788,7 +1773,7 @@ dt { } p { - line-height: --global--line-height-body; + line-height: 1.7; } p.has-background { @@ -2290,7 +2275,7 @@ pre.wp-block-preformatted { margin-bottom: 10px; } -.wp-block-search .wp-block-search__input { +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 3px solid #39414d; border-radius: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; @@ -2301,361 +2286,156 @@ pre.wp-block-preformatted { padding: 10px; } -.is-dark-theme .wp-block-search .wp-block-search__input { - background: rgba(255, 255, 255, 0.9); -} - -.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input { - border-color: #28303d; -} - -.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input { - border-color: #28303d; -} - -.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input { - border-color: #28303d; -} - -.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input { - border-color: #28303d; -} - -.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input { - border-color: #28303d; -} - -.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input { - border-color: #28303d; +.wp-block-search .wp-block-search__input { + border: 3px solid #39414d; + border-radius: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1.125rem; + line-height: 1.7; + max-width: inherit; + margin-right: -3px; + padding: 10px; } -.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input { - border-color: #28303d; +.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + background: rgba(255, 255, 255, 0.9); } -.has-background.has-gray-background-color .wp-block-search .wp-block-search__input { - border-color: #fff; +.is-dark-theme .wp-block-search .wp-block-search__input { + background: rgba(255, 255, 255, 0.9); } -.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input { - border-color: #fff; +.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + border-color: #28303d !important; } -.has-background.has-black-background-color .wp-block-search .wp-block-search__input { - border-color: #fff; +.has-background .wp-block-search .wp-block-search__input { + border-color: #28303d !important; } -.wp-block-search .wp-block-search__button { - line-height: 1.5; - color: #d1e4dd; +.wp-block-search .wp-block-search__button.wp-block-search__button { + border: 3px solid transparent; + border-radius: 0; 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; + line-height: 1.5; padding: 15px 30px; + text-decoration: none; box-shadow: none; margin-left: 0; - background-color: transparent; - color: #39414d; -} - -.wp-block-search .wp-block-search__button:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; } -.is-dark-theme .wp-block-search .wp-block-search__button:focus { - color: #39414d; -} - -.wp-block-search .wp-block-search__button:focus:not(.has-background) { - 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; -} - -.wp-block-search .wp-block-search__button:hover { +.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { color: #d1e4dd; - background-color: #39414d; } -.wp-block-search .wp-block-search__button.has-icon { - padding: 30px 15px; +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; } -.wp-block-search .wp-block-search__button.has-icon svg { - width: 40px; - height: 40px; +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; } -.has-background.has-gray-background-color .wp-block-search .wp-block-search__button { - color: #fff; - border-color: currentColor; +.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; } -.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button { - color: #fff; - border-color: currentColor; +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; } -.has-background.has-black-background-color .wp-block-search .wp-block-search__button { - color: #fff; +.wp-block-search .wp-block-search__button.wp-block-search__button:hover, +.wp-block-search .wp-block-search__button.wp-block-search__button:active { + background-color: transparent; border-color: currentColor; + color: inherit; } -.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #fff; -} - -.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #fff; -} - -.has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #fff; -} - -.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover { - color: #d1e4dd; - background-color: #39414d; -} - -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover { - color: #d1e4dd; - background-color: #39414d; -} - -.is-dark-theme .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover { - color: #d1e4dd; - background-color: #39414d; +.wp-block-search .wp-block-search__button.wp-block-search__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; } -.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #39414d; +.wp-block-search .wp-block-search__button.wp-block-search__button:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); + color: #39414d; } -.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #39414d; +.wp-block-search .wp-block-search__button.wp-block-search__button.has-icon { + padding: 6px 15px; + display: inherit; } -.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #39414d; +.wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg { + width: 40px; + height: 40px; } -.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #39414d; +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover { + background-color: #d1e4dd !important; + color: #28303d !important; } -.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #39414d; +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active { + background-color: #d1e4dd !important; + color: #28303d !important; } -.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #39414d; +.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover { + color: #28303d !important; } -.has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #39414d; +.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active { + color: #28303d !important; } -.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button { - color: #28303d; - border-color: currentColor; +.wp-block-search .wp-block-search__button.wp-block-search__button:focus { + outline-offset: inherit; + outline: inherit; } -.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button { - color: #28303d; - border-color: currentColor; +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 3px; } -.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button { - color: #28303d; - border-color: currentColor; +.wp-block-search.wp-block-search__button-inside .wp-block-search__input { + border: none; } -.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button { +.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover { color: #28303d; - border-color: currentColor; } -.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button { +.wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { color: #28303d; - border-color: currentColor; } -.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button { +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { color: #28303d; - border-color: currentColor; } -.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button { +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button { color: #28303d; - border-color: currentColor; -} - -.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #d1e4dd; - border-color: #d1e4dd; } -.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #d1e4dd; - border-color: #d1e4dd; -} - -.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #d1e4dd; - border-color: #d1e4dd; -} - -.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #d1e4dd; - border-color: #d1e4dd; -} - -.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover { +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover { + background-color: #28303d; color: #fff; - background-color: #d1e4dd; - border-color: #d1e4dd; } -.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover { - color: #fff; - background-color: #d1e4dd; - border-color: #d1e4dd; -} - -.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover { +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { + background-color: #28303d; color: #fff; - background-color: #d1e4dd; - border-color: #d1e4dd; -} - -.wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-white-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-green-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-blue-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-purple-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-red-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-orange-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input { - border: none; } .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { padding: 15px 30px; } -.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button { - color: #d1e4dd; - border-color: currentColor; -} - -.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { - color: #fff; - background-color: #d1e4dd; - border-color: #d1e4dd; -} - -.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { - color: #39414d; - border-color: currentColor; -} - -.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { - color: #39414d; - border-color: currentColor; -} - -.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { - color: #39414d; - border-color: currentColor; -} - -.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #39414d; -} - -.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #39414d; -} - -.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { - color: #fff; - background-color: #39414d; - border-color: #39414d; -} - -.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { - color: #d1e4dd; - border-color: currentColor; -} - -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { - color: #d1e4dd; - border-color: currentColor; -} - -.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { - color: #d1e4dd; - border-color: currentColor; -} - -.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { - color: #fff; - background-color: #d1e4dd; - border-color: #d1e4dd; -} - -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { - color: #fff; - background-color: #d1e4dd; - border-color: #d1e4dd; -} - -.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { - color: #fff; - background-color: #d1e4dd; - border-color: #d1e4dd; -} - .wp-block[data-align=center] > * { text-align: center; } @@ -3133,17 +2913,6 @@ pre.wp-block-verse { color: #39414d; } -.has-background a, -.has-background p, -.has-background h1, -.has-background h2, -.has-background h3, -.has-background h4, -.has-background h5, -.has-background h6 { - color: currentColor; -} - .has-primary-background-color[class] { background-color: #28303d; color: #d1e4dd; @@ -3155,12 +2924,10 @@ pre.wp-block-verse { } .has-white-background-color[class] { - background-color: #fff; color: #39414d; } .has-black-background-color[class] { - background-color: #000; color: #28303d; } @@ -3318,42 +3085,82 @@ a { color: #000; } +.has-black-color[class] > [class*=__inner-container] { + color: #000; +} + .has-gray-color[class] { color: #39414d; } +.has-gray-color[class] > [class*=__inner-container] { + color: #39414d; +} + .has-dark-gray-color[class] { color: #28303d; } +.has-dark-gray-color[class] > [class*=__inner-container] { + color: #28303d; +} + .has-green-color[class] { color: #d1e4dd; } +.has-green-color[class] > [class*=__inner-container] { + color: #d1e4dd; +} + .has-blue-color[class] { color: #d1dfe4; } +.has-blue-color[class] > [class*=__inner-container] { + color: #d1dfe4; +} + .has-purple-color[class] { color: #d1d1e4; } +.has-purple-color[class] > [class*=__inner-container] { + color: #d1d1e4; +} + .has-red-color[class] { color: #e4d1d1; } +.has-red-color[class] > [class*=__inner-container] { + color: #e4d1d1; +} + .has-orange-color[class] { color: #e4dad1; } +.has-orange-color[class] > [class*=__inner-container] { + color: #e4dad1; +} + .has-yellow-color[class] { color: #eeeadd; } +.has-yellow-color[class] > [class*=__inner-container] { + color: #eeeadd; +} + .has-white-color[class] { color: #fff; } +.has-white-color[class] > [class*=__inner-container] { + color: #fff; +} + .has-background a, .has-background p, .has-background h1, @@ -3369,79 +3176,127 @@ a { background-color: #000; } -.has-gray-background-color[class] { - background-color: #39414d; +.has-black-background-color[class] > [class*=__inner-container] { + background-color: #000; } .has-dark-gray-background-color[class] { background-color: #28303d; } +.has-dark-gray-background-color[class] > [class*=__inner-container] { + background-color: #28303d; +} + +.has-gray-background-color[class] { + background-color: #39414d; +} + +.has-gray-background-color[class] > [class*=__inner-container] { + background-color: #39414d; +} + +.has-light-gray-background-color[class] { + background-color: #f0f0f0; +} + +.has-light-gray-background-color[class] > [class*=__inner-container] { + background-color: #f0f0f0; +} + .has-green-background-color[class] { background-color: #d1e4dd; } +.has-green-background-color[class] > [class*=__inner-container] { + background-color: #d1e4dd; +} + .has-blue-background-color[class] { background-color: #d1dfe4; } +.has-blue-background-color[class] > [class*=__inner-container] { + background-color: #d1dfe4; +} + .has-purple-background-color[class] { background-color: #d1d1e4; } +.has-purple-background-color[class] > [class*=__inner-container] { + background-color: #d1d1e4; +} + .has-red-background-color[class] { background-color: #e4d1d1; } +.has-red-background-color[class] > [class*=__inner-container] { + background-color: #e4d1d1; +} + .has-orange-background-color[class] { background-color: #e4dad1; } +.has-orange-background-color[class] > [class*=__inner-container] { + background-color: #e4dad1; +} + .has-yellow-background-color[class] { background-color: #eeeadd; } +.has-yellow-background-color[class] > [class*=__inner-container] { + background-color: #eeeadd; +} + .has-white-background-color[class] { background-color: #fff; } -:not(.has-text-color).has-black-background-color[class] { - color: #fff; +.has-white-background-color[class] > [class*=__inner-container] { + background-color: #fff; } -:not(.has-text-color).has-gray-background-color[class] { - color: #fff; +.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container] { + color: #28303d; } -:not(.has-text-color).has-dark-gray-background-color[class] { - color: #fff; +.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { + color: #28303d; } -:not(.has-text-color).has-green-background-color[class] { +.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container] { color: #28303d; } -:not(.has-text-color).has-blue-background-color[class] { +.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container] { color: #28303d; } -:not(.has-text-color).has-purple-background-color[class] { +.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container] { color: #28303d; } -:not(.has-text-color).has-red-background-color[class] { +.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container] { color: #28303d; } -:not(.has-text-color).has-orange-background-color[class] { +.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container] { color: #28303d; } -:not(.has-text-color).has-yellow-background-color[class] { +.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container] { color: #28303d; } -:not(.has-text-color).has-white-background-color[class] { +.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { color: #28303d; } diff --git a/themes/twentytwentyone/assets/css/ie.css b/themes/twentytwentyone/assets/css/ie.css index 933bb149..b0b86bad 100644 --- a/themes/twentytwentyone/assets/css/ie.css +++ b/themes/twentytwentyone/assets/css/ie.css @@ -9,7 +9,7 @@ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the Requires at least: 5.3 Tested up to: 5.6 Requires PHP: 5.6 -Version: 1.1 +Version: 1.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyone @@ -545,8 +545,6 @@ template { */ .post-thumbnail { max-width: calc(100vw - 30px); - margin-left: auto; - margin-right: auto; } @media only screen and (min-width: 482px) { @@ -635,8 +633,6 @@ template { .widget-area { max-width: calc(100vw - 30px); - margin-left: auto; - margin-right: auto; } @media only screen and (min-width: 482px) { @@ -715,8 +711,6 @@ template { .site-footer { max-width: calc(100vw - 30px); - margin-left: auto; - margin-right: auto; } @media only screen and (min-width: 482px) { @@ -735,8 +729,6 @@ template { .site-header { max-width: calc(100vw - 30px); - margin-left: auto; - margin-right: auto; } @media only screen and (min-width: 482px) { @@ -923,12 +915,6 @@ template { margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); } } - @media only screen and (min-width: 482px) { - - .entry-content > .alignleft { - margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); - } - } @media only screen and (min-width: 822px) { .entry-content > .alignleft { @@ -952,12 +938,6 @@ template { margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); } } - @media only screen and (min-width: 482px) { - - .entry-content > .alignright { - margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); - } - } @media only screen and (min-width: 822px) { .entry-content > .alignright { @@ -1318,10 +1298,6 @@ body { background-color: #d1e4dd; } -button { - cursor: pointer; -} - .clear:before, .clear:after, .entry-content:before, @@ -1379,15 +1355,11 @@ blockquote p { blockquote cite { font-weight: normal; - color: #28303d; - font-size: 1rem; letter-spacing: normal; } blockquote footer { font-weight: normal; - color: #28303d; - font-size: 1rem; letter-spacing: normal; } @@ -2099,9 +2071,9 @@ fieldset input[type=checkbox] + label { } img { - display: block; height: auto; max-width: 100%; + vertical-align: middle; } /* Classic editor images */ @@ -2220,11 +2192,13 @@ a:hover { } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { - color: #d1e4dd; + background: #000; + color: #fff; + text-decoration: none; } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { - color: #d1e4dd; + color: #fff; } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { @@ -2248,6 +2222,10 @@ a:hover { background-color: #f1f1f1; } +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { + background: none; +} + .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline: 2px dotted #28303d; } @@ -2270,299 +2248,381 @@ a:hover { * Button */ .site .button { - line-height: 1.5; - color: #d1e4dd; + border: 3px solid transparent; + border-radius: 0; 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; + line-height: 1.5; + padding: 15px 30px; text-decoration: none; +} + +button { + border: 3px solid transparent; + border-radius: 0; + 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; + line-height: 1.5; padding: 15px 30px; + text-decoration: none; } input[type=submit] { - line-height: 1.5; - color: #d1e4dd; + border: 3px solid transparent; + border-radius: 0; 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; + line-height: 1.5; padding: 15px 30px; + text-decoration: none; } input[type=reset] { - line-height: 1.5; - color: #d1e4dd; + border: 3px solid transparent; + border-radius: 0; 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; + line-height: 1.5; padding: 15px 30px; + text-decoration: none; } -.wp-block-search__button { - line-height: 1.5; - color: #d1e4dd; +.wp-block-search .wp-block-search__button { + border: 3px solid transparent; + border-radius: 0; 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; + line-height: 1.5; padding: 15px 30px; + text-decoration: none; } .wp-block-button .wp-block-button__link { - line-height: 1.5; - color: #d1e4dd; + border: 3px solid transparent; + border-radius: 0; 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; + line-height: 1.5; + padding: 15px 30px; text-decoration: none; +} + +.wp-block-file a.wp-block-file__button { + border: 3px solid transparent; + border-radius: 0; + 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; + line-height: 1.5; padding: 15px 30px; + text-decoration: none; } -.site .button:focus, -input[type=submit]:focus, -input[type=reset]:focus, -.wp-block-search__button:focus, -.wp-block-button .wp-block-button__link:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; +.site .button:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; } -.is-dark-theme .site .button:focus { - color: #39414d; +button:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; } -.is-dark-theme input[type=submit]:focus { - color: #39414d; +input[type=submit]:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; } -.is-dark-theme input[type=reset]:focus { - color: #39414d; +input[type=reset]:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; } -.is-dark-theme .wp-block-search__button:focus { - color: #39414d; +.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; } -.is-dark-theme .wp-block-button .wp-block-button__link:focus { - color: #39414d; +.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; } -.site .button:focus:not(.has-background) { - color: #39414d; +.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; } -input[type=submit]:focus:not(.has-background) { - color: #39414d; +.has-background .site .button:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; } -input[type=reset]:focus:not(.has-background) { - color: #39414d; +.has-background button:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; } -.wp-block-search__button:focus:not(.has-background) { - color: #39414d; +.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; } -.wp-block-button .wp-block-button__link:focus:not(.has-background) { - color: #39414d; +.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; } -.site .button:disabled { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; +.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; } -input[type=submit]:disabled { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; +.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; } -input[type=reset]:disabled { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; +.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; } -.wp-block-search__button:disabled { - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.5); - color: #39414d; +.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; } -.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; +.has-background button:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; } -.site .button:active { - color: #39414d; - background-color: #d1e4dd; +.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; } -input[type=submit]:active { - color: #39414d; - background-color: #d1e4dd; +.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; } -input[type=reset]:active { - color: #39414d; - background-color: #d1e4dd; +.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; } -.wp-block-search .wp-block-search__button:active { - color: #39414d; - background-color: #d1e4dd; +.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; } -.wp-block-file .wp-block-file__button:active { - color: #39414d; - background-color: #d1e4dd; +.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; } -.site .button:hover { - color: #39414d; - background: transparent; +.site .button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +input[type=submit]:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +input[type=reset]:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; } -input[type=submit]:hover { +.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .site .button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background input[type=submit]:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background input[type=reset]:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; +} + +.site .button:hover, +.site .button:active, +button:hover, +button:active, +input[type=submit]:hover, +input[type=submit]:active, +input[type=reset]:hover, +input[type=reset]:active, +.wp-block-search .wp-block-search__button:hover, +.wp-block-search .wp-block-search__button:active, +.wp-block-button .wp-block-button__link:hover, +.wp-block-button .wp-block-button__link:active, +.wp-block-file a.wp-block-file__button:hover, +.wp-block-file a.wp-block-file__button:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.site .button:focus, +button:focus, +input[type=submit]:focus, +input[type=reset]:focus, +.wp-block-search .wp-block-search__button:focus, +.wp-block-button .wp-block-button__link:focus, +.wp-block-file a.wp-block-file__button: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; - background: transparent; } -input[type=reset]:hover { +button:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); color: #39414d; - background: transparent; } -.wp-block-search .wp-block-search__button:hover { +input[type=submit]:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); color: #39414d; - background: transparent; } -.wp-block-file .wp-block-file__button:hover { +input[type=reset]:disabled { + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.5); color: #39414d; - background: transparent; } -/** - * Block Options - */ -.wp-block-button:not(.is-style-outline) .wp-block-button__link:active { - color: #39414d !important; - background: transparent !important; - border-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; } -.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { - color: #39414d !important; - background: transparent !important; - border-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-button:not(.is-style-outline) .wp-block-button__link:focus { - color: #d1e4dd !important; - background: #39414d !important; +.wp-block-file a.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-button.is-style-outline .wp-block-button__link { - padding: 15px 30px; +/** + * Block Options + */ +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; } -.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) { - background: transparent; +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #d1e4dd; } -.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) { - background: transparent; - color: #39414d; - border-color: #39414d; +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: #28303d; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) { - color: currentColor; +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color) { - color: #fff; +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: #28303d; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color) { - color: #fff; +.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, +.wp-block-button:not(.is-style-outline) .wp-block-button__link:active { + border-color: currentColor !important; + background-color: transparent !important; + color: inherit !important; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) { - color: #fff; +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { + border-color: currentColor; } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background { +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: #28303d; } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color { - color: #fff; +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: #28303d; } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color { - color: #fff; +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { + color: inherit; } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color { - color: #fff; +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: transparent; } -.wp-block-button.is-style-outline .wp-block-button__link.has-text-color, -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color { - border-color: currentColor; +.wp-block-button.is-style-outline .wp-block-button__link:hover { + border-color: transparent !important; + background-color: #28303d !important; + color: #d1e4dd !important; } .wp-block-button.is-style-outline .wp-block-button__link:active { + border-color: transparent !important; + background-color: #28303d !important; color: #d1e4dd !important; - background: #39414d !important; - border-color: #39414d; } -.wp-block-button.is-style-outline .wp-block-button__link:hover { +.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover { + background-color: #28303d !important; color: #d1e4dd !important; - background: #39414d !important; - border-color: #39414d; } -.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color { - border-color: #39414d; +.has-background .wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: #28303d !important; + color: #d1e4dd !important; } -.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color { - border-color: #39414d; +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover { + color: #d1e4dd !important; } -.wp-block-button.is-style-outline .wp-block-button__link:focus { - color: #39414d !important; - background: transparent !important; +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { + color: #d1e4dd !important; } .wp-block-button .is-style-squared .wp-block-button__link { @@ -2589,7 +2649,6 @@ input[type=reset]:hover { .wp-block-code code { color: #28303d; - font-size: 1rem; white-space: pre; overflow-x: auto; display: block; @@ -2759,6 +2818,8 @@ input[type=reset]:hover { /* Treating H2 separately to account for legacy /core styles */ /* Block Styles */ + + /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */ } .wp-block-cover-image { @@ -2772,6 +2833,8 @@ input[type=reset]:hover { /* Treating H2 separately to account for legacy /core styles */ /* Block Styles */ + + /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */ } .wp-block-cover:not(.alignwide):not(.alignfull), @@ -2892,12 +2955,6 @@ input[type=reset]:hover { font-size: 3rem; } } -@media only screen and (min-width: 652px) { - - .wp-block-cover h2 { - font-size: 3rem; - } -} .wp-block-cover-image h2 { font-size: 2.25rem; @@ -2913,12 +2970,6 @@ input[type=reset]:hover { font-size: 3rem; } } -@media only screen and (min-width: 652px) { - - .wp-block-cover-image h2 { - font-size: 3rem; - } -} .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { @@ -3029,64 +3080,21 @@ input[type=reset]:hover { border: 3px solid #28303d; } -.wp-block-file a.wp-block-file__button:active { - color: #39414d; - opacity: inherit; -} - -.wp-block-file a.wp-block-file__button:focus { - color: #39414d; - opacity: inherit; +.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, +.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { + background-color: unset; } +.wp-block-file a.wp-block-file__button:active, +.wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { - color: #39414d; opacity: inherit; } -.wp-block-file a.wp-block-file__button:visited { - color: #d1e4dd; -} - -.wp-block-file a.wp-block-file__button:visited:hover { - color: #39414d; -} - -.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-file a.wp-block-file__button { display: inline-block; } -.wp-block-file .wp-block-file__button:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; -} - -.is-dark-theme .wp-block-file .wp-block-file__button:focus { - color: #39414d; -} - -.wp-block-file .wp-block-file__button:focus:not(.has-background) { - 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-gallery { margin: 0 auto; } @@ -3372,13 +3380,6 @@ h2 { } } -@media only screen and (min-width: 652px) { - - h2 { - font-size: 3rem; - } -} - .h2 { font-size: 2.25rem; letter-spacing: normal; @@ -3392,13 +3393,6 @@ h2 { } } -@media only screen and (min-width: 652px) { - - .h2 { - font-size: 3rem; - } -} - h3 { font-size: 2rem; letter-spacing: normal; @@ -3503,12 +3497,6 @@ h6 { margin-top: 0; } -img { - height: auto; - max-width: 100%; - vertical-align: middle; -} - .wp-block-image.is-style-twentytwentyone-border img { border: 3px solid #28303d; } @@ -3846,10 +3834,18 @@ ul { list-style-type: disc; } +ul ul { + list-style-type: circle; +} + ol { list-style-type: decimal; } +ol ul { + list-style-type: circle; +} + dt { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: bold; @@ -4030,7 +4026,7 @@ dd { } p { - line-height: --global--line-height-body; + line-height: 1.7; } p.has-background { @@ -4563,319 +4559,131 @@ pre.wp-block-preformatted { .entry-content [class*=inner-container] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull { padding-left: 0; - padding-right: 0; -} - -.wp-block-search { - max-width: calc(100vw - 30px); -} - -@media only screen and (min-width: 482px) { - - .wp-block-search { - max-width: min(calc(100vw - 100px), 610px); - } -} - -@media only screen and (min-width: 822px) { - - .wp-block-search { - max-width: min(calc(100vw - 200px), 610px); - } -} - -.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper { - justify-content: center; -} - -.wp-block-search .wp-block-search__label { - font-size: 1.125rem; - font-weight: 500; - margin-bottom: 10px; -} - -.wp-block-search .wp-block-search__input { - border: 3px solid #39414d; - border-radius: 0; - color: #28303d; - line-height: 1.7; - max-width: inherit; - margin-right: -3px; - padding: 10px; -} - -.wp-block-search .wp-block-search__input:focus { - color: #28303d; - border-color: #39414d; -} - -.has-background .wp-block-search .wp-block-search__input, -[class*=background-color] .wp-block-search .wp-block-search__input, -[style*=background-color] .wp-block-search .wp-block-search__input, -.wp-block-cover[style*=background-image] .wp-block-search .wp-block-search__input { - border-color: currentColor; -} - -.has-background.has-gray-background-color .wp-block-search .wp-block-search__input { - border-color: #fff; -} - -.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input { - border-color: #fff; -} - -.has-background.has-black-background-color .wp-block-search .wp-block-search__input { - border-color: #fff; -} - -.wp-block-search button.wp-block-search__button { - margin-left: 0; - background-color: transparent; - color: #39414d; - line-height: 1; -} - -.wp-block-search button.wp-block-search__button:hover { - background-color: #39414d; - color: #d1e4dd; -} - -.wp-block-search button.wp-block-search__button.has-icon { - padding: 6px 15px; -} - -.wp-block-search button.wp-block-search__button.has-icon svg { - width: 40px; - height: 40px; - fill: currentColor; -} - -.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button { - color: #fff; - border-color: currentColor; -} - -.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button { - color: #fff; - border-color: currentColor; -} - -.has-background.has-black-background-color .wp-block-search button.wp-block-search__button { - color: #fff; - border-color: currentColor; -} - -.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: #39414d; - border-color: #fff; - color: #fff; -} - -.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: #39414d; - border-color: #fff; - color: #fff; -} - -.has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: #39414d; - border-color: #fff; - color: #fff; -} - -.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover { - color: #d1e4dd; -} - -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover { - color: #d1e4dd; -} - -.is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover { - color: #d1e4dd; -} - -.has-background.has-white-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-green-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-red-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button { - border-color: currentColor; - color: currentColor; -} - -.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: #39414d; - border-color: #39414d; - color: #fff; -} - -.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: #39414d; - border-color: #39414d; - color: #fff; -} - -.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: #39414d; - border-color: #39414d; - color: #fff; -} - -.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: #39414d; - border-color: #39414d; - color: #fff; -} - -.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: #39414d; - border-color: #39414d; - color: #fff; -} - -.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: #39414d; - border-color: #39414d; - color: #fff; -} - -.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: #39414d; - border-color: #39414d; - color: #fff; -} - -.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover { - border-color: #d1e4dd; - background-color: #d1e4dd; - color: #39414d; + padding-right: 0; } -.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover { - border-color: #d1e4dd; - background-color: #d1e4dd; - color: #39414d; +.wp-block-search { + max-width: calc(100vw - 30px); } -.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover { - border-color: #d1e4dd; - background-color: #d1e4dd; - color: #39414d; -} +@media only screen and (min-width: 482px) { -.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover { - border-color: #d1e4dd; - background-color: #d1e4dd; - color: #39414d; + .wp-block-search { + max-width: min(calc(100vw - 100px), 610px); + } } -.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover { - border-color: #d1e4dd; - background-color: #d1e4dd; - color: #39414d; +@media only screen and (min-width: 822px) { + + .wp-block-search { + max-width: min(calc(100vw - 200px), 610px); + } } -.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover { - border-color: #d1e4dd; - background-color: #d1e4dd; - color: #39414d; +.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper { + justify-content: center; } -.is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover { - border-color: #d1e4dd; - background-color: #d1e4dd; - color: #39414d; +.wp-block-search .wp-block-search__label { + font-size: 1.125rem; + font-weight: 500; + margin-bottom: 10px; } -.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { - background-color: #fff; +.wp-block-search .wp-block-search__input { border: 3px solid #39414d; border-radius: 0; + color: #28303d; + line-height: 1.7; + max-width: inherit; + margin-right: -3px; + padding: 10px; } -.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { - margin-right: 0; +.wp-block-search .wp-block-search__input:focus { + color: #28303d; + border-color: #39414d; } -.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { - outline: 2px dotted #39414d; - outline-offset: -5px; +.has-background .wp-block-search .wp-block-search__input { + border-color: #28303d !important; } -.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { - outline-color: currentColor; +.wp-block-search button.wp-block-search__button { + margin-left: 0; + line-height: 1; } -.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button { - padding: 15px 30px; +.wp-block-search button.wp-block-search__button.has-icon { + padding: 6px 15px; } -.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: #39414d; - color: #39414d; +.wp-block-search button.wp-block-search__button.has-icon svg { + width: 40px; + height: 40px; + fill: currentColor; } -.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: #39414d; - color: #39414d; +.has-background .wp-block-search button.wp-block-search__button:hover { + background-color: #d1e4dd !important; + color: #28303d !important; } -.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: #39414d; - color: #39414d; +.has-background .wp-block-search button.wp-block-search__button:active { + background-color: #d1e4dd !important; + color: #28303d !important; } -.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { - color: #fff; +.has-text-color .wp-block-search button.wp-block-search__button:hover { + color: #28303d !important; } -.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { - color: #fff; +.has-text-color .wp-block-search button.wp-block-search__button:active { + color: #28303d !important; } -.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { - color: #fff; +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + background-color: #fff; + border: 3px solid #39414d; + border-radius: 0; + padding: 3px; } -.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: #d1e4dd; - color: #d1e4dd; +.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + border-color: #28303d !important; } -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: #d1e4dd; - color: #d1e4dd; +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { + margin-left: 0; + margin-right: 0; + padding-left: 10px; } -.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: #d1e4dd; - color: #d1e4dd; +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { + color: #28303d; + outline-offset: -2px; + outline: 2px dotted #39414d; } -.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { - color: #fff; +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { + padding: 15px 30px; } -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { - color: #fff; +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { + color: #28303d; } -.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { - color: #fff; +.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { + color: #28303d; } -.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: #d1e4dd; - color: #d1e4dd; +.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { + background-color: #28303d; + color: #fff; } -.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { - border-color: #d1e4dd; - background-color: #d1e4dd; - color: #39414d; +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { + padding: 6px 15px; } .wp-block-search__button { @@ -4977,7 +4785,8 @@ hr.wp-block-separator.is-style-dots:before { color: #28303d; } -.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link { +.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link, +.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link { background: none; } @@ -5379,13 +5188,6 @@ table.wp-calendar-table caption { } } - @media only screen and (min-width: 482px) { - - .entry-content > .alignleft { - max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); - } - } - @media only screen and (min-width: 822px) { .entry-content > .alignleft { @@ -5454,13 +5256,6 @@ table.wp-calendar-table caption { } } - @media only screen and (min-width: 482px) { - - .entry-content > .alignright { - max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); - } - } - @media only screen and (min-width: 822px) { .entry-content > .alignright { @@ -5619,15 +5414,6 @@ table.wp-calendar-table caption { line-height: 1.4; } -a.custom-logo-link { - text-decoration: none; -} - -.has-background-white a.custom-logo-link:focus, -.is-dark-theme a.custom-logo-link:focus { - background: none; -} - .site-title > a { text-decoration-color: #39414d; } @@ -5856,13 +5642,6 @@ a.custom-logo-link { } } -@media only screen and (min-width: 652px) { - - .entry-title { - font-size: 3rem; - } -} - .entry-title a { color: currentColor; text-underline-offset: 0.15em; @@ -6263,12 +6042,6 @@ h1.page-title { font-size: 3rem; } } -@media only screen and (min-width: 652px) { - - .comments-title { - font-size: 3rem; - } -} .comment-reply-title { font-size: 2.25rem; @@ -6280,12 +6053,6 @@ h1.page-title { font-size: 3rem; } } -@media only screen and (min-width: 652px) { - - .comment-reply-title { - font-size: 3rem; - } -} .comment-reply-title { display: flex; @@ -6418,7 +6185,7 @@ h1.page-title { margin: 0; } -.comment-content a { +.comment-content { word-wrap: break-word; } @@ -6577,11 +6344,6 @@ h1.page-title { padding-top: 15px; padding-bottom: 8px; } - -.menu-button-container #primary-mobile-menu { - margin-left: auto; - padding: 10px 15px; -} @media only screen and (max-width: 481px) { .menu-button-container { @@ -6589,8 +6351,10 @@ h1.page-title { } } -.menu-button-container .button.button { +.menu-button-container #primary-mobile-menu { display: flex; + margin-left: auto; + padding: 10px 15px; font-size: 1rem; font-weight: 500; background-color: transparent; @@ -6598,33 +6362,33 @@ h1.page-title { color: #28303d; } -.menu-button-container .button.button .dropdown-icon { +.menu-button-container #primary-mobile-menu .dropdown-icon { display: flex; align-items: center; } -.menu-button-container .button.button .dropdown-icon .svg-icon { +.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon { margin-left: 5px; } -.menu-button-container .button.button .dropdown-icon.open .svg-icon { +.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { position: relative; top: -1px; } -.menu-button-container .button.button .dropdown-icon.close { +.menu-button-container #primary-mobile-menu .dropdown-icon.close { display: none; } -.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.open { +.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open { display: none; } -.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close { +.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { display: flex; } -.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close { +.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { animation-name: twentytwentyone-close-button-transition; animation-duration: 0.3s; } @@ -6793,7 +6557,7 @@ h1.page-title { width: inherit; } - .primary-navigation > div > .menu-wrapper li:last-child() { + .primary-navigation > div > .menu-wrapper li:last-child { margin-right: 0; } } @@ -7049,7 +6813,7 @@ h1.page-title { } @media only screen and (max-width: 481px) { - .primary-navigation .sub-menu .menu-item:last-child() { + .primary-navigation .sub-menu .menu-item:last-child { margin-bottom: 0; } } @@ -7649,16 +7413,9 @@ h1.page-title { .widget_search > .search-form .search-submit { margin-left: 0; - background-color: transparent; - color: #39414d; margin-bottom: 15px; } -.widget_search > .search-form .search-submit:hover { - background-color: #39414d; - color: #d1e4dd; -} - .widget_rss a.rsswidget .rss-widget-icon { display: none; } @@ -7717,42 +7474,82 @@ h1.page-title { color: #000; } +.has-black-color[class] > [class*=__inner-container] { + color: #000; +} + .has-gray-color[class] { color: #39414d; } +.has-gray-color[class] > [class*=__inner-container] { + color: #39414d; +} + .has-dark-gray-color[class] { color: #28303d; } +.has-dark-gray-color[class] > [class*=__inner-container] { + color: #28303d; +} + .has-green-color[class] { color: #d1e4dd; } +.has-green-color[class] > [class*=__inner-container] { + color: #d1e4dd; +} + .has-blue-color[class] { color: #d1dfe4; } +.has-blue-color[class] > [class*=__inner-container] { + color: #d1dfe4; +} + .has-purple-color[class] { color: #d1d1e4; } +.has-purple-color[class] > [class*=__inner-container] { + color: #d1d1e4; +} + .has-red-color[class] { color: #e4d1d1; } +.has-red-color[class] > [class*=__inner-container] { + color: #e4d1d1; +} + .has-orange-color[class] { color: #e4dad1; } +.has-orange-color[class] > [class*=__inner-container] { + color: #e4dad1; +} + .has-yellow-color[class] { color: #eeeadd; } +.has-yellow-color[class] > [class*=__inner-container] { + color: #eeeadd; +} + .has-white-color[class] { color: #fff; } +.has-white-color[class] > [class*=__inner-container] { + color: #fff; +} + .has-background a, .has-background p, .has-background h1, @@ -7768,79 +7565,167 @@ h1.page-title { background-color: #000; } -.has-gray-background-color[class] { - background-color: #39414d; +.has-black-background-color[class] > [class*=__inner-container] { + background-color: #000; } .has-dark-gray-background-color[class] { background-color: #28303d; } +.has-dark-gray-background-color[class] > [class*=__inner-container] { + background-color: #28303d; +} + +.has-gray-background-color[class] { + background-color: #39414d; +} + +.has-gray-background-color[class] > [class*=__inner-container] { + background-color: #39414d; +} + +.has-light-gray-background-color[class] { + background-color: #f0f0f0; +} + +.has-light-gray-background-color[class] > [class*=__inner-container] { + background-color: #f0f0f0; +} + .has-green-background-color[class] { background-color: #d1e4dd; } +.has-green-background-color[class] > [class*=__inner-container] { + background-color: #d1e4dd; +} + .has-blue-background-color[class] { background-color: #d1dfe4; } +.has-blue-background-color[class] > [class*=__inner-container] { + background-color: #d1dfe4; +} + .has-purple-background-color[class] { background-color: #d1d1e4; } +.has-purple-background-color[class] > [class*=__inner-container] { + background-color: #d1d1e4; +} + .has-red-background-color[class] { background-color: #e4d1d1; } +.has-red-background-color[class] > [class*=__inner-container] { + background-color: #e4d1d1; +} + .has-orange-background-color[class] { background-color: #e4dad1; } +.has-orange-background-color[class] > [class*=__inner-container] { + background-color: #e4dad1; +} + .has-yellow-background-color[class] { background-color: #eeeadd; } +.has-yellow-background-color[class] > [class*=__inner-container] { + background-color: #eeeadd; +} + .has-white-background-color[class] { background-color: #fff; } -:not(.has-text-color).has-black-background-color[class] { +.has-white-background-color[class] > [class*=__inner-container] { + background-color: #fff; +} + +.has-background:not(.has-text-color).has-black-background-color[class] { color: #fff; } -:not(.has-text-color).has-gray-background-color[class] { +.has-background:not(.has-text-color).has-gray-background-color[class] { color: #fff; } -:not(.has-text-color).has-dark-gray-background-color[class] { +.has-background:not(.has-text-color).has-dark-gray-background-color[class] { color: #fff; } -:not(.has-text-color).has-green-background-color[class] { +.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-green-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-blue-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-purple-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-red-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-orange-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-yellow-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-white-background-color[class] { + color: #28303d; +} + +.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container] { color: #28303d; } -:not(.has-text-color).has-blue-background-color[class] { +.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container] { color: #28303d; } -:not(.has-text-color).has-purple-background-color[class] { +.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container] { color: #28303d; } -:not(.has-text-color).has-red-background-color[class] { +.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container] { color: #28303d; } -:not(.has-text-color).has-orange-background-color[class] { +.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container] { color: #28303d; } -:not(.has-text-color).has-yellow-background-color[class] { +.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container] { color: #28303d; } -:not(.has-text-color).has-white-background-color[class] { +.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { color: #28303d; } diff --git a/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css b/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css index b3a8a885..9dc391c9 100644 --- a/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css +++ b/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css @@ -17,13 +17,6 @@ --table--stripes-background-color: rgba(240, 240, 240, 0.15); } - .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), - .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { - background: #000; - color: #fff; - text-decoration: none; - } - .is-dark-theme.is-dark-theme img { filter: brightness(0.85) contrast(1.1); } diff --git a/themes/twentytwentyone/assets/css/style-dark-mode.css b/themes/twentytwentyone/assets/css/style-dark-mode.css index 6ec1fa97..308d90cc 100644 --- a/themes/twentytwentyone/assets/css/style-dark-mode.css +++ b/themes/twentytwentyone/assets/css/style-dark-mode.css @@ -1,115 +1,108 @@ -/* OS dark theme preference */ -@media only screen { - - .is-dark-theme.is-dark-theme { - --global--color-background: var(--global--color-dark-gray); - --global--color-primary: var(--global--color-light-gray); - --global--color-secondary: var(--global--color-light-gray); - --button--color-text: var(--global--color-background); - --button--color-text-hover: var(--global--color-secondary); - --button--color-text-active: var(--global--color-secondary); - --button--color-background: var(--global--color-secondary); - --button--color-background-active: var(--global--color-background); - --global--color-border: #9ea1a7; - - /* Block: Table */ - --table--stripes-border-color: rgba(240, 240, 240, 0.15); - --table--stripes-background-color: rgba(240, 240, 240, 0.15); - } - - .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), - .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { - background: #000; - color: #fff; - text-decoration: none; - } - - .is-dark-theme.is-dark-theme img { - filter: brightness(0.85) contrast(1.1); - } - - .respect-color-scheme-preference.is-dark-theme body { - background-color: var(--global--color-background); - } - - #dark-mode-toggler { - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - font-size: var(--global--font-size-xs); - padding: 0.5em; - min-height: 44px; - min-width: max-content; - border: 2px solid currentColor; - box-shadow: none; - background: var(--button--color-text); - color: var(--button--color-background); - z-index: 9998; - } - - .no-js #dark-mode-toggler { - display: none; - } - - #dark-mode-toggler.fixed-bottom { - position: fixed; - bottom: 5px; - right: 5px; - transition: bottom 0.5s; - } - - #dark-mode-toggler.fixed-bottom.hide:not(:focus) { - bottom: -80px; - } - - #dark-mode-toggler.relative { - position: absolute; - height: 44px; - top: calc(2.4 * var(--global--spacing-vertical) - 44px); - right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em); - } - - .admin-bar #dark-mode-toggler.relative { - top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px); - } -} -@media only screen and (max-width: 782px) { - - .admin-bar #dark-mode-toggler.relative { - top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px); - } -} -@media only screen and (max-width: 481px) { - - .admin-bar #dark-mode-toggler.relative { - top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px); - } -} -@media only screen and (max-width: 481px) { - - body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav { - top: calc(44px + 44px); - } -} -@media only screen { - - .primary-navigation-open #dark-mode-toggler { - display: none; - } -} -@media only screen { - - #dark-mode-toggler:hover, - #dark-mode-toggler:focus { - color: var(--button--color-background-active); - border: 2px solid var(--button--color-text-active); - background-color: var(--button--color-text-active); - } -} -@media only screen { - - .is-IE #dark-mode-toggler { - display: none; - } -} +/* OS dark theme preference */ +@media only screen { + + .is-dark-theme.is-dark-theme { + --global--color-background: var(--global--color-dark-gray); + --global--color-primary: var(--global--color-light-gray); + --global--color-secondary: var(--global--color-light-gray); + --button--color-text: var(--global--color-background); + --button--color-text-hover: var(--global--color-secondary); + --button--color-text-active: var(--global--color-secondary); + --button--color-background: var(--global--color-secondary); + --button--color-background-active: var(--global--color-background); + --global--color-border: #9ea1a7; + + /* Block: Table */ + --table--stripes-border-color: rgba(240, 240, 240, 0.15); + --table--stripes-background-color: rgba(240, 240, 240, 0.15); + } + + .is-dark-theme.is-dark-theme img { + filter: brightness(0.85) contrast(1.1); + } + + .respect-color-scheme-preference.is-dark-theme body { + background-color: var(--global--color-background); + } + + #dark-mode-toggler { + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-size: var(--global--font-size-xs); + padding: 0.5em; + min-height: 44px; + min-width: max-content; + border: 2px solid currentColor; + box-shadow: none; + background: var(--button--color-text); + color: var(--button--color-background); + z-index: 9998; + } + + .no-js #dark-mode-toggler { + display: none; + } + + #dark-mode-toggler.fixed-bottom { + position: fixed; + bottom: 5px; + right: 5px; + transition: bottom 0.5s; + } + + #dark-mode-toggler.fixed-bottom.hide:not(:focus) { + bottom: -80px; + } + + #dark-mode-toggler.relative { + position: absolute; + height: 44px; + top: calc(2.4 * var(--global--spacing-vertical) - 44px); + right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em); + } + + .admin-bar #dark-mode-toggler.relative { + top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px); + } +} +@media only screen and (max-width: 782px) { + + .admin-bar #dark-mode-toggler.relative { + top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px); + } +} +@media only screen and (max-width: 481px) { + + .admin-bar #dark-mode-toggler.relative { + top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px); + } +} +@media only screen and (max-width: 481px) { + + body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav { + top: calc(44px + 44px); + } +} +@media only screen { + + .primary-navigation-open #dark-mode-toggler { + display: none; + } +} +@media only screen { + + #dark-mode-toggler:hover, + #dark-mode-toggler:focus { + color: var(--button--color-background-active); + border: 2px solid var(--button--color-text-active); + background-color: var(--button--color-text-active); + } +} +@media only screen { + + .is-IE #dark-mode-toggler { + display: none; + } +} diff --git a/themes/twentytwentyone/assets/css/style-editor.css b/themes/twentytwentyone/assets/css/style-editor.css index d411fd3a..fc30ea7c 100644 --- a/themes/twentytwentyone/assets/css/style-editor.css +++ b/themes/twentytwentyone/assets/css/style-editor.css @@ -224,7 +224,7 @@ --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); /* Admin-bar height */ - --global--admin-bar--height: 0; + --global--admin-bar--height: 0px; } .admin-bar { @@ -397,9 +397,9 @@ blockquote footer { } img { - display: block; height: auto; max-width: 100%; + vertical-align: middle; } /* Classic editor images */ @@ -488,9 +488,14 @@ a:hover { background: rgba(255, 255, 255, 0.9); } -.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), +.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { + background: var(--global--color-black); + color: var(--global--color-white); + text-decoration: none; +} + .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { - color: var(--wp--style--color--link, var(--global--color-background)); + color: var(--wp--style--color--link, var(--global--color-white)); } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { @@ -514,6 +519,10 @@ a:hover { background-color: #f1f1f1; } +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { + background: none; +} + .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary)); } @@ -524,31 +533,47 @@ a:hover { } .wp-block-button__link { - line-height: var(--button--line-height); - color: var(--button--color-text); + border: var(--button--border-width) solid transparent; + border-radius: var(--button--border-radius); 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; + line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); + text-decoration: none; } -.wp-block-button__link:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; +.wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); +} + +.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-background, var(--global--color-primary)); } -.is-dark-theme .wp-block-button__link:focus { - color: var(--button--color-background); +.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: var(--global--color-primary); } -.wp-block-button__link:focus:not(.has-background) { - color: var(--button--color-text-hover); +.wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: var(--global--color-primary); +} + +.has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: var(--local--color-primary, var(--global--color-primary)); +} + +.wp-block-button__link:hover, +.wp-block-button__link:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.wp-block-button__link:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; } .wp-block-button__link:disabled { @@ -573,69 +598,81 @@ a:hover { margin-bottom: var(--global--spacing-vertical); } +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); +} + +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-background, var(--global--color-background)); +} + +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: var(--global--color-primary); +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: var(--global--color-primary); +} + +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: var(--local--color-primary, var(--global--color-primary)); +} + +.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { - color: var(--button--color-text-active) !important; - background: transparent !important; - border-color: var(--button--color-background); + border-color: currentColor !important; + background-color: transparent !important; + color: inherit !important; } -.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { - color: var(--button--color-text-hover) !important; - background: transparent !important; - border-color: var(--button--color-background); +.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { + outline-offset: inherit; + outline: inherit; } -.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.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { + border-color: currentColor; } -.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-color: var(--button--color-background); +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-primary); } -.wp-block-button.is-style-outline .wp-block-button__link.has-background { - border-color: var(--button--color-background); +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-primary, var(--global--color-primary)); } -.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 { - background-color: var(--button--color-background) !important; +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { + color: inherit; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) { - color: var(--global--color-dark-gray); +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: transparent; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color), -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color), -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) { - color: var(--global--color-white); +.wp-block-button.is-style-outline .wp-block-button__link:hover, +.wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: var(--global--color-primary) !important; + border-color: transparent !important; + color: var(--global--color-background) !important; } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color, -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color, -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color, -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color, -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color, -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color, -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-yellow-background-color { - color: var(--global--color-dark-gray); +.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover, +.has-background .wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: var(--local--color-primary, var(--global--color-primary)) !important; + color: var(--local--color-background, var(--global--color-background)) !important; } -.wp-block-button.is-style-outline .wp-block-button__link.has-text-color { - border-color: currentColor; +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover, +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { + color: var(--local--color-background, var(--global--color-background)) !important; } -.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-text) !important; - border-color: var(--button--color-background); +.wp-block-button.is-style-outline .wp-block-button__link:focus { + outline-offset: inherit; + outline: inherit; } .wp-block-button.is-style-squared { @@ -648,7 +685,6 @@ a:hover { } .wp-block-code code { - font-size: var(--global--font-size-xs); white-space: pre !important; overflow-x: auto; } @@ -772,6 +808,11 @@ a:hover { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } +.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, +.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { + background-color: unset; +} + .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both; } @@ -848,32 +889,48 @@ a:hover { } .wp-block-file .wp-block-file__button { - line-height: var(--button--line-height); - color: var(--button--color-text); + border: var(--button--border-width) solid transparent; + border-radius: var(--button--border-radius); 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; + line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); + text-decoration: none; display: inline-block; } -.wp-block-file .wp-block-file__button:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; +.wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); } -.is-dark-theme .wp-block-file .wp-block-file__button:focus { - color: var(--button--color-background); +.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-background, var(--global--color-primary)); } -.wp-block-file .wp-block-file__button:focus:not(.has-background) { - color: var(--button--color-text-hover); +.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: var(--global--color-primary); +} + +.wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: var(--global--color-primary); +} + +.has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: var(--local--color-primary, var(--global--color-primary)); +} + +.wp-block-file .wp-block-file__button:hover, +.wp-block-file .wp-block-file__button:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.wp-block-file .wp-block-file__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; } .wp-block-file .wp-block-file__button:disabled { @@ -882,9 +939,9 @@ a:hover { color: var(--button--color-text-active); } -.wp-block-file .wp-block-file__button:hover { - color: var(--button--color-text-hover); - background: transparent; +.wp-block-file .wp-block-file__button:focus { + outline-offset: inherit; + outline: inherit; } .wp-block-gallery figcaption { @@ -1008,7 +1065,7 @@ h5[style*="--wp--typography--line-height"], .wp-block-heading h6[style*="--wp--typography--line-height"], h6[style*="--wp--typography--line-height"], .h6[style*="--wp--typography--line-height"] { - line-height: var(--wp--typography--line-height, --global--line-height-body); + line-height: var(--wp--typography--line-height, var(--global--line-height-body)); } .wp-block-heading h1, @@ -1368,7 +1425,7 @@ dt { } p { - line-height: var(--wp--typography--line-height, --global--line-height-body); + line-height: var(--wp--typography--line-height, var(--global--line-height-body)); } p.has-background { @@ -1747,6 +1804,7 @@ pre.wp-block-preformatted { margin-bottom: calc(var(--global--spacing-vertical) / 3); } +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, .wp-block-search .wp-block-search__input { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); @@ -1758,189 +1816,120 @@ pre.wp-block-preformatted { padding: var(--form--spacing-unit); } +.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, .is-dark-theme .wp-block-search .wp-block-search__input { background: var(--global--color-white-90); } -.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input, -.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input, -.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input, -.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input, -.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input, -.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input, -.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input { - border-color: var(--form--color-text); -} - -.has-background.has-gray-background-color .wp-block-search .wp-block-search__input, -.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input, -.has-background.has-black-background-color .wp-block-search .wp-block-search__input { - border-color: var(--global--color-white); +.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, +.has-background .wp-block-search .wp-block-search__input { + border-color: var(--local--color-primary, var(--global--color-primary)) !important; } -.wp-block-search .wp-block-search__button { - line-height: var(--button--line-height); - color: var(--button--color-text); +.wp-block-search .wp-block-search__button.wp-block-search__button { + border: var(--button--border-width) solid transparent; + border-radius: var(--button--border-radius); 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; + line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); + text-decoration: none; box-shadow: none; margin-left: 0; - background-color: transparent; - color: var(--button--color-text-hover); } -.wp-block-search .wp-block-search__button:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; +.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); } -.is-dark-theme .wp-block-search .wp-block-search__button:focus { - color: var(--button--color-background); +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-background, var(--global--color-primary)); } -.wp-block-search .wp-block-search__button:focus:not(.has-background) { - color: var(--button--color-text-hover); +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: var(--global--color-primary); } -.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.wp-block-search__button:not(:hover):not(:active):not(.has-background) { + background-color: var(--global--color-primary); } -.wp-block-search .wp-block-search__button:hover { - color: var(--button--color-text); - background-color: var(--button--color-background); +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { + background-color: var(--local--color-primary, var(--global--color-primary)); } -.wp-block-search .wp-block-search__button.has-icon { - padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal)); +.wp-block-search .wp-block-search__button.wp-block-search__button:hover, +.wp-block-search .wp-block-search__button.wp-block-search__button:active { + background-color: transparent; + border-color: currentColor; + color: inherit; } -.wp-block-search .wp-block-search__button.has-icon svg { - width: 40px; - height: 40px; +.wp-block-search .wp-block-search__button.wp-block-search__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; } -.has-background.has-gray-background-color .wp-block-search .wp-block-search__button, -.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button, -.has-background.has-black-background-color .wp-block-search .wp-block-search__button { - color: var(--global--color-white); - border-color: currentColor; +.wp-block-search .wp-block-search__button.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); } -.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover, -.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover, -.has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover { - color: var(--global--color-white); - background-color: var(--button--color-background); - border-color: var(--global--color-white); +.wp-block-search .wp-block-search__button.wp-block-search__button.has-icon { + padding: 6px calc(0.5 * var(--button--padding-horizontal)); + display: inherit; } -.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover, -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover, -.is-dark-theme .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover { - color: var(--button--color-text); - background-color: var(--button--color-background); +.wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg { + width: 40px; + height: 40px; } -.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover, -.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover, -.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover, -.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover, -.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover, -.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover, -.has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover { - color: var(--global--color-white); - background-color: var(--form--border-color); - border-color: var(--form--border-color); +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover, +.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active { + background-color: var(--local--color-background, var(--global--color-background)) !important; + color: var(--local--color-primary, var(--global--color-primary)) !important; } -.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button, -.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button, -.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button, -.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button, -.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button, -.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button, -.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button { - color: var(--form--color-text); - border-color: currentColor; +.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover, +.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active { + color: var(--local--color-primary, var(--global--color-primary)) !important; } -.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover, -.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover, -.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover, -.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover, -.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover, -.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover, -.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover { - color: var(--global--color-white); - background-color: var(--button--color-text); - border-color: var(--button--color-text); -} - -.wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-white-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-green-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-blue-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-purple-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-red-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-orange-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input, -.has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__input { - border: none; +.wp-block-search .wp-block-search__button.wp-block-search__button:focus { + outline-offset: inherit; + outline: inherit; } -.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { - padding: var(--button--padding-vertical) var(--button--padding-horizontal); +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: var(--form--border-width); } -.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button { - color: var(--button--color-text); - border-color: currentColor; +.wp-block-search.wp-block-search__button-inside .wp-block-search__input { + border: none; } -.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { - color: var(--global--color-white); - background-color: var(--button--color-text); - border-color: var(--button--color-text); +.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover, +.wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { + color: var(--global--color-dark-gray); } -.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button, -.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button, -.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { - color: var(--button--color-text-hover); - border-color: currentColor; +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button, +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button { + color: var(--global--color-dark-gray); } -.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover, -.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover, -.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover, +.is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { + background-color: var(--global--color-dark-gray); color: var(--global--color-white); - background-color: var(--button--color-background); - border-color: var(--button--color-background); -} - -.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button, -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button, -.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { - color: var(--button--color-text); - border-color: currentColor; } -.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover, -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover, -.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { - color: var(--global--color-white); - background-color: var(--button--color-text); - border-color: var(--button--color-text); +.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { + padding: var(--button--padding-vertical) var(--button--padding-horizontal); } .wp-block[data-align=center] > * { @@ -2350,42 +2339,92 @@ a { color: var(--global--color-black); } +.has-black-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-black, #000); + color: var(--local--color-primary); +} + .has-gray-color[class] { color: var(--global--color-gray); } +.has-gray-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-gray, #000); + color: var(--local--color-primary); +} + .has-dark-gray-color[class] { color: var(--global--color-dark-gray); } +.has-dark-gray-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-dark-gray, #000); + color: var(--local--color-primary); +} + .has-green-color[class] { color: var(--global--color-green); } +.has-green-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-green, #fff); + color: var(--local--color-primary); +} + .has-blue-color[class] { color: var(--global--color-blue); } +.has-blue-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-blue, #fff); + color: var(--local--color-primary); +} + .has-purple-color[class] { color: var(--global--color-purple); } +.has-purple-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-purple, #fff); + color: var(--local--color-primary); +} + .has-red-color[class] { color: var(--global--color-red); } +.has-red-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-red, #fff); + color: var(--local--color-primary); +} + .has-orange-color[class] { color: var(--global--color-orange); } +.has-orange-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-orange, #fff); + color: var(--local--color-primary); +} + .has-yellow-color[class] { color: var(--global--color-yellow); } +.has-yellow-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-yellow, #fff); + color: var(--local--color-primary); +} + .has-white-color[class] { color: var(--global--color-white); } +.has-white-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-white, #fff); + color: var(--local--color-primary); +} + .has-background a, .has-background p, .has-background h1, @@ -2401,58 +2440,151 @@ a { background-color: var(--global--color-black); } -.has-gray-background-color[class] { - background-color: var(--global--color-gray); +.has-black-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-black, #000); + background-color: var(--local--color-background); } .has-dark-gray-background-color[class] { background-color: var(--global--color-dark-gray); } +.has-dark-gray-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-dark-gray, #000); + background-color: var(--local--color-background); +} + +.has-gray-background-color[class] { + background-color: var(--global--color-gray); +} + +.has-gray-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-gray, #000); + background-color: var(--local--color-background); +} + +.has-light-gray-background-color[class] { + background-color: var(--global--color-light-gray); +} + +.has-light-gray-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-light-gray, #fff); + background-color: var(--local--color-background); +} + .has-green-background-color[class] { background-color: var(--global--color-green); } +.has-green-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-green, #fff); + background-color: var(--local--color-background); +} + .has-blue-background-color[class] { background-color: var(--global--color-blue); } +.has-blue-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-blue, #fff); + background-color: var(--local--color-background); +} + .has-purple-background-color[class] { background-color: var(--global--color-purple); } +.has-purple-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-purple, #fff); + background-color: var(--local--color-background); +} + .has-red-background-color[class] { background-color: var(--global--color-red); } +.has-red-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-red, #fff); + background-color: var(--local--color-background); +} + .has-orange-background-color[class] { background-color: var(--global--color-orange); } +.has-orange-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-orange, #fff); + background-color: var(--local--color-background); +} + .has-yellow-background-color[class] { background-color: var(--global--color-yellow); } +.has-yellow-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-yellow, #fff); + background-color: var(--local--color-background); +} + .has-white-background-color[class] { background-color: var(--global--color-white); } -:not(.has-text-color).has-black-background-color[class], -:not(.has-text-color).has-gray-background-color[class], -:not(.has-text-color).has-dark-gray-background-color[class] { +.has-white-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-white, #fff); + background-color: var(--local--color-background); +} + +.has-background:not(.has-text-color).has-black-background-color[class], +.has-background:not(.has-text-color).has-gray-background-color[class], +.has-background:not(.has-text-color).has-dark-gray-background-color[class] { color: var(--global--color-white); } -:not(.has-text-color).has-green-background-color[class], -:not(.has-text-color).has-blue-background-color[class], -:not(.has-text-color).has-purple-background-color[class], -:not(.has-text-color).has-red-background-color[class], -:not(.has-text-color).has-orange-background-color[class], -:not(.has-text-color).has-yellow-background-color[class], -:not(.has-text-color).has-white-background-color[class] { +.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-background, #fff); + color: var(--local--color-primary, var(--global--color-primary)); +} + +.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-primary, #000); +} + +.has-background:not(.has-text-color).has-green-background-color[class], +.has-background:not(.has-text-color).has-blue-background-color[class], +.has-background:not(.has-text-color).has-purple-background-color[class], +.has-background:not(.has-text-color).has-red-background-color[class], +.has-background:not(.has-text-color).has-orange-background-color[class], +.has-background:not(.has-text-color).has-yellow-background-color[class], +.has-background:not(.has-text-color).has-white-background-color[class] { color: var(--global--color-dark-gray); } +.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-primary, #000); + color: var(--local--color-primary, var(--global--color-primary)); +} + +.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-background, #fff); +} + .has-purple-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow)); } diff --git a/themes/twentytwentyone/assets/js/customize-helpers.js b/themes/twentytwentyone/assets/js/customize-helpers.js index 52558c40..6523860a 100644 --- a/themes/twentytwentyone/assets/js/customize-helpers.js +++ b/themes/twentytwentyone/assets/js/customize-helpers.js @@ -1,35 +1,35 @@ -/** - * Get luminance from a HEX color. - * - * @param {string} hex - The hex color. - * - * @return {number} - Returns the luminance, number between 0 and 255. - */ -function twentytwentyoneGetHexLum( hex ) { // jshint ignore:line - var rgb = twentytwentyoneGetRgbFromHex( hex ); - return Math.round( ( 0.2126 * rgb.r ) + ( 0.7152 * rgb.g ) + ( 0.0722 * rgb.b ) ); -} - -/** - * Get RGB from HEX. - * - * @param {string} hex - The hex color. - * - * @return {Object} - Returns an object {r, g, b} - */ -function twentytwentyoneGetRgbFromHex( hex ) { - var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i, - result; - - // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF"). - hex = hex.replace( shorthandRegex, function( m, r, g, b ) { - return r.toString() + r.toString() + g.toString() + g.toString() + b.toString() + b.toString(); - } ); - - result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec( hex ); - return result ? { - r: parseInt( result[1], 16 ), - g: parseInt( result[2], 16 ), - b: parseInt( result[3], 16 ) - } : null; -} +/** + * Get luminance from a HEX color. + * + * @param {string} hex - The hex color. + * + * @return {number} - Returns the luminance, number between 0 and 255. + */ +function twentytwentyoneGetHexLum( hex ) { // jshint ignore:line + var rgb = twentytwentyoneGetRgbFromHex( hex ); + return Math.round( ( 0.2126 * rgb.r ) + ( 0.7152 * rgb.g ) + ( 0.0722 * rgb.b ) ); +} + +/** + * Get RGB from HEX. + * + * @param {string} hex - The hex color. + * + * @return {Object} - Returns an object {r, g, b} + */ +function twentytwentyoneGetRgbFromHex( hex ) { + var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i, + result; + + // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF"). + hex = hex.replace( shorthandRegex, function( m, r, g, b ) { + return r.toString() + r.toString() + g.toString() + g.toString() + b.toString() + b.toString(); + } ); + + result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec( hex ); + return result ? { + r: parseInt( result[1], 16 ), + g: parseInt( result[2], 16 ), + b: parseInt( result[3], 16 ) + } : null; +} diff --git a/themes/twentytwentyone/assets/js/customize-preview.js b/themes/twentytwentyone/assets/js/customize-preview.js index c773a6e6..a9d9a6f6 100644 --- a/themes/twentytwentyone/assets/js/customize-preview.js +++ b/themes/twentytwentyone/assets/js/customize-preview.js @@ -1,62 +1,62 @@ -/* global twentytwentyoneGetHexLum, jQuery */ -( function() { - // Add listener for the "background_color" control. - wp.customize( 'background_color', function( value ) { - value.bind( function( to ) { - var lum = twentytwentyoneGetHexLum( to ), - isDark = 127 > lum, - textColor = ! isDark ? 'var(--global--color-dark-gray)' : 'var(--global--color-light-gray)', - tableColor = ! isDark ? 'var(--global--color-light-gray)' : 'var(--global--color-dark-gray)', - stylesheetID = 'twentytwentyone-customizer-inline-styles', - stylesheet, - styles; - - // Modify the html & body classes depending on whether this is a dark background or not. - if ( isDark ) { - document.body.classList.add( 'is-dark-theme' ); - document.documentElement.classList.add( 'is-dark-theme' ); - document.body.classList.remove( 'is-light-theme' ); - document.documentElement.classList.remove( 'is-light-theme' ); - document.documentElement.classList.remove( 'respect-color-scheme-preference' ); - } else { - document.body.classList.remove( 'is-dark-theme' ); - document.documentElement.classList.remove( 'is-dark-theme' ); - document.body.classList.add( 'is-light-theme' ); - document.documentElement.classList.add( 'is-light-theme' ); - if ( wp.customize( 'respect_user_color_preference' ).get() ) { - document.documentElement.classList.add( 'respect-color-scheme-preference' ); - } - } - - // Toggle the white background class. - if ( 225 <= lum ) { - document.body.classList.add( 'has-background-white' ); - } else { - document.body.classList.remove( 'has-background-white' ); - } - - stylesheet = jQuery( '#' + stylesheetID ); - styles = ''; - // If the stylesheet doesn't exist, create it and append it to . - if ( ! stylesheet.length ) { - jQuery( '#twenty-twenty-one-style-inline-css' ).after( '' ); - stylesheet = jQuery( '#' + stylesheetID ); - } - - // Generate the styles. - styles += '--global--color-primary:' + textColor + ';'; - styles += '--global--color-secondary:' + textColor + ';'; - styles += '--global--color-background:' + to + ';'; - - styles += '--button--color-background:' + textColor + ';'; - styles += '--button--color-text:' + to + ';'; - styles += '--button--color-text-hover:' + textColor + ';'; - - styles += '--table--stripes-border-color:' + tableColor + ';'; - styles += '--table--stripes-background-color:' + tableColor + ';'; - - // Add the styles. - stylesheet.html( ':root{' + styles + '}' ); - } ); - } ); -}() ); +/* global twentytwentyoneGetHexLum, jQuery */ +( function() { + // Add listener for the "background_color" control. + wp.customize( 'background_color', function( value ) { + value.bind( function( to ) { + var lum = twentytwentyoneGetHexLum( to ), + isDark = 127 > lum, + textColor = ! isDark ? 'var(--global--color-dark-gray)' : 'var(--global--color-light-gray)', + tableColor = ! isDark ? 'var(--global--color-light-gray)' : 'var(--global--color-dark-gray)', + stylesheetID = 'twentytwentyone-customizer-inline-styles', + stylesheet, + styles; + + // Modify the html & body classes depending on whether this is a dark background or not. + if ( isDark ) { + document.body.classList.add( 'is-dark-theme' ); + document.documentElement.classList.add( 'is-dark-theme' ); + document.body.classList.remove( 'is-light-theme' ); + document.documentElement.classList.remove( 'is-light-theme' ); + document.documentElement.classList.remove( 'respect-color-scheme-preference' ); + } else { + document.body.classList.remove( 'is-dark-theme' ); + document.documentElement.classList.remove( 'is-dark-theme' ); + document.body.classList.add( 'is-light-theme' ); + document.documentElement.classList.add( 'is-light-theme' ); + if ( wp.customize( 'respect_user_color_preference' ).get() ) { + document.documentElement.classList.add( 'respect-color-scheme-preference' ); + } + } + + // Toggle the white background class. + if ( 225 <= lum ) { + document.body.classList.add( 'has-background-white' ); + } else { + document.body.classList.remove( 'has-background-white' ); + } + + stylesheet = jQuery( '#' + stylesheetID ); + styles = ''; + // If the stylesheet doesn't exist, create it and append it to . + if ( ! stylesheet.length ) { + jQuery( '#twenty-twenty-one-style-inline-css' ).after( '' ); + stylesheet = jQuery( '#' + stylesheetID ); + } + + // Generate the styles. + styles += '--global--color-primary:' + textColor + ';'; + styles += '--global--color-secondary:' + textColor + ';'; + styles += '--global--color-background:' + to + ';'; + + styles += '--button--color-background:' + textColor + ';'; + styles += '--button--color-text:' + to + ';'; + styles += '--button--color-text-hover:' + textColor + ';'; + + styles += '--table--stripes-border-color:' + tableColor + ';'; + styles += '--table--stripes-background-color:' + tableColor + ';'; + + // Add the styles. + stylesheet.html( ':root{' + styles + '}' ); + } ); + } ); +}() ); diff --git a/themes/twentytwentyone/assets/js/dark-mode-toggler.js b/themes/twentytwentyone/assets/js/dark-mode-toggler.js index 22f5e3e1..f5519d06 100644 --- a/themes/twentytwentyone/assets/js/dark-mode-toggler.js +++ b/themes/twentytwentyone/assets/js/dark-mode-toggler.js @@ -44,7 +44,9 @@ function darkModeInitialLoad() { } function darkModeRepositionTogglerOnScroll() { - var prevScroll = window.scrollY || document.documentElement.scrollTop, + + var toggler = document.getElementById( 'dark-mode-toggler' ), + prevScroll = window.scrollY || document.documentElement.scrollTop, currentScroll, checkScroll = function() { @@ -53,13 +55,16 @@ function darkModeRepositionTogglerOnScroll() { currentScroll + ( window.innerHeight * 1.5 ) > document.body.clientHeight || currentScroll < prevScroll ) { - document.getElementById( 'dark-mode-toggler' ).classList.remove( 'hide' ); + toggler.classList.remove( 'hide' ); } else if ( currentScroll > prevScroll && 250 < currentScroll ) { - document.getElementById( 'dark-mode-toggler' ).classList.add( 'hide' ); + toggler.classList.add( 'hide' ); } prevScroll = currentScroll; }; - window.addEventListener( 'scroll', checkScroll ); + + if ( toggler ) { + window.addEventListener( 'scroll', checkScroll ); + } } darkModeInitialLoad(); diff --git a/themes/twentytwentyone/assets/js/editor.js b/themes/twentytwentyone/assets/js/editor.js index c7b149dc..b94c97c1 100644 --- a/themes/twentytwentyone/assets/js/editor.js +++ b/themes/twentytwentyone/assets/js/editor.js @@ -1,38 +1,38 @@ -/* global setTimeout */ -wp.domReady( function() { - // Unregister "Wide" Separator Style. - wp.blocks.unregisterBlockStyle( 'core/separator', 'wide' ); - - // Add to ".block-editor__typewriter" the "is-dark-theme" class if needed. - function twentytwentyoneCopyDarkThemeClass() { - var editor, - attemptDelay = 25, - attempt = 0, - maxAttempts = 10; - - if ( ! document.body.classList.contains( 'is-dark-theme' ) ) { - return; - } - - editor = document.querySelector( '.block-editor__typewriter' ); - if ( null === editor ) { - // Try again. - if ( attempt < maxAttempts ) { - setTimeout( function() { - twentytwentyoneCopyDarkThemeClass(); - }, attemptDelay ); - - // Increment the attempts counter. - attempt++; - - // Double the delay, give the server some time to breathe. - attemptDelay *= 2; - } - return; - } - - editor.classList.add( 'is-dark-theme' ); - } - - twentytwentyoneCopyDarkThemeClass(); -} ); +/* global setTimeout */ +wp.domReady( function() { + // Unregister "Wide" Separator Style. + wp.blocks.unregisterBlockStyle( 'core/separator', 'wide' ); + + // Add to ".block-editor__typewriter" the "is-dark-theme" class if needed. + function twentytwentyoneCopyDarkThemeClass() { + var editor, + attemptDelay = 25, + attempt = 0, + maxAttempts = 10; + + if ( ! document.body.classList.contains( 'is-dark-theme' ) ) { + return; + } + + editor = document.querySelector( '.block-editor__typewriter' ); + if ( null === editor ) { + // Try again. + if ( attempt < maxAttempts ) { + setTimeout( function() { + twentytwentyoneCopyDarkThemeClass(); + }, attemptDelay ); + + // Increment the attempts counter. + attempt++; + + // Double the delay, give the server some time to breathe. + attemptDelay *= 2; + } + return; + } + + editor.classList.add( 'is-dark-theme' ); + } + + twentytwentyoneCopyDarkThemeClass(); +} ); diff --git a/themes/twentytwentyone/assets/js/palette-colorpicker.js b/themes/twentytwentyone/assets/js/palette-colorpicker.js index 0357f1e1..89271f33 100644 --- a/themes/twentytwentyone/assets/js/palette-colorpicker.js +++ b/themes/twentytwentyone/assets/js/palette-colorpicker.js @@ -1,53 +1,53 @@ -/** - * Script for our custom colorpicker control. - * - * This is copied from wp-admin/js/customize-controls.js - * with a few tweaks: - * Removed the hue picker script because we don't use it here - * Added the "palettes" argument in wpColorPicker(). - */ -wp.customize.controlConstructor['twenty-twenty-one-color'] = wp.customize.Control.extend( { - ready: function() { - var control = this, - updating = false, - picker; - - picker = this.container.find( '.color-picker-hex' ); - picker.val( control.setting() ).wpColorPicker( { - palettes: control.params.palette, - change: function() { - updating = true; - control.setting.set( picker.wpColorPicker( 'color' ) ); - updating = false; - }, - clear: function() { - updating = true; - control.setting.set( '' ); - updating = false; - } - } ); - - control.setting.bind( function( value ) { - // Bail if the update came from the control itself. - if ( updating ) { - return; - } - picker.val( value ); - picker.wpColorPicker( 'color', value ); - } ); - - // Collapse color picker when hitting Esc instead of collapsing the current section. - control.container.on( 'keydown', function( event ) { - var pickerContainer; - if ( 27 !== event.which ) { // Esc. - return; - } - pickerContainer = control.container.find( '.wp-picker-container' ); - if ( pickerContainer.hasClass( 'wp-picker-active' ) ) { - picker.wpColorPicker( 'close' ); - control.container.find( '.wp-color-result' ).focus(); - event.stopPropagation(); // Prevent section from being collapsed. - } - } ); - } -} ); +/** + * Script for our custom colorpicker control. + * + * This is copied from wp-admin/js/customize-controls.js + * with a few tweaks: + * Removed the hue picker script because we don't use it here + * Added the "palettes" argument in wpColorPicker(). + */ +wp.customize.controlConstructor['twenty-twenty-one-color'] = wp.customize.Control.extend( { + ready: function() { + var control = this, + updating = false, + picker; + + picker = this.container.find( '.color-picker-hex' ); + picker.val( control.setting() ).wpColorPicker( { + palettes: control.params.palette, + change: function() { + updating = true; + control.setting.set( picker.wpColorPicker( 'color' ) ); + updating = false; + }, + clear: function() { + updating = true; + control.setting.set( '' ); + updating = false; + } + } ); + + control.setting.bind( function( value ) { + // Bail if the update came from the control itself. + if ( updating ) { + return; + } + picker.val( value ); + picker.wpColorPicker( 'color', value ); + } ); + + // Collapse color picker when hitting Esc instead of collapsing the current section. + control.container.on( 'keydown', function( event ) { + var pickerContainer; + if ( 27 !== event.which ) { // Esc. + return; + } + pickerContainer = control.container.find( '.wp-picker-container' ); + if ( pickerContainer.hasClass( 'wp-picker-active' ) ) { + picker.wpColorPicker( 'close' ); + control.container.find( '.wp-color-result' ).focus(); + event.stopPropagation(); // Prevent section from being collapsed. + } + } ); + } +} ); diff --git a/themes/twentytwentyone/assets/js/polyfills.js b/themes/twentytwentyone/assets/js/polyfills.js index f40f8874..8c3a5cf9 100644 --- a/themes/twentytwentyone/assets/js/polyfills.js +++ b/themes/twentytwentyone/assets/js/polyfills.js @@ -1,42 +1,42 @@ -/** - * File polyfills.js. - * - * Polyfills for IE11. - */ - -/** - * Polyfill for Element.closest() because we need to support IE11. - * - * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/closest - */ -if ( ! Element.prototype.matches ) { - Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; -} - -if ( ! Element.prototype.closest ) { - Element.prototype.closest = function( s ) { - var el = this; - do { - if ( Element.prototype.matches.call( el, s ) ) { - return el; - } - el = el.parentElement || el.parentNode; - } while ( el !== null && el.nodeType === 1 ); - return null; - }; -} - -/** - * Polyfill for NodeList.foreach() because we need to support IE11. - * - * @see https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach - */ -if ( window.NodeList && ! NodeList.prototype.forEach ) { - NodeList.prototype.forEach = function( callback, thisArg ) { - var i; - thisArg = thisArg || window; - for ( i = 0; i < this.length; i++ ) { - callback.call( thisArg, this[i], i, this ); - } - }; -} +/** + * File polyfills.js. + * + * Polyfills for IE11. + */ + +/** + * Polyfill for Element.closest() because we need to support IE11. + * + * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/closest + */ +if ( ! Element.prototype.matches ) { + Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; +} + +if ( ! Element.prototype.closest ) { + Element.prototype.closest = function( s ) { + var el = this; + do { + if ( Element.prototype.matches.call( el, s ) ) { + return el; + } + el = el.parentElement || el.parentNode; + } while ( el !== null && el.nodeType === 1 ); + return null; + }; +} + +/** + * Polyfill for NodeList.foreach() because we need to support IE11. + * + * @see https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach + */ +if ( window.NodeList && ! NodeList.prototype.forEach ) { + NodeList.prototype.forEach = function( callback, thisArg ) { + var i; + thisArg = thisArg || window; + for ( i = 0; i < this.length; i++ ) { + callback.call( thisArg, this[i], i, this ); + } + }; +} diff --git a/themes/twentytwentyone/assets/js/primary-navigation.js b/themes/twentytwentyone/assets/js/primary-navigation.js index 187c2422..ec559619 100644 --- a/themes/twentytwentyone/assets/js/primary-navigation.js +++ b/themes/twentytwentyone/assets/js/primary-navigation.js @@ -1,184 +1,184 @@ -/** - * File primary-navigation.js. - * - * Required to open and close the mobile navigation. - */ - -/** - * Toggle an attribute's value - * - * @param {Element} el - The element. - * @param {boolean} withListeners - Whether we want to add/remove listeners or not. - * @since Twenty Twenty-One 1.0 - */ -function twentytwentyoneToggleAriaExpanded( el, withListeners ) { - if ( 'true' !== el.getAttribute( 'aria-expanded' ) ) { - el.setAttribute( 'aria-expanded', 'true' ); - twentytwentyoneSubmenuPosition( el.parentElement ); - if ( withListeners ) { - document.addEventListener( 'click', twentytwentyoneCollapseMenuOnClickOutside ); - } - } else { - el.setAttribute( 'aria-expanded', 'false' ); - if ( withListeners ) { - document.removeEventListener( 'click', twentytwentyoneCollapseMenuOnClickOutside ); - } - } -} - -function twentytwentyoneCollapseMenuOnClickOutside( event ) { - if ( ! document.getElementById( 'site-navigation' ).contains( event.target ) ) { - document.getElementById( 'site-navigation' ).querySelectorAll( '.sub-menu-toggle' ).forEach( function( button ) { - button.setAttribute( 'aria-expanded', 'false' ); - } ); - } -} - -/** - * Changes the position of submenus so they always fit the screen horizontally. - * - * @param {Element} li - The li element. - */ -function twentytwentyoneSubmenuPosition( li ) { - var subMenu = li.querySelector( 'ul.sub-menu' ), - rect, - right, - left, - windowWidth; - - if ( ! subMenu ) { - return; - } - - rect = subMenu.getBoundingClientRect(); - right = Math.round( rect.right ); - left = Math.round( rect.left ); - windowWidth = Math.round( window.innerWidth ); - - if ( right > windowWidth ) { - subMenu.classList.add( 'submenu-reposition-right' ); - } else if ( document.body.classList.contains( 'rtl' ) && left < 0 ) { - subMenu.classList.add( 'submenu-reposition-left' ); - } -} - -/** - * Handle clicks on submenu toggles. - * - * @param {Element} el - The element. - */ -function twentytwentyoneExpandSubMenu( el ) { // jshint ignore:line - // Close other expanded items. - el.closest( 'nav' ).querySelectorAll( '.sub-menu-toggle' ).forEach( function( button ) { - if ( button !== el ) { - button.setAttribute( 'aria-expanded', 'false' ); - } - } ); - - // Toggle aria-expanded on the button. - twentytwentyoneToggleAriaExpanded( el, true ); - - // On tab-away collapse the menu. - el.parentNode.querySelectorAll( 'ul > li:last-child > a' ).forEach( function( linkEl ) { - linkEl.addEventListener( 'blur', function( event ) { - if ( ! el.parentNode.contains( event.relatedTarget ) ) { - el.setAttribute( 'aria-expanded', 'false' ); - } - } ); - } ); -} - -( function() { - /** - * Menu Toggle Behaviors - * - * @param {string} id - The ID. - */ - var navMenu = function( id ) { - var wrapper = document.body, // this is the element to which a CSS class is added when a mobile nav menu is open - mobileButton = document.getElementById( id + '-mobile-menu' ); - - if ( mobileButton ) { - mobileButton.onclick = function() { - wrapper.classList.toggle( id + '-navigation-open' ); - wrapper.classList.toggle( 'lock-scrolling' ); - twentytwentyoneToggleAriaExpanded( mobileButton ); - mobileButton.focus(); - }; - } - /** - * Trap keyboard navigation in the menu modal. - * Adapted from TwentyTwenty - */ - document.addEventListener( 'keydown', function( event ) { - var modal, elements, selectors, lastEl, firstEl, activeEl, tabKey, shiftKey, escKey; - if ( ! wrapper.classList.contains( id + '-navigation-open' ) ) { - return; - } - - modal = document.querySelector( '.' + id + '-navigation' ); - selectors = 'input, a, button'; - elements = modal.querySelectorAll( selectors ); - elements = Array.prototype.slice.call( elements ); - tabKey = event.keyCode === 9; - shiftKey = event.shiftKey; - escKey = event.keyCode === 27; - activeEl = document.activeElement; // eslint-disable-line @wordpress/no-global-active-element - lastEl = elements[ elements.length - 1 ]; - firstEl = elements[0]; - - if ( escKey ) { - event.preventDefault(); - wrapper.classList.remove( id + '-navigation-open', 'lock-scrolling' ); - twentytwentyoneToggleAriaExpanded( mobileButton ); - mobileButton.focus(); - } - - if ( ! shiftKey && tabKey && lastEl === activeEl ) { - event.preventDefault(); - firstEl.focus(); - } - - if ( shiftKey && tabKey && firstEl === activeEl ) { - event.preventDefault(); - lastEl.focus(); - } - - // If there are no elements in the menu, don't move the focus - if ( tabKey && firstEl === lastEl ) { - event.preventDefault(); - } - } ); - - /** - * Close menu and scroll to anchor when an anchor link is clicked. - * Adapted from TwentyTwenty. - */ - document.addEventListener( 'click', function( event ) { - // If target onclick is with # within the href attribute - if ( event.target.hash && event.target.hash.includes( '#' ) ) { - wrapper.classList.remove( id + '-navigation-open', 'lock-scrolling' ); - twentytwentyoneToggleAriaExpanded( mobileButton ); - // Wait 550 and scroll to the anchor. - setTimeout(function () { - var anchor = document.getElementById(event.target.hash.slice(1)); - anchor.scrollIntoView(); - }, 550); - } - } ); - - document.getElementById( 'site-navigation' ).querySelectorAll( '.menu-wrapper > .menu-item-has-children' ).forEach( function( li ) { - li.addEventListener( 'mouseenter', function() { - this.querySelector( '.sub-menu-toggle' ).setAttribute( 'aria-expanded', 'true' ); - twentytwentyoneSubmenuPosition( li ); - } ); - li.addEventListener( 'mouseleave', function() { - this.querySelector( '.sub-menu-toggle' ).setAttribute( 'aria-expanded', 'false' ); - } ); - } ); - }; - - window.addEventListener( 'load', function() { - new navMenu( 'primary' ); - } ); -}() ); +/** + * File primary-navigation.js. + * + * Required to open and close the mobile navigation. + */ + +/** + * Toggle an attribute's value + * + * @param {Element} el - The element. + * @param {boolean} withListeners - Whether we want to add/remove listeners or not. + * @since Twenty Twenty-One 1.0 + */ +function twentytwentyoneToggleAriaExpanded( el, withListeners ) { + if ( 'true' !== el.getAttribute( 'aria-expanded' ) ) { + el.setAttribute( 'aria-expanded', 'true' ); + twentytwentyoneSubmenuPosition( el.parentElement ); + if ( withListeners ) { + document.addEventListener( 'click', twentytwentyoneCollapseMenuOnClickOutside ); + } + } else { + el.setAttribute( 'aria-expanded', 'false' ); + if ( withListeners ) { + document.removeEventListener( 'click', twentytwentyoneCollapseMenuOnClickOutside ); + } + } +} + +function twentytwentyoneCollapseMenuOnClickOutside( event ) { + if ( ! document.getElementById( 'site-navigation' ).contains( event.target ) ) { + document.getElementById( 'site-navigation' ).querySelectorAll( '.sub-menu-toggle' ).forEach( function( button ) { + button.setAttribute( 'aria-expanded', 'false' ); + } ); + } +} + +/** + * Changes the position of submenus so they always fit the screen horizontally. + * + * @param {Element} li - The li element. + */ +function twentytwentyoneSubmenuPosition( li ) { + var subMenu = li.querySelector( 'ul.sub-menu' ), + rect, + right, + left, + windowWidth; + + if ( ! subMenu ) { + return; + } + + rect = subMenu.getBoundingClientRect(); + right = Math.round( rect.right ); + left = Math.round( rect.left ); + windowWidth = Math.round( window.innerWidth ); + + if ( right > windowWidth ) { + subMenu.classList.add( 'submenu-reposition-right' ); + } else if ( document.body.classList.contains( 'rtl' ) && left < 0 ) { + subMenu.classList.add( 'submenu-reposition-left' ); + } +} + +/** + * Handle clicks on submenu toggles. + * + * @param {Element} el - The element. + */ +function twentytwentyoneExpandSubMenu( el ) { // jshint ignore:line + // Close other expanded items. + el.closest( 'nav' ).querySelectorAll( '.sub-menu-toggle' ).forEach( function( button ) { + if ( button !== el ) { + button.setAttribute( 'aria-expanded', 'false' ); + } + } ); + + // Toggle aria-expanded on the button. + twentytwentyoneToggleAriaExpanded( el, true ); + + // On tab-away collapse the menu. + el.parentNode.querySelectorAll( 'ul > li:last-child > a' ).forEach( function( linkEl ) { + linkEl.addEventListener( 'blur', function( event ) { + if ( ! el.parentNode.contains( event.relatedTarget ) ) { + el.setAttribute( 'aria-expanded', 'false' ); + } + } ); + } ); +} + +( function() { + /** + * Menu Toggle Behaviors + * + * @param {string} id - The ID. + */ + var navMenu = function( id ) { + var wrapper = document.body, // this is the element to which a CSS class is added when a mobile nav menu is open + mobileButton = document.getElementById( id + '-mobile-menu' ); + + if ( mobileButton ) { + mobileButton.onclick = function() { + wrapper.classList.toggle( id + '-navigation-open' ); + wrapper.classList.toggle( 'lock-scrolling' ); + twentytwentyoneToggleAriaExpanded( mobileButton ); + mobileButton.focus(); + }; + } + /** + * Trap keyboard navigation in the menu modal. + * Adapted from TwentyTwenty + */ + document.addEventListener( 'keydown', function( event ) { + var modal, elements, selectors, lastEl, firstEl, activeEl, tabKey, shiftKey, escKey; + if ( ! wrapper.classList.contains( id + '-navigation-open' ) ) { + return; + } + + modal = document.querySelector( '.' + id + '-navigation' ); + selectors = 'input, a, button'; + elements = modal.querySelectorAll( selectors ); + elements = Array.prototype.slice.call( elements ); + tabKey = event.keyCode === 9; + shiftKey = event.shiftKey; + escKey = event.keyCode === 27; + activeEl = document.activeElement; // eslint-disable-line @wordpress/no-global-active-element + lastEl = elements[ elements.length - 1 ]; + firstEl = elements[0]; + + if ( escKey ) { + event.preventDefault(); + wrapper.classList.remove( id + '-navigation-open', 'lock-scrolling' ); + twentytwentyoneToggleAriaExpanded( mobileButton ); + mobileButton.focus(); + } + + if ( ! shiftKey && tabKey && lastEl === activeEl ) { + event.preventDefault(); + firstEl.focus(); + } + + if ( shiftKey && tabKey && firstEl === activeEl ) { + event.preventDefault(); + lastEl.focus(); + } + + // If there are no elements in the menu, don't move the focus + if ( tabKey && firstEl === lastEl ) { + event.preventDefault(); + } + } ); + + /** + * Close menu and scroll to anchor when an anchor link is clicked. + * Adapted from TwentyTwenty. + */ + document.addEventListener( 'click', function( event ) { + // If target onclick is with # within the href attribute + if ( event.target.hash && event.target.hash.includes( '#' ) ) { + wrapper.classList.remove( id + '-navigation-open', 'lock-scrolling' ); + twentytwentyoneToggleAriaExpanded( mobileButton ); + // Wait 550 and scroll to the anchor. + setTimeout(function () { + var anchor = document.getElementById(event.target.hash.slice(1)); + anchor.scrollIntoView(); + }, 550); + } + } ); + + document.getElementById( 'site-navigation' ).querySelectorAll( '.menu-wrapper > .menu-item-has-children' ).forEach( function( li ) { + li.addEventListener( 'mouseenter', function() { + this.querySelector( '.sub-menu-toggle' ).setAttribute( 'aria-expanded', 'true' ); + twentytwentyoneSubmenuPosition( li ); + } ); + li.addEventListener( 'mouseleave', function() { + this.querySelector( '.sub-menu-toggle' ).setAttribute( 'aria-expanded', 'false' ); + } ); + } ); + }; + + window.addEventListener( 'load', function() { + new navMenu( 'primary' ); + } ); +}() ); diff --git a/themes/twentytwentyone/assets/js/skip-link-focus-fix.js b/themes/twentytwentyone/assets/js/skip-link-focus-fix.js index f51f70d4..ed4676e6 100644 --- a/themes/twentytwentyone/assets/js/skip-link-focus-fix.js +++ b/themes/twentytwentyone/assets/js/skip-link-focus-fix.js @@ -1,33 +1,33 @@ -/** - * File skip-link-focus-fix.js. - * - * Helps with accessibility for keyboard only users. - * - * This is the source file for what is minified in the twenty_twenty_one_skip_link_focus_fix() PHP function. - * - * Learn more: https://git.io/vWdr2 - */ -( function() { - var isIe = /(trident|msie)/i.test( navigator.userAgent ); - - if ( isIe && document.getElementById && window.addEventListener ) { - window.addEventListener( 'hashchange', function() { - var id = location.hash.substring( 1 ), - element; - - if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) { - return; - } - - element = document.getElementById( id ); - - if ( element ) { - if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) { - element.tabIndex = -1; - } - - element.focus(); - } - }, false ); - } -}() ); +/** + * File skip-link-focus-fix.js. + * + * Helps with accessibility for keyboard only users. + * + * This is the source file for what is minified in the twenty_twenty_one_skip_link_focus_fix() PHP function. + * + * Learn more: https://git.io/vWdr2 + */ +( function() { + var isIe = /(trident|msie)/i.test( navigator.userAgent ); + + if ( isIe && document.getElementById && window.addEventListener ) { + window.addEventListener( 'hashchange', function() { + var id = location.hash.substring( 1 ), + element; + + if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) { + return; + } + + element = document.getElementById( id ); + + if ( element ) { + if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) { + element.tabIndex = -1; + } + + element.focus(); + } + }, false ); + } +}() ); diff --git a/themes/twentytwentyone/assets/sass/01-settings/file-header.scss b/themes/twentytwentyone/assets/sass/01-settings/file-header.scss index a9d35942..9de47ffb 100644 --- a/themes/twentytwentyone/assets/sass/01-settings/file-header.scss +++ b/themes/twentytwentyone/assets/sass/01-settings/file-header.scss @@ -1,18 +1,18 @@ -/* -Theme Name: Twenty Twenty-One -Theme URI: https://wordpress.org/themes/twentytwentyone/ -Author: the WordPress team -Author URI: https://wordpress.org/ -Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. -Requires at least: 5.3 -Tested up to: 5.6 -Requires PHP: 5.6 -Version: 1.1 -License: GNU General Public License v2 or later -License URI: http://www.gnu.org/licenses/gpl-2.0.html -Text Domain: twentytwentyone -Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready - -Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org -Twenty Twenty-One is distributed under the terms of the GNU GPL. -*/ +/* +Theme Name: Twenty Twenty-One +Theme URI: https://wordpress.org/themes/twentytwentyone/ +Author: the WordPress team +Author URI: https://wordpress.org/ +Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. +Requires at least: 5.3 +Tested up to: 5.6 +Requires PHP: 5.6 +Version: 1.2 +License: GNU General Public License v2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html +Text Domain: twentytwentyone +Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready + +Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org +Twenty Twenty-One is distributed under the terms of the GNU GPL. +*/ diff --git a/themes/twentytwentyone/assets/sass/01-settings/fonts.scss b/themes/twentytwentyone/assets/sass/01-settings/fonts.scss index 20be2b72..6eba5e21 100644 --- a/themes/twentytwentyone/assets/sass/01-settings/fonts.scss +++ b/themes/twentytwentyone/assets/sass/01-settings/fonts.scss @@ -1 +1 @@ -// Do we need to serve a font? Add the @font-face styles here. +// Do we need to serve a font? Add the @font-face styles here. diff --git a/themes/twentytwentyone/assets/sass/01-settings/global.scss b/themes/twentytwentyone/assets/sass/01-settings/global.scss index a60c128c..91d84525 100644 --- a/themes/twentytwentyone/assets/sass/01-settings/global.scss +++ b/themes/twentytwentyone/assets/sass/01-settings/global.scss @@ -1,249 +1,249 @@ -/* Variables */ - -// Vertical Rhythm Multiplier -$baseline-unit: 10px; - -:root { - - /* Font Family */ - --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); - --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); - - /* Font Size */ - --global--font-size-base: 1.25rem; // 20px / 16px - --global--font-size-xs: 1rem; // 16px / 16px - --global--font-size-sm: 1.125rem; // 18px / 16px - --global--font-size-md: 1.25rem; // 20px / 16px - --global--font-size-lg: 1.5rem; // 24px / 16px - --global--font-size-xl: 2.25rem; // 36px / 16px - --global--font-size-xxl: 4rem; // 64px / 16px - --global--font-size-xxxl: 5rem; // 80px / 16px - --global--font-size-page-title: var(--global--font-size-xxl); - --global--letter-spacing: normal; - - /* Line Height */ - --global--line-height-body: 1.7; - --global--line-height-heading: 1.3; - --global--line-height-page-title: 1.1; - - /* Headings */ - --heading--font-family: var(--global--font-primary); - - --heading--font-size-h6: var(--global--font-size-xs); - --heading--font-size-h5: var(--global--font-size-sm); - --heading--font-size-h4: var(--global--font-size-lg); - --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg)); - --heading--font-size-h2: var(--global--font-size-xl); - --heading--font-size-h1: var(--global--font-size-page-title); - - --heading--letter-spacing-h6: 0.05em; - --heading--letter-spacing-h5: 0.05em; - --heading--letter-spacing-h4: var(--global--letter-spacing); - --heading--letter-spacing-h3: var(--global--letter-spacing); - --heading--letter-spacing-h2: var(--global--letter-spacing); - --heading--letter-spacing-h1: var(--global--letter-spacing); - - --heading--line-height-h6: var(--global--line-height-heading); - --heading--line-height-h5: var(--global--line-height-heading); - --heading--line-height-h4: var(--global--line-height-heading); - --heading--line-height-h3: var(--global--line-height-heading); - --heading--line-height-h2: var(--global--line-height-heading); - --heading--line-height-h1: var(--global--line-height-page-title); - - --heading--font-weight: normal; - --heading--font-weight-page-title: 300; - --heading--font-weight-strong: 600; - - /* Block: Latest posts */ - --latest-posts--title-font-family: var(--heading--font-family); - --latest-posts--title-font-size: var(--heading--font-size-h3); - --latest-posts--description-font-family: var(--global--font-secondary); - --latest-posts--description-font-size: var(--global--font-size-sm); - - --list--font-family: var(--global--font-secondary); - --definition-term--font-family: var(--global--font-primary); - - /* Colors */ - --global--color-black: #000; - --global--color-dark-gray: #28303d; - --global--color-gray: #39414d; - --global--color-light-gray: #f0f0f0; - --global--color-green: #d1e4dd; - --global--color-blue: #d1dfe4; - --global--color-purple: #d1d1e4; - --global--color-red: #e4d1d1; - --global--color-orange: #e4dad1; - --global--color-yellow: #eeeadd; - --global--color-white: #fff; - --global--color-white-50: rgba(255, 255, 255, 0.5); // Used for disabled buttons - --global--color-white-90: rgba(255, 255, 255, 0.9); // Used in form fields. - - --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */ - --global--color-secondary: var(--global--color-gray); /* Headings */ - --global--color-primary-hover: var(--global--color-primary); - --global--color-background: var(--global--color-green); /* Mint, default body background */ - --global--color-border: var(--global--color-primary); /* Used for borders (separators) */ - - /* Spacing */ - --global--spacing-unit: #{2 * $baseline-unit}; // 20px - --global--spacing-measure: unset; // Use ch units here. ie: 60ch = 60 character max-width - --global--spacing-horizontal: #{2.5 * $baseline-unit}; // 25px - --global--spacing-vertical: #{3 * $baseline-unit}; // 30px. - - /* Elevation */ - --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); - - /* Forms */ - --form--font-family: var(--global--font-secondary); - --form--font-size: var(--global--font-size-sm); - --form--line-height: var(--global--line-height-body); - --form--color-text: var(--global--color-dark-gray); // Text color in input fields is always dark over light background. - --form--color-ranged: var(--global--color-secondary); - --form--label-weight: 500; - --form--border-color: var(--global--color-secondary); - --form--border-width: 3px; - --form--border-radius: 0; - --form--spacing-unit: calc(0.5 * var(--global--spacing-unit)); - - /* Cover block */ - --cover--height: calc(15 * var(--global--spacing-vertical)); - --cover--color-foreground: var(--global--color-white); - --cover--color-background: var(--global--color-black); - - /* Buttons */ - // Colors - --button--color-text: var(--global--color-background); - --button--color-text-hover: var(--global--color-secondary); - --button--color-text-active: var(--global--color-secondary); - --button--color-background: var(--global--color-secondary); - --button--color-background-active: var(--global--color-background); - // Fonts - --button--font-family: var(--global--font-primary); - --button--font-size: var(--global--font-size-base); - --button--font-weight: 500; - --button--line-height: 1.5; - // Borders - --button--border-width: 3px; - --button--border-radius: 0; - // Spacing - --button--padding-vertical: 15px; - --button--padding-horizontal: calc(2 * var(--button--padding-vertical)); - - /* entry */ - --entry-header--color: var(--global--color-primary); - --entry-header--color-link: currentColor; - --entry-header--color-hover: var(--global--color-primary-hover); - --entry-header--color-focus: var(--global--color-secondary); - --entry-header--font-size: var(--heading--font-size-h2); - --entry-content--font-family: var(--global--font-secondary); - --entry-author-bio--font-family: var(--heading--font-family); - --entry-author-bio--font-size: var(--heading--font-size-h4); - - /* Header */ - --branding--color-text: var(--global--color-primary); - --branding--color-link: var(--global--color-primary); - --branding--color-link-hover: var(--global--color-secondary); - --branding--title--font-family: var(--global--font-primary); - --branding--title--font-size: var(--global--font-size-lg); - --branding--title--font-size-mobile: var(--heading--font-size-h4); - --branding--title--font-weight: normal; - --branding--title--text-transform: uppercase; - --branding--description--font-family: var(--global--font-secondary); - --branding--description--font-size: var(--global--font-size-sm); - --branding--description--font-family: var(--global--font-secondary); - - --branding--logo--max-width: 300px; - --branding--logo--max-height: 100px; - --branding--logo--max-width-mobile: 96px; - --branding--logo--max-height-mobile: 96px; - - /* Main navigation */ - --primary-nav--font-family: var(--global--font-secondary); - --primary-nav--font-family-mobile: var(--global--font-primary); - --primary-nav--font-size: var(--global--font-size-md); - --primary-nav--font-size-sub-menu: var(--global--font-size-xs); - --primary-nav--font-size-mobile: var(--global--font-size-sm); - --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm); - --primary-nav--font-size-button: var(--global--font-size-xs); - --primary-nav--font-style: normal; - --primary-nav--font-style-sub-menu-mobile: normal; - --primary-nav--font-weight: normal; - --primary-nav--font-weight-button: 500; - --primary-nav--color-link: var(--global--color-primary); - --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); - --pagination--font-family: var(--global--font-secondary); - --pagination--font-size: var(--global--font-size-lg); - --pagination--font-weight: normal; - --pagination--font-weight-strong: 600; - - /* Footer */ - --footer--color-text: var(--global--color-primary); - --footer--color-link: var(--global--color-primary); - --footer--color-link-hover: var(--global--color-primary-hover); - --footer--font-family: var(--global--font-primary); - --footer--font-size: var(--global--font-size-sm); - - /* Block: Pull quote */ - --pullquote--font-family: var(--global--font-primary); - --pullquote--font-size: var(--heading--font-size-h3); - --pullquote--font-style: normal; - --pullquote--letter-spacing: var(--heading--letter-spacing-h4); - --pullquote--line-height: var(--global--line-height-heading); - --pullquote--border-width: 3px; - --pullquote--border-color: var(--global--color-primary); - --pullquote--color-foreground: var(--global--color-primary); - --pullquote--color-background: var(--global--color-background); - - --quote--font-family: var(--global--font-secondary); - --quote--font-size: var(--global--font-size-md); - --quote--font-size-large: var(--global--font-size-xl); - --quote--font-style: normal; - --quote--font-weight: 700; - --quote--font-weight-strong: bolder; - --quote--font-style-large: normal; - --quote--font-style-cite: normal; - --quote--line-height: var(--global--line-height-body); - --quote--line-height-large: 1.35; - - --separator--border-color: var(--global--color-border); - --separator--height: 1px; - - /* Block: Table */ - --table--stripes-border-color: var(--global--color-light-gray); - --table--stripes-background-color: var(--global--color-light-gray); - --table--has-background-text-color: var(--global--color-dark-gray); - - /* Widgets */ - --widget--line-height-list: 1.9; - --widget--line-height-title: 1.4; - --widget--font-weight-title: 700; - --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); - - /* Admin-bar height */ - --global--admin-bar--height: 0; -} - -.admin-bar { - --global--admin-bar--height: 32px; - - @media only screen and (max-width: 782px) { - --global--admin-bar--height: 46px; - } -} - -@media only screen and (min-width: 652px) { // Not using the mixin because it's compiled after this file - :root { - --global--font-size-xl: 2.5rem; // 40px / 16px - --global--font-size-xxl: 6rem; // 96px / 16px - --global--font-size-xxxl: 9rem; // 144px / 16px - --heading--font-size-h3: 2rem; // 32px / 16px - --heading--font-size-h2: 3rem; // 48px / 16px - } -} +/* Variables */ + +// Vertical Rhythm Multiplier +$baseline-unit: 10px; + +:root { + + /* Font Family */ + --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); + --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); + + /* Font Size */ + --global--font-size-base: 1.25rem; // 20px / 16px + --global--font-size-xs: 1rem; // 16px / 16px + --global--font-size-sm: 1.125rem; // 18px / 16px + --global--font-size-md: 1.25rem; // 20px / 16px + --global--font-size-lg: 1.5rem; // 24px / 16px + --global--font-size-xl: 2.25rem; // 36px / 16px + --global--font-size-xxl: 4rem; // 64px / 16px + --global--font-size-xxxl: 5rem; // 80px / 16px + --global--font-size-page-title: var(--global--font-size-xxl); + --global--letter-spacing: normal; + + /* Line Height */ + --global--line-height-body: 1.7; + --global--line-height-heading: 1.3; + --global--line-height-page-title: 1.1; + + /* Headings */ + --heading--font-family: var(--global--font-primary); + + --heading--font-size-h6: var(--global--font-size-xs); + --heading--font-size-h5: var(--global--font-size-sm); + --heading--font-size-h4: var(--global--font-size-lg); + --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg)); + --heading--font-size-h2: var(--global--font-size-xl); + --heading--font-size-h1: var(--global--font-size-page-title); + + --heading--letter-spacing-h6: 0.05em; + --heading--letter-spacing-h5: 0.05em; + --heading--letter-spacing-h4: var(--global--letter-spacing); + --heading--letter-spacing-h3: var(--global--letter-spacing); + --heading--letter-spacing-h2: var(--global--letter-spacing); + --heading--letter-spacing-h1: var(--global--letter-spacing); + + --heading--line-height-h6: var(--global--line-height-heading); + --heading--line-height-h5: var(--global--line-height-heading); + --heading--line-height-h4: var(--global--line-height-heading); + --heading--line-height-h3: var(--global--line-height-heading); + --heading--line-height-h2: var(--global--line-height-heading); + --heading--line-height-h1: var(--global--line-height-page-title); + + --heading--font-weight: normal; + --heading--font-weight-page-title: 300; + --heading--font-weight-strong: 600; + + /* Block: Latest posts */ + --latest-posts--title-font-family: var(--heading--font-family); + --latest-posts--title-font-size: var(--heading--font-size-h3); + --latest-posts--description-font-family: var(--global--font-secondary); + --latest-posts--description-font-size: var(--global--font-size-sm); + + --list--font-family: var(--global--font-secondary); + --definition-term--font-family: var(--global--font-primary); + + /* Colors */ + --global--color-black: #000; + --global--color-dark-gray: #28303d; + --global--color-gray: #39414d; + --global--color-light-gray: #f0f0f0; + --global--color-green: #d1e4dd; + --global--color-blue: #d1dfe4; + --global--color-purple: #d1d1e4; + --global--color-red: #e4d1d1; + --global--color-orange: #e4dad1; + --global--color-yellow: #eeeadd; + --global--color-white: #fff; + --global--color-white-50: rgba(255, 255, 255, 0.5); // Used for disabled buttons + --global--color-white-90: rgba(255, 255, 255, 0.9); // Used in form fields. + + --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */ + --global--color-secondary: var(--global--color-gray); /* Headings */ + --global--color-primary-hover: var(--global--color-primary); + --global--color-background: var(--global--color-green); /* Mint, default body background */ + --global--color-border: var(--global--color-primary); /* Used for borders (separators) */ + + /* Spacing */ + --global--spacing-unit: #{2 * $baseline-unit}; // 20px + --global--spacing-measure: unset; // Use ch units here. ie: 60ch = 60 character max-width + --global--spacing-horizontal: #{2.5 * $baseline-unit}; // 25px + --global--spacing-vertical: #{3 * $baseline-unit}; // 30px. + + /* Elevation */ + --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); + + /* Forms */ + --form--font-family: var(--global--font-secondary); + --form--font-size: var(--global--font-size-sm); + --form--line-height: var(--global--line-height-body); + --form--color-text: var(--global--color-dark-gray); // Text color in input fields is always dark over light background. + --form--color-ranged: var(--global--color-secondary); + --form--label-weight: 500; + --form--border-color: var(--global--color-secondary); + --form--border-width: 3px; + --form--border-radius: 0; + --form--spacing-unit: calc(0.5 * var(--global--spacing-unit)); + + /* Cover block */ + --cover--height: calc(15 * var(--global--spacing-vertical)); + --cover--color-foreground: var(--global--color-white); + --cover--color-background: var(--global--color-black); + + /* Buttons */ + // Colors + --button--color-text: var(--global--color-background); + --button--color-text-hover: var(--global--color-secondary); + --button--color-text-active: var(--global--color-secondary); + --button--color-background: var(--global--color-secondary); + --button--color-background-active: var(--global--color-background); + // Fonts + --button--font-family: var(--global--font-primary); + --button--font-size: var(--global--font-size-base); + --button--font-weight: 500; + --button--line-height: 1.5; + // Borders + --button--border-width: 3px; + --button--border-radius: 0; + // Spacing + --button--padding-vertical: 15px; + --button--padding-horizontal: calc(2 * var(--button--padding-vertical)); + + /* entry */ + --entry-header--color: var(--global--color-primary); + --entry-header--color-link: currentColor; + --entry-header--color-hover: var(--global--color-primary-hover); + --entry-header--color-focus: var(--global--color-secondary); + --entry-header--font-size: var(--heading--font-size-h2); + --entry-content--font-family: var(--global--font-secondary); + --entry-author-bio--font-family: var(--heading--font-family); + --entry-author-bio--font-size: var(--heading--font-size-h4); + + /* Header */ + --branding--color-text: var(--global--color-primary); + --branding--color-link: var(--global--color-primary); + --branding--color-link-hover: var(--global--color-secondary); + --branding--title--font-family: var(--global--font-primary); + --branding--title--font-size: var(--global--font-size-lg); + --branding--title--font-size-mobile: var(--heading--font-size-h4); + --branding--title--font-weight: normal; + --branding--title--text-transform: uppercase; + --branding--description--font-family: var(--global--font-secondary); + --branding--description--font-size: var(--global--font-size-sm); + --branding--description--font-family: var(--global--font-secondary); + + --branding--logo--max-width: 300px; + --branding--logo--max-height: 100px; + --branding--logo--max-width-mobile: 96px; + --branding--logo--max-height-mobile: 96px; + + /* Main navigation */ + --primary-nav--font-family: var(--global--font-secondary); + --primary-nav--font-family-mobile: var(--global--font-primary); + --primary-nav--font-size: var(--global--font-size-md); + --primary-nav--font-size-sub-menu: var(--global--font-size-xs); + --primary-nav--font-size-mobile: var(--global--font-size-sm); + --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm); + --primary-nav--font-size-button: var(--global--font-size-xs); + --primary-nav--font-style: normal; + --primary-nav--font-style-sub-menu-mobile: normal; + --primary-nav--font-weight: normal; + --primary-nav--font-weight-button: 500; + --primary-nav--color-link: var(--global--color-primary); + --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); + --pagination--font-family: var(--global--font-secondary); + --pagination--font-size: var(--global--font-size-lg); + --pagination--font-weight: normal; + --pagination--font-weight-strong: 600; + + /* Footer */ + --footer--color-text: var(--global--color-primary); + --footer--color-link: var(--global--color-primary); + --footer--color-link-hover: var(--global--color-primary-hover); + --footer--font-family: var(--global--font-primary); + --footer--font-size: var(--global--font-size-sm); + + /* Block: Pull quote */ + --pullquote--font-family: var(--global--font-primary); + --pullquote--font-size: var(--heading--font-size-h3); + --pullquote--font-style: normal; + --pullquote--letter-spacing: var(--heading--letter-spacing-h4); + --pullquote--line-height: var(--global--line-height-heading); + --pullquote--border-width: 3px; + --pullquote--border-color: var(--global--color-primary); + --pullquote--color-foreground: var(--global--color-primary); + --pullquote--color-background: var(--global--color-background); + + --quote--font-family: var(--global--font-secondary); + --quote--font-size: var(--global--font-size-md); + --quote--font-size-large: var(--global--font-size-xl); + --quote--font-style: normal; + --quote--font-weight: 700; + --quote--font-weight-strong: bolder; + --quote--font-style-large: normal; + --quote--font-style-cite: normal; + --quote--line-height: var(--global--line-height-body); + --quote--line-height-large: 1.35; + + --separator--border-color: var(--global--color-border); + --separator--height: 1px; + + /* Block: Table */ + --table--stripes-border-color: var(--global--color-light-gray); + --table--stripes-background-color: var(--global--color-light-gray); + --table--has-background-text-color: var(--global--color-dark-gray); + + /* Widgets */ + --widget--line-height-list: 1.9; + --widget--line-height-title: 1.4; + --widget--font-weight-title: 700; + --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); + + /* Admin-bar height */ + --global--admin-bar--height: 0px; +} + +.admin-bar { + --global--admin-bar--height: 32px; + + @media only screen and (max-width: 782px) { + --global--admin-bar--height: 46px; + } +} + +@media only screen and (min-width: 652px) { // Not using the mixin because it's compiled after this file + :root { + --global--font-size-xl: 2.5rem; // 40px / 16px + --global--font-size-xxl: 6rem; // 96px / 16px + --global--font-size-xxxl: 9rem; // 144px / 16px + --heading--font-size-h3: 2rem; // 32px / 16px + --heading--font-size-h2: 3rem; // 48px / 16px + } +} diff --git a/themes/twentytwentyone/assets/sass/02-tools/functions.scss b/themes/twentytwentyone/assets/sass/02-tools/functions.scss index 97531ba8..831bbdc4 100644 --- a/themes/twentytwentyone/assets/sass/02-tools/functions.scss +++ b/themes/twentytwentyone/assets/sass/02-tools/functions.scss @@ -1,178 +1,178 @@ -// Remove the unit of a length -// @param {Number} $number - Number to remove unit from -// @return {Number} - Unitless number -@function strip-unit($number) { - @if type-of($number) == "number" and not unitless($number) { - @return $number / ($number * 0 + 1); - } - - @return $number; -} - -// ---- -// Sass (v3.3.14) -// Compass (v1.0.0.rc.1) -// ---- - -@function pow($x, $y) { - $ret: 1; - - @if $y > 0 { - @for $i from 1 through $y { - $ret: $ret * $x; - } - } @else { - @for $i from $y to 0 { - $ret: $ret / $x; - } - } - - @return $ret; -} - -// Map deep get -// @author Hugo Giraudel -// @access public -// @param {Map} $map - Map -// @param {Arglist} $keys - Key chain -// @return {*} - Desired value -// -// Example: -// $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M"); -@function map-deep-get($map, $keys...) { - @each $key in $keys { - $map: map-get($map, $key); - } - @return $map; -} - -// Deep set function to set a value in nested maps -// @author Hugo Giraudel -// @access public -// @param {Map} $map - Map -// @param {List} $keys - Key chaine -// @param {*} $value - Value to assign -// @return {Map} -// -// Example: -// $__prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px); -@function map-deep-set($map, $keys, $value) { - $maps: ($map); - $result: null; - - // If the last key is a map already - // Warn the user we will be overriding it with $value - @if type-of(nth($keys, -1)) == "map" { - @warn "The last key you specified is a map; it will be overridden with `#{$value}`."; - } - - // If $keys is a single key - // Just merge and return - @if length($keys) == 1 { - @return map-merge($map, ($keys: $value)); - } - - // Loop from the first to the second to last key from $keys - // Store the associated map to this key in the $maps list - // If the key doesn't exist, throw an error - @for $i from 1 through length($keys) - 1 { - $current-key: nth($keys, $i); - $current-map: nth($maps, -1); - $current-get: map-get($current-map, $current-key); - @if $current-get == null { - @error "Key `#{$key}` doesn't exist at current level in map."; - } - $maps: append($maps, $current-get); - } - - // Loop from the last map to the first one - // Merge it with the previous one - @for $i from length($maps) through 1 { - $current-map: nth($maps, $i); - $current-key: nth($keys, $i); - $current-val: if($i == length($maps), $value, $result); - $result: map-merge($current-map, ($current-key: $current-val)); - } - - // Return result - @return $result; -} - -// jQuery-style extend function -// - Child themes can use this function to `reset` the values in -// config maps without editing the `master` Sass files. -// - src: https://www.sitepoint.com/extra-map-functions-sass/ -// - About `map-merge()`: -// - - only takes 2 arguments -// - - is not recursive -// @param {Map} $map - first map -// @param {ArgList} $maps - other maps -// @param {Bool} $deep - recursive mode -// @return {Map} - -// Examples: - -// $grid-configuration-default: ( -// 'columns': 12, -// 'layouts': ( -// 'small': 800px, -// 'medium': 1000px, -// 'large': 1200px, -// ), -// ); - -// $grid-configuration-custom: ( -// 'layouts': ( -// 'large': 1300px, -// 'huge': 1500px -// ), -// ); - -// $grid-configuration-user: ( -// 'direction': 'ltr', -// 'columns': 16, -// 'layouts': ( -// 'large': 1300px, -// 'huge': 1500px -// ), -// ); - -// $deep: false -// $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user); -// --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr") - -// $deep: true -// $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true); -// --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr") - -@function map-extend($map, $maps.../*, $deep */) { - $last: nth($maps, -1); - $deep: $last == true; - $max: if($deep, length($maps) - 1, length($maps)); - - // Loop through all maps in $maps... - @for $i from 1 through $max { - // Store current map - $current: nth($maps, $i); - - // If not in deep mode, simply merge current map with map - @if not $deep { - $map: map-merge($map, $current); - } @else { - // If in deep mode, loop through all tuples in current map - @each $key, $value in $current { - - // If value is a nested map and same key from map is a nested map as well - @if type-of($value) == "map" and type-of(map-get($map, $key)) == "map" { - // Recursive extend - $value: map-extend(map-get($map, $key), $value, true); - } - - // Merge current tuple with map - $map: map-merge($map, ($key: $value)); - } - } - } - - @return $map; -} +// Remove the unit of a length +// @param {Number} $number - Number to remove unit from +// @return {Number} - Unitless number +@function strip-unit($number) { + @if type-of($number) == "number" and not unitless($number) { + @return $number / ($number * 0 + 1); + } + + @return $number; +} + +// ---- +// Sass (v3.3.14) +// Compass (v1.0.0.rc.1) +// ---- + +@function pow($x, $y) { + $ret: 1; + + @if $y > 0 { + @for $i from 1 through $y { + $ret: $ret * $x; + } + } @else { + @for $i from $y to 0 { + $ret: $ret / $x; + } + } + + @return $ret; +} + +// Map deep get +// @author Hugo Giraudel +// @access public +// @param {Map} $map - Map +// @param {Arglist} $keys - Key chain +// @return {*} - Desired value +// +// Example: +// $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M"); +@function map-deep-get($map, $keys...) { + @each $key in $keys { + $map: map-get($map, $key); + } + @return $map; +} + +// Deep set function to set a value in nested maps +// @author Hugo Giraudel +// @access public +// @param {Map} $map - Map +// @param {List} $keys - Key chaine +// @param {*} $value - Value to assign +// @return {Map} +// +// Example: +// $__prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px); +@function map-deep-set($map, $keys, $value) { + $maps: ($map); + $result: null; + + // If the last key is a map already + // Warn the user we will be overriding it with $value + @if type-of(nth($keys, -1)) == "map" { + @warn "The last key you specified is a map; it will be overridden with `#{$value}`."; + } + + // If $keys is a single key + // Just merge and return + @if length($keys) == 1 { + @return map-merge($map, ($keys: $value)); + } + + // Loop from the first to the second to last key from $keys + // Store the associated map to this key in the $maps list + // If the key doesn't exist, throw an error + @for $i from 1 through length($keys) - 1 { + $current-key: nth($keys, $i); + $current-map: nth($maps, -1); + $current-get: map-get($current-map, $current-key); + @if $current-get == null { + @error "Key `#{$key}` doesn't exist at current level in map."; + } + $maps: append($maps, $current-get); + } + + // Loop from the last map to the first one + // Merge it with the previous one + @for $i from length($maps) through 1 { + $current-map: nth($maps, $i); + $current-key: nth($keys, $i); + $current-val: if($i == length($maps), $value, $result); + $result: map-merge($current-map, ($current-key: $current-val)); + } + + // Return result + @return $result; +} + +// jQuery-style extend function +// - Child themes can use this function to `reset` the values in +// config maps without editing the `master` Sass files. +// - src: https://www.sitepoint.com/extra-map-functions-sass/ +// - About `map-merge()`: +// - - only takes 2 arguments +// - - is not recursive +// @param {Map} $map - first map +// @param {ArgList} $maps - other maps +// @param {Bool} $deep - recursive mode +// @return {Map} + +// Examples: + +// $grid-configuration-default: ( +// 'columns': 12, +// 'layouts': ( +// 'small': 800px, +// 'medium': 1000px, +// 'large': 1200px, +// ), +// ); + +// $grid-configuration-custom: ( +// 'layouts': ( +// 'large': 1300px, +// 'huge': 1500px +// ), +// ); + +// $grid-configuration-user: ( +// 'direction': 'ltr', +// 'columns': 16, +// 'layouts': ( +// 'large': 1300px, +// 'huge': 1500px +// ), +// ); + +// $deep: false +// $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user); +// --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr") + +// $deep: true +// $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true); +// --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr") + +@function map-extend($map, $maps.../*, $deep */) { + $last: nth($maps, -1); + $deep: $last == true; + $max: if($deep, length($maps) - 1, length($maps)); + + // Loop through all maps in $maps... + @for $i from 1 through $max { + // Store current map + $current: nth($maps, $i); + + // If not in deep mode, simply merge current map with map + @if not $deep { + $map: map-merge($map, $current); + } @else { + // If in deep mode, loop through all tuples in current map + @each $key, $value in $current { + + // If value is a nested map and same key from map is a nested map as well + @if type-of($value) == "map" and type-of(map-get($map, $key)) == "map" { + // Recursive extend + $value: map-extend(map-get($map, $key), $value, true); + } + + // Merge current tuple with map + $map: map-merge($map, ($key: $value)); + } + } + } + + @return $map; +} diff --git a/themes/twentytwentyone/assets/sass/02-tools/mixins.scss b/themes/twentytwentyone/assets/sass/02-tools/mixins.scss index a6b6dc01..144a3878 100644 --- a/themes/twentytwentyone/assets/sass/02-tools/mixins.scss +++ b/themes/twentytwentyone/assets/sass/02-tools/mixins.scss @@ -1,73 +1,100 @@ -// Responsive breakpoints mixin -@mixin add_variables( $view: frontend ) { - - @if frontend == $view { - - :root { - @content; - } - } - - @if editor == $view { - - :root, - body { - @content; - } - } -} - -// Button style -// - Applies button styles to blocks and elements that share them. -@mixin button-style() { - 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); - - &:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; - - .is-dark-theme & { - color: var(--button--color-background); - } - - &:not(.has-background) { - color: var(--button--color-text-hover); - } - } - - &:disabled { - background-color: var(--global--color-white-50); - border-color: var(--global--color-white-50); - color: var(--button--color-text-active); - } -} - -@mixin innerblock-margin-clear($container) { - - // Clear the top margin for the first-child. - > #{$container} > *:first-child { - margin-top: 0; - } - - // Last child that is not the appender. - > #{$container} > *:last-child:not(.block-list-appender) { - margin-bottom: 0; - } - - // When selected, the last item becomes the second last because of the appender. - &.has-child-selected > #{$container} > *:nth-last-child(2), - &.is-selected > #{$container} > *:nth-last-child(2) { - margin-bottom: 0; - } -} +// Responsive breakpoints mixin +@mixin add_variables( $view: frontend ) { + + @if frontend == $view { + + :root { + @content; + } + } + + @if editor == $view { + + :root, + body { + @content; + } + } +} + +// Button style +// - Applies button styles to blocks and elements that share them. +@mixin button-style() { + border: var(--button--border-width) solid transparent; + border-radius: var(--button--border-radius); + cursor: pointer; + font-weight: var(--button--font-weight); + font-family: var(--button--font-family); + font-size: var(--button--font-size); + line-height: var(--button--line-height); + padding: var(--button--padding-vertical) var(--button--padding-horizontal); + text-decoration: none; + + // Standard Button Color Relationship Logic + &:not(:hover):not(:active) { + + // Text colors + &:not(.has-text-color) { + color: var(--global--color-background); + + // Nested + .has-background & { + color: var(--local--color-background, var(--global--color-primary)); + + &.has-background { + color: var(--global--color-primary); + } + } + } + + // Background-colors + &:not(.has-background) { + background-color: var(--global--color-primary); + + // Nested + .has-background & { + background-color: var(--local--color-primary, var(--global--color-primary)); + } + } + } + + // Hover Button color should match parent element foreground color + &:hover, + &:active { + background-color: transparent; + border-color: currentColor; + color: inherit; + } + + // Focus Button outline color should always match the current text color + &:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; + } + + // Disabled Button colors + &:disabled { + background-color: var(--global--color-white-50); + border-color: var(--global--color-white-50); + color: var(--button--color-text-active); + } +} + +@mixin innerblock-margin-clear($container) { + + // Clear the top margin for the first-child. + > #{$container} > *:first-child { + margin-top: 0; + } + + // Last child that is not the appender. + > #{$container} > *:last-child:not(.block-list-appender) { + margin-bottom: 0; + } + + // When selected, the last item becomes the second last because of the appender. + &.has-child-selected > #{$container} > *:nth-last-child(2), + &.is-selected > #{$container} > *:nth-last-child(2) { + margin-bottom: 0; + } +} diff --git a/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss b/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss index 776200a1..254c8136 100644 --- a/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss +++ b/themes/twentytwentyone/assets/sass/03-generic/breakpoints.scss @@ -1,217 +1,217 @@ -/** - * Responsive Styles - */ - -/** - * Required Variables - */ - -$default_width: 610px; -$max_content_width: 1240px; -$breakpoint_sm: 482px; -$breakpoint_md: 592px; -$breakpoint_lg: 652px; -$breakpoint_xl: 822px; -$breakpoint_xxl: 1024px; - -// Responsive breakpoints mixin -@mixin media( $res ) { - - @if mobile-only == $res { - @media only screen and (max-width: #{$breakpoint_sm - 1}) { - @content; - } - } - - @if mobile == $res { - @media only screen and (min-width: #{$breakpoint_sm}) { - @content; - } - } - - @if tablet-only == $res { - @media only screen and (max-width: #{$breakpoint_md - 1}) { - @content; - } - } - - @if tablet == $res { - @media only screen and (min-width: #{$breakpoint_md}) { - @content; - } - } - - @if laptop-only == $res { - @media only screen and (max-width: #{$breakpoint_lg - 1}) { - @content; - } - } - - @if laptop == $res { - @media only screen and (min-width: #{$breakpoint_lg}) { - @content; - } - } - - @if desktop-only == $res { - @media only screen and (max-width: #{$breakpoint_xl - 1}) { - @content; - } - } - - @if desktop == $res { - @media only screen and (min-width: #{$breakpoint_xl}) { - @content; - } - } - - @if wide-only == $res { - @media only screen and (max-width: #{$breakpoint_xxl - 1}) { - @content; - } - } - - @if wide == $res { - @media only screen and (min-width: #{$breakpoint_xxl}) { - @content; - } - } -} - -/** - * Root Media Query Variables - */ -:root { - --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6); - --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal)); - --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal)); - --responsive--alignfull-width: 100%; - --responsive--alignright-margin: var(--global--spacing-horizontal); - --responsive--alignleft-margin: var(--global--spacing-horizontal); -} - -@include media(mobile) { - - :root { - --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), #{$default_width}); - --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal)); - --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); - --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); - } -} - -@include media(desktop) { - - :root { - --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$default_width}); - --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$max_content_width}); - } -} - -/** - * Extends - */ -%responsive-aligndefault-width { - max-width: var(--responsive--aligndefault-width); - margin-left: auto; - margin-right: auto; -} - -%responsive-alignwide-width { - max-width: var(--responsive--alignwide-width); - margin-left: auto; - margin-right: auto; -} - -%responsive-alignfull-width-mobile { - max-width: var(--responsive--alignfull-width); - width: var(--responsive--alignfull-width); - margin-left: auto; - margin-right: auto; -} - -@include media(mobile) { - %responsive-alignfull-width { - max-width: var(--responsive--alignfull-width); - width: auto; - margin-left: auto; - margin-right: auto; - } -} - -%responsive-alignwide-width-nested { - margin-left: auto; - margin-right: auto; - width: var(--responsive--alignwide-width); - max-width: var(--responsive--alignfull-width); -} - -%responsive-alignfull-width-nested { - margin-left: auto; - margin-right: auto; - width: calc(var(--responsive--alignfull-width) - calc(2 * var(--responsive--spacing-horizontal))); - max-width: var(--responsive--alignfull-width); -} - -@include media(desktop) { - %responsive-alignfull-width-nested { - margin-left: auto; - margin-right: auto; - width: calc(var(--responsive--alignfull-width) - calc(4 * var(--responsive--spacing-horizontal))); - max-width: var(--responsive--alignfull-width); - } -} - - -%responsive-alignleft-mobile { - - /*rtl:ignore*/ - margin-left: 0; - - /*rtl:ignore*/ - margin-right: var(--responsive--spacing-horizontal); -} - -@include media(mobile) { - %responsive-alignleft { - - /*rtl:ignore*/ - margin-left: var(--responsive--alignleft-margin); - - /*rtl:ignore*/ - margin-right: var(--global--spacing-horizontal); - } -} - -%responsive-alignright-mobile { - - /*rtl:ignore*/ - margin-left: var(--responsive--spacing-horizontal); - - /*rtl:ignore*/ - margin-right: 0; -} - -@include media(mobile) { - %responsive-alignright { - - /*rtl:ignore*/ - margin-left: var(--global--spacing-horizontal); - - /*rtl:ignore*/ - margin-right: var(--responsive--alignright-margin); - } -} - -// Output -.default-max-width { - @extend %responsive-aligndefault-width; -} - -.wide-max-width { - @extend %responsive-alignwide-width; -} - -.full-max-width { - @extend %responsive-alignfull-width; -} +/** + * Responsive Styles + */ + +/** + * Required Variables + */ + +$default_width: 610px; +$max_content_width: 1240px; +$breakpoint_sm: 482px; +$breakpoint_md: 592px; +$breakpoint_lg: 652px; +$breakpoint_xl: 822px; +$breakpoint_xxl: 1024px; + +// Responsive breakpoints mixin +@mixin media( $res ) { + + @if mobile-only == $res { + @media only screen and (max-width: #{$breakpoint_sm - 1}) { + @content; + } + } + + @if mobile == $res { + @media only screen and (min-width: #{$breakpoint_sm}) { + @content; + } + } + + @if tablet-only == $res { + @media only screen and (max-width: #{$breakpoint_md - 1}) { + @content; + } + } + + @if tablet == $res { + @media only screen and (min-width: #{$breakpoint_md}) { + @content; + } + } + + @if laptop-only == $res { + @media only screen and (max-width: #{$breakpoint_lg - 1}) { + @content; + } + } + + @if laptop == $res { + @media only screen and (min-width: #{$breakpoint_lg}) { + @content; + } + } + + @if desktop-only == $res { + @media only screen and (max-width: #{$breakpoint_xl - 1}) { + @content; + } + } + + @if desktop == $res { + @media only screen and (min-width: #{$breakpoint_xl}) { + @content; + } + } + + @if wide-only == $res { + @media only screen and (max-width: #{$breakpoint_xxl - 1}) { + @content; + } + } + + @if wide == $res { + @media only screen and (min-width: #{$breakpoint_xxl}) { + @content; + } + } +} + +/** + * Root Media Query Variables + */ +:root { + --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6); + --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal)); + --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal)); + --responsive--alignfull-width: 100%; + --responsive--alignright-margin: var(--global--spacing-horizontal); + --responsive--alignleft-margin: var(--global--spacing-horizontal); +} + +@include media(mobile) { + + :root { + --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), #{$default_width}); + --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal)); + --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); + --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); + } +} + +@include media(desktop) { + + :root { + --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$default_width}); + --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$max_content_width}); + } +} + +/** + * Extends + */ +%responsive-aligndefault-width { + max-width: var(--responsive--aligndefault-width); + margin-left: auto; + margin-right: auto; +} + +%responsive-alignwide-width { + max-width: var(--responsive--alignwide-width); + margin-left: auto; + margin-right: auto; +} + +%responsive-alignfull-width-mobile { + max-width: var(--responsive--alignfull-width); + width: var(--responsive--alignfull-width); + margin-left: auto; + margin-right: auto; +} + +@include media(mobile) { + %responsive-alignfull-width { + max-width: var(--responsive--alignfull-width); + width: auto; + margin-left: auto; + margin-right: auto; + } +} + +%responsive-alignwide-width-nested { + margin-left: auto; + margin-right: auto; + width: var(--responsive--alignwide-width); + max-width: var(--responsive--alignfull-width); +} + +%responsive-alignfull-width-nested { + margin-left: auto; + margin-right: auto; + width: calc(var(--responsive--alignfull-width) - calc(2 * var(--responsive--spacing-horizontal))); + max-width: var(--responsive--alignfull-width); +} + +@include media(desktop) { + %responsive-alignfull-width-nested { + margin-left: auto; + margin-right: auto; + width: calc(var(--responsive--alignfull-width) - calc(4 * var(--responsive--spacing-horizontal))); + max-width: var(--responsive--alignfull-width); + } +} + + +%responsive-alignleft-mobile { + + /*rtl:ignore*/ + margin-left: 0; + + /*rtl:ignore*/ + margin-right: var(--responsive--spacing-horizontal); +} + +@include media(mobile) { + %responsive-alignleft { + + /*rtl:ignore*/ + margin-left: var(--responsive--alignleft-margin); + + /*rtl:ignore*/ + margin-right: var(--global--spacing-horizontal); + } +} + +%responsive-alignright-mobile { + + /*rtl:ignore*/ + margin-left: var(--responsive--spacing-horizontal); + + /*rtl:ignore*/ + margin-right: 0; +} + +@include media(mobile) { + %responsive-alignright { + + /*rtl:ignore*/ + margin-left: var(--global--spacing-horizontal); + + /*rtl:ignore*/ + margin-right: var(--responsive--alignright-margin); + } +} + +// Output +.default-max-width { + @extend %responsive-aligndefault-width; +} + +.wide-max-width { + @extend %responsive-alignwide-width; +} + +.full-max-width { + @extend %responsive-alignfull-width; +} diff --git a/themes/twentytwentyone/assets/sass/03-generic/clearings.scss b/themes/twentytwentyone/assets/sass/03-generic/clearings.scss index b3208aca..14a78877 100644 --- a/themes/twentytwentyone/assets/sass/03-generic/clearings.scss +++ b/themes/twentytwentyone/assets/sass/03-generic/clearings.scss @@ -1,25 +1,25 @@ -.clear:before, -.clear:after, -.entry-content:before, -.entry-content:after, -.comment-content:before, -.comment-content:after, -.site-header:before, -.site-header:after, -.site-content:before, -.site-content:after, -.site-footer:before, -.site-footer:after { - content: ""; - display: table; - table-layout: fixed; -} - -.clear:after, -.entry-content:after, -.comment-content:after, -.site-header:after, -.site-content:after, -.site-footer:after { - clear: both; -} +.clear:before, +.clear:after, +.entry-content:before, +.entry-content:after, +.comment-content:before, +.comment-content:after, +.site-header:before, +.site-header:after, +.site-content:before, +.site-content:after, +.site-footer:before, +.site-footer:after { + content: ""; + display: table; + table-layout: fixed; +} + +.clear:after, +.entry-content:after, +.comment-content:after, +.site-header:after, +.site-content:after, +.site-footer:after { + clear: both; +} diff --git a/themes/twentytwentyone/assets/sass/03-generic/normalize.scss b/themes/twentytwentyone/assets/sass/03-generic/normalize.scss index f0f217ad..388182a0 100644 --- a/themes/twentytwentyone/assets/sass/03-generic/normalize.scss +++ b/themes/twentytwentyone/assets/sass/03-generic/normalize.scss @@ -1,350 +1,350 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ - -/* Document - ========================================================================== */ - -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ - -html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/* Sections - ========================================================================== */ - -/** - * Remove the margin in all browsers. - */ - -body { - margin: 0; -} - -/** - * Render the `main` element consistently in IE. - */ - -main { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -pre { - font-family: monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Remove the gray background on active links in IE 10. - */ - -a { - background-color: transparent; - text-decoration-thickness: 1px; -} - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration-style: dotted; /* 2 */ -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -code, -kbd, -samp { - font-family: monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove the border on images inside links in IE 10. - */ - -img { - border-style: none; -} - -/* Forms - ========================================================================== */ - -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - -button, -input { /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { /* 1 */ - text-transform: none; -} - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ - -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} - -/** - * Remove the inner border and padding in Firefox. - */ - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - vertical-align: baseline; -} - -/** - * Remove the default vertical scrollbar in IE 10+. - */ - -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ - -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ - -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ - -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { - display: list-item; -} - -/* Misc - ========================================================================== */ - -/** - * Add the correct display in IE 10+. - */ - -template { - display: none; -} - -/** - * Add the correct display in IE 10. - */ - -[hidden] { - display: none; -} +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; + text-decoration-thickness: 1px; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration-style: dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/themes/twentytwentyone/assets/sass/03-generic/reset.scss b/themes/twentytwentyone/assets/sass/03-generic/reset.scss index 38d2fcf3..d539b0eb 100644 --- a/themes/twentytwentyone/assets/sass/03-generic/reset.scss +++ b/themes/twentytwentyone/assets/sass/03-generic/reset.scss @@ -1,75 +1,75 @@ -/** - * Reset specific elements to make them easier to style in other contexts. - */ - -html, -body, -p, -ol, -ul, -li, -dl, -dt, -dd, -blockquote, -figure, -fieldset, -form, -legend, -textarea, -pre, -iframe, -hr, -h1, -h2, -h3, -h4, -h5, -h6 { - padding: 0; - margin: 0; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; -} - -/** - * Apply generic border-box to all elements. - * See: - * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ - */ - -html { - - /* Apply border-box across the entire page. */ - box-sizing: border-box; - - // HTML resets - font-family: var(--global--font-secondary); - line-height: var(--global--line-height-body); -} - -/** - * Relax the definition a bit, to allow components to override it manually. - */ -* { - - &, - &::before, - &::after { - box-sizing: inherit; - } -} - -// body resets -body { - font-size: var(--global--font-size-base); - font-weight: normal; - color: var(--global--color-primary); - text-align: left; - background-color: var(--global--color-background); -} - - -button { - cursor: pointer; -} +/** + * Reset specific elements to make them easier to style in other contexts. + */ + +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +form, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + padding: 0; + margin: 0; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; +} + +/** + * Apply generic border-box to all elements. + * See: + * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ + */ + +html { + + /* Apply border-box across the entire page. */ + box-sizing: border-box; + + // HTML resets + font-family: var(--global--font-secondary); + line-height: var(--global--line-height-body); +} + +/** + * Relax the definition a bit, to allow components to override it manually. + */ +* { + + &, + &::before, + &::after { + box-sizing: inherit; + } +} + +// body resets +body { + font-size: var(--global--font-size-base); + font-weight: normal; + color: var(--global--color-primary); + text-align: left; + background-color: var(--global--color-background); +} + + +button { + cursor: pointer; +} diff --git a/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss b/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss index c69e50a0..d0f81cf2 100644 --- a/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss +++ b/themes/twentytwentyone/assets/sass/03-generic/vertical-margins.scss @@ -1,172 +1,172 @@ -/** - * Site Structure - * - * - Set vertical margins and responsive widths on - * top-level wrappers and content wrappers - * - `--global--width-content` is a responsive variable - * - See: globals/_global-width-responsive.scss - */ - -/** - * Top Level Wrappers (header, main, footer) - * - Set vertical padding and horizontal margins - */ -.site-header, -.site-main, -.widget-area, -.site-footer { - padding-top: var(--global--spacing-vertical); - padding-bottom: var(--global--spacing-vertical); - margin-left: auto; - margin-right: auto; -} - -.site-header { - padding-top: calc(0.75 * var(--global--spacing-vertical)); - padding-bottom: calc(2 * var(--global--spacing-vertical)); - - @include media(mobile) { - padding-bottom: calc(3 * var(--global--spacing-vertical)); - } -} - -/** - * Site-main children wrappers - * - Add double vertical margins here for clearer hierarchy - */ -.site-main > * { - margin-top: calc(3 * var(--global--spacing-vertical)); - margin-bottom: calc(3 * var(--global--spacing-vertical)); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } -} - -/** - * Set the default maximum responsive content-width - */ -.default-max-width { - @extend %responsive-aligndefault-width; -} - -/** - * Set the wide maximum responsive content-width - */ -.wide-max-width { - @extend %responsive-alignwide-width; -} - -/** - * Set the full maximum responsive content-width - */ -.full-max-width { - @extend %responsive-alignfull-width-mobile; - @extend %responsive-alignfull-width; -} - -/* - * Block & non-gutenberg content wrappers - * - Set margins - */ -.entry-header, -.post-thumbnail, -.entry-content, -.entry-footer, -.author-bio { - margin-top: var(--global--spacing-vertical); - margin-right: auto; - margin-bottom: var(--global--spacing-vertical); - margin-left: auto; -} - -/* - * Block & non-gutenberg content wrapper children - * - Sets spacing-vertical margin logic - */ -.site-main > article > *, // apply vertical margins to article level -.site-main > .not-found > *, // apply vertical margins to article level -.entry-content > *, -[class*="inner-container"] > *, -.wp-block-template-part > * { - - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); - - @include media(mobile) { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } -} - -.site-footer > *, -.widget-area > * { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); - - @include media(mobile) { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } -} - -/* - * Block & non-gutenberg content wrapper children - * - Sets spacing-unit margins - */ -//.site-header > *, // Removed, to align site title and menu. -.entry-header > *, -.post-thumbnail > *, -.page-content > *, -.comment-content > *, -.widget > * { - margin-top: var(--global--spacing-unit); - margin-bottom: var(--global--spacing-unit); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } -} - - -/* - * .entry-content children specific controls - * - Adds special margin overrides for alignment utility classes - */ -.entry-content > * { - - &.alignleft, - &.alignright, - &.alignleft:first-child + *, - &.alignright:first-child + *, - &.alignfull.has-background { - margin-top: 0; - } - - &:last-child, - &.alignfull.has-background { - margin-bottom: 0; - } - - /* Reset alignleft and alignright margins after alignfull */ - &.alignfull + .alignleft, - &.alignfull + .alignright { - margin-top: var(--global--spacing-vertical); - } -} +/** + * Site Structure + * + * - Set vertical margins and responsive widths on + * top-level wrappers and content wrappers + * - `--global--width-content` is a responsive variable + * - See: globals/_global-width-responsive.scss + */ + +/** + * Top Level Wrappers (header, main, footer) + * - Set vertical padding and horizontal margins + */ +.site-header, +.site-main, +.widget-area, +.site-footer { + padding-top: var(--global--spacing-vertical); + padding-bottom: var(--global--spacing-vertical); + margin-left: auto; + margin-right: auto; +} + +.site-header { + padding-top: calc(0.75 * var(--global--spacing-vertical)); + padding-bottom: calc(2 * var(--global--spacing-vertical)); + + @include media(mobile) { + padding-bottom: calc(3 * var(--global--spacing-vertical)); + } +} + +/** + * Site-main children wrappers + * - Add double vertical margins here for clearer hierarchy + */ +.site-main > * { + margin-top: calc(3 * var(--global--spacing-vertical)); + margin-bottom: calc(3 * var(--global--spacing-vertical)); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } +} + +/** + * Set the default maximum responsive content-width + */ +.default-max-width { + @extend %responsive-aligndefault-width; +} + +/** + * Set the wide maximum responsive content-width + */ +.wide-max-width { + @extend %responsive-alignwide-width; +} + +/** + * Set the full maximum responsive content-width + */ +.full-max-width { + @extend %responsive-alignfull-width-mobile; + @extend %responsive-alignfull-width; +} + +/* + * Block & non-gutenberg content wrappers + * - Set margins + */ +.entry-header, +.post-thumbnail, +.entry-content, +.entry-footer, +.author-bio { + margin-top: var(--global--spacing-vertical); + margin-right: auto; + margin-bottom: var(--global--spacing-vertical); + margin-left: auto; +} + +/* + * Block & non-gutenberg content wrapper children + * - Sets spacing-vertical margin logic + */ +.site-main > article > *, // apply vertical margins to article level +.site-main > .not-found > *, // apply vertical margins to article level +.entry-content > *, +[class*="inner-container"] > *, +.wp-block-template-part > * { + + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + + @include media(mobile) { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } +} + +.site-footer > *, +.widget-area > * { + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + + @include media(mobile) { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } +} + +/* + * Block & non-gutenberg content wrapper children + * - Sets spacing-unit margins + */ +//.site-header > *, // Removed, to align site title and menu. +.entry-header > *, +.post-thumbnail > *, +.page-content > *, +.comment-content > *, +.widget > * { + margin-top: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } +} + + +/* + * .entry-content children specific controls + * - Adds special margin overrides for alignment utility classes + */ +.entry-content > * { + + &.alignleft, + &.alignright, + &.alignleft:first-child + *, + &.alignright:first-child + *, + &.alignfull.has-background { + margin-top: 0; + } + + &:last-child, + &.alignfull.has-background { + margin-bottom: 0; + } + + /* Reset alignleft and alignright margins after alignfull */ + &.alignfull + .alignleft, + &.alignfull + .alignright { + margin-top: var(--global--spacing-vertical); + } +} diff --git a/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss b/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss index 3cc1d828..e599b0b2 100644 --- a/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss +++ b/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss @@ -1,81 +1,81 @@ -blockquote { - padding: 0; - position: relative; - margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal); - - > * { - margin-top: var(--global--spacing-unit); - margin-bottom: var(--global--spacing-unit); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - p { - letter-spacing: var(--heading--letter-spacing-h4); - font-family: var(--quote--font-family); - font-size: var(--quote--font-size); - font-style: var(--quote--font-style); - font-weight: var(--quote--font-weight); - line-height: var(--quote--line-height); - } - - cite, - footer { - font-weight: normal; - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - letter-spacing: var(--global--letter-spacing); - } - - &.alignleft, - &.alignright { - - padding-left: inherit; - - p { - font-size: var(--heading--font-size-h5); - max-width: inherit; - width: inherit; - } - - cite, - footer { - font-size: var(--global--font-size-xs); - letter-spacing: var(--global--letter-spacing); - } - } - - strong { - font-weight: var(--quote--font-weight-strong); - } - - &:before { - content: "\201C"; - font-size: var(--quote--font-size); - line-height: var(--quote--line-height); - position: absolute; - left: calc(-0.5 * var(--global--spacing-horizontal)); - } - - .wp-block-quote__citation, - cite, - footer { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - font-style: var(--quote--font-style-cite); - } - - @include media(mobile-only) { - padding-left: calc(0.5 * var(--global--spacing-horizontal)); - - &:before { - left: 0; - } - } -} +blockquote { + padding: 0; + position: relative; + margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal); + + > * { + margin-top: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + + p { + letter-spacing: var(--heading--letter-spacing-h4); + font-family: var(--quote--font-family); + font-size: var(--quote--font-size); + font-style: var(--quote--font-style); + font-weight: var(--quote--font-weight); + line-height: var(--quote--line-height); + } + + cite, + footer { + font-weight: normal; + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + letter-spacing: var(--global--letter-spacing); + } + + &.alignleft, + &.alignright { + + padding-left: inherit; + + p { + font-size: var(--heading--font-size-h5); + max-width: inherit; + width: inherit; + } + + cite, + footer { + font-size: var(--global--font-size-xs); + letter-spacing: var(--global--letter-spacing); + } + } + + strong { + font-weight: var(--quote--font-weight-strong); + } + + &:before { + content: "\201C"; + font-size: var(--quote--font-size); + line-height: var(--quote--line-height); + position: absolute; + left: calc(-0.5 * var(--global--spacing-horizontal)); + } + + .wp-block-quote__citation, + cite, + footer { + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + font-style: var(--quote--font-style-cite); + } + + @include media(mobile-only) { + padding-left: calc(0.5 * var(--global--spacing-horizontal)); + + &:before { + left: 0; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss b/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss index 935c29ed..5879c238 100644 --- a/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss +++ b/themes/twentytwentyone/assets/sass/04-elements/forms-editor.scss @@ -1,12 +1,12 @@ -select { - border: var(--form--border-width) solid var(--form--border-color); - border-radius: var(--form--border-radius); - color: var(--form--color-text); - font-size: var(--form--font-size); - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit); - background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat; // stylelint-disable-line function-url-quotes - background-position: right var(--form--spacing-unit) top 60%; -} +select { + border: var(--form--border-width) solid var(--form--border-color); + border-radius: var(--form--border-radius); + color: var(--form--color-text); + font-size: var(--form--font-size); + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit); + background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat; // stylelint-disable-line function-url-quotes + background-position: right var(--form--spacing-unit) top 60%; +} diff --git a/themes/twentytwentyone/assets/sass/04-elements/forms.scss b/themes/twentytwentyone/assets/sass/04-elements/forms.scss index f1835c00..6e734aae 100644 --- a/themes/twentytwentyone/assets/sass/04-elements/forms.scss +++ b/themes/twentytwentyone/assets/sass/04-elements/forms.scss @@ -1,329 +1,329 @@ -input[type="text"], -input[type="email"], -input[type="url"], -input[type="password"], -input[type="search"], -input[type="number"], -input[type="tel"], -input[type="date"], -input[type="month"], -input[type="week"], -input[type="time"], -input[type="datetime"], -input[type="datetime-local"], -input[type="color"], -.site textarea { - border: var(--form--border-width) solid var(--form--border-color); - border-radius: var(--form--border-radius); - color: var(--form--color-text); - line-height: var(--global--line-height-body); - padding: var(--form--spacing-unit); - // Gives a little more space for the outline offset. - margin: 0 2px; - max-width: 100%; - - &:focus { - color: var(--form--color-text); - outline-offset: 2px; - outline: 2px dotted var(--form--border-color); - } - - &:disabled { - opacity: 0.7; - } - - .is-dark-theme & { - background: var(--global--color-white-90); - } -} - -// Reset the negative offset from normalize to make the thicker "border" work on focus. -input[type="search"] { - - &:focus { - outline-offset: -7px; - - .is-dark-theme & { - outline-color: var(--global--color-background); - } - } -} - -input[type="color"] { - padding: calc(var(--form--spacing-unit) / 2); - height: calc(4 * var(--form--spacing-unit)); -} - -input[type="email"], -input[type="url"] { - - /*rtl:ignore*/ - direction: ltr; -} - -select { - border: var(--form--border-width) solid var(--form--border-color); - color: var(--form--color-text); - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - line-height: var(--global--line-height-body); - padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit); - background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat; // stylelint-disable-line function-url-quotes - background-position: right var(--form--spacing-unit) top 60%; - - &:focus { - outline-offset: 2px; - outline: 2px dotted var(--form--border-color); - } - - .is-dark-theme & { - background: var(--global--color-white-90) url("data:image/svg+xml;utf8,") no-repeat; // stylelint-disable-line function-url-quotes - background-position: right var(--form--spacing-unit) top 60%; - } -} - -textarea { - width: 100%; -} - -label { - font-size: var(--form--font-size); - font-weight: var(--form--label-weight); - margin-bottom: calc(var(--global--spacing-vertical) / 3); -} - -/** -https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ -https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker. -License: MIT. -*/ -@supports (-webkit-appearance: none) or (-moz-appearance: none) { - - input[type="checkbox"], - input[type="radio"] { - -webkit-appearance: none; - -moz-appearance: none; - position: relative; - width: 25px; - height: 25px; - border: var(--form--border-width) solid var(--form--border-color); - background: var(--global--color-white); - - &:disabled { - opacity: 0.7; - } - - .is-dark-theme & { - background: var(--global--color-white-90); - } - } - - input[type="checkbox"] { - - &:focus { - outline-offset: 2px; - outline: 2px dotted var(--form--border-color); - } - - &:after { - content: ""; - opacity: 0; - display: block; - left: 5px; - top: 2px; - position: absolute; - width: 7px; - height: 13px; - border: 3px solid var(--form--color-text); - border-top: 0; - border-left: 0; - transform: rotate(30deg); - } - - &:checked { - color: var(--form--color-text); - - &:after { - opacity: 1; - } - } - } - - input[type="radio"] { - border-radius: 50%; - - &:focus { - outline-offset: 2px; - outline: 2px dotted var(--form--border-color); - } - - &:after { - content: ""; - opacity: 0; - display: block; - left: 3px; - top: 3px; - position: absolute; - width: 11px; - height: 11px; - border-radius: 50%; - background: var(--form--color-text); - } - - &:checked { - border: 4px solid var(--form--border-color); - - &:after { - opacity: 1; - } - - // Focus style for checked radio buttons. - &:focus { - outline-offset: 4px; - outline: 2px dotted var(--form--border-color); - } - } - } -} - -input[type="checkbox"] + label, -input[type="radio"] + label { - display: inline-block; - padding-left: 10px; - font-size: var(--global--font-size-xs); - vertical-align: top; -} - -/** - * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ -*/ -@supports (-webkit-appearance: none) or (-moz-appearance: none) { - - input[type="range"] { - -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ - width: 100%; /* Specific width is required for Firefox. */ - height: 6px; - background: var(--form--color-ranged); - border-radius: 6px; - outline-offset: 10px; - - &:disabled { - opacity: 0.7; - } - } - - input[type="range"]::-webkit-slider-thumb { - -webkit-appearance: none; - border: 3px solid var(--form--color-ranged); - height: 44px; - width: 44px; - border-radius: 50%; - background: var(--global--color-background); - cursor: pointer; - } - - input[type="range"]::-moz-range-thumb { - border: 3px solid var(--form--color-ranged); - height: 44px; - width: 44px; - border-radius: 50%; - background: var(--global--color-background); - cursor: pointer; - box-sizing: border-box; - } -} - -input[type="range"]::-ms-track { - width: 100%; - height: 6px; - border-radius: 6px; - border-width: 19px 0; - border-color: var(--global--color-background); - background: transparent; - color: transparent; - cursor: pointer; -} - -input[type="range"]::-ms-fill-upper { - background: var(--form--color-ranged); - border-radius: 6px; -} - -input[type="range"]::-ms-fill-lower { - background: var(--form--color-ranged); - border-radius: 6px; -} - -input[type="range"]::-ms-thumb { - border: 3px solid var(--form--color-ranged); - height: 44px; - width: 44px; - border-radius: 50%; - background: var(--global--color-background); - cursor: pointer; -} - -fieldset { - display: grid; - border-color: var(--global--color-secondary); - padding: var(--global--spacing-horizontal); - - legend { - font-size: var(--global--font-size-lg); - } - - input { - - &[type="submit"] { - max-width: max-content; - } - - &:not([type="submit"]) { - margin-bottom: var(--global--spacing-unit); - } - - &[type="radio"], - &[type="checkbox"] { - margin-bottom: 0; - } - - &[type="radio"] + label, - &[type="checkbox"] + label { - font-size: var(--form--font-size); - padding-left: 0; - margin-bottom: var(--global--spacing-unit); - } - } -} - -::-moz-placeholder { // Firefox 19+ - opacity: 1; -} - -.post-password-message { - font-size: var(--global--font-size-lg); -} - -.post-password-form { - display: flex; - flex-wrap: wrap; - - &__label { - width: 100%; - margin-bottom: 0; - } - - input[type="password"] { - flex-grow: 1; - margin-top: calc(var(--global--spacing-vertical) / 3); - margin-right: calc(0.66 * var(--global--spacing-horizontal)); - } - - &__submit { - margin-top: calc(var(--global--spacing-vertical) / 3); - @include media(tablet) { - margin-left: calc(0.4 * var(--global--spacing-horizontal)); - } - } -} +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="number"], +input[type="tel"], +input[type="date"], +input[type="month"], +input[type="week"], +input[type="time"], +input[type="datetime"], +input[type="datetime-local"], +input[type="color"], +.site textarea { + border: var(--form--border-width) solid var(--form--border-color); + border-radius: var(--form--border-radius); + color: var(--form--color-text); + line-height: var(--global--line-height-body); + padding: var(--form--spacing-unit); + // Gives a little more space for the outline offset. + margin: 0 2px; + max-width: 100%; + + &:focus { + color: var(--form--color-text); + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); + } + + &:disabled { + opacity: 0.7; + } + + .is-dark-theme & { + background: var(--global--color-white-90); + } +} + +// Reset the negative offset from normalize to make the thicker "border" work on focus. +input[type="search"] { + + &:focus { + outline-offset: -7px; + + .is-dark-theme & { + outline-color: var(--global--color-background); + } + } +} + +input[type="color"] { + padding: calc(var(--form--spacing-unit) / 2); + height: calc(4 * var(--form--spacing-unit)); +} + +input[type="email"], +input[type="url"] { + + /*rtl:ignore*/ + direction: ltr; +} + +select { + border: var(--form--border-width) solid var(--form--border-color); + color: var(--form--color-text); + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + line-height: var(--global--line-height-body); + padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit); + background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat; // stylelint-disable-line function-url-quotes + background-position: right var(--form--spacing-unit) top 60%; + + &:focus { + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); + } + + .is-dark-theme & { + background: var(--global--color-white-90) url("data:image/svg+xml;utf8,") no-repeat; // stylelint-disable-line function-url-quotes + background-position: right var(--form--spacing-unit) top 60%; + } +} + +textarea { + width: 100%; +} + +label { + font-size: var(--form--font-size); + font-weight: var(--form--label-weight); + margin-bottom: calc(var(--global--spacing-vertical) / 3); +} + +/** +https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ +https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker. +License: MIT. +*/ +@supports (-webkit-appearance: none) or (-moz-appearance: none) { + + input[type="checkbox"], + input[type="radio"] { + -webkit-appearance: none; + -moz-appearance: none; + position: relative; + width: 25px; + height: 25px; + border: var(--form--border-width) solid var(--form--border-color); + background: var(--global--color-white); + + &:disabled { + opacity: 0.7; + } + + .is-dark-theme & { + background: var(--global--color-white-90); + } + } + + input[type="checkbox"] { + + &:focus { + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); + } + + &:after { + content: ""; + opacity: 0; + display: block; + left: 5px; + top: 2px; + position: absolute; + width: 7px; + height: 13px; + border: 3px solid var(--form--color-text); + border-top: 0; + border-left: 0; + transform: rotate(30deg); + } + + &:checked { + color: var(--form--color-text); + + &:after { + opacity: 1; + } + } + } + + input[type="radio"] { + border-radius: 50%; + + &:focus { + outline-offset: 2px; + outline: 2px dotted var(--form--border-color); + } + + &:after { + content: ""; + opacity: 0; + display: block; + left: 3px; + top: 3px; + position: absolute; + width: 11px; + height: 11px; + border-radius: 50%; + background: var(--form--color-text); + } + + &:checked { + border: 4px solid var(--form--border-color); + + &:after { + opacity: 1; + } + + // Focus style for checked radio buttons. + &:focus { + outline-offset: 4px; + outline: 2px dotted var(--form--border-color); + } + } + } +} + +input[type="checkbox"] + label, +input[type="radio"] + label { + display: inline-block; + padding-left: 10px; + font-size: var(--global--font-size-xs); + vertical-align: top; +} + +/** + * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ +*/ +@supports (-webkit-appearance: none) or (-moz-appearance: none) { + + input[type="range"] { + -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ + width: 100%; /* Specific width is required for Firefox. */ + height: 6px; + background: var(--form--color-ranged); + border-radius: 6px; + outline-offset: 10px; + + &:disabled { + opacity: 0.7; + } + } + + input[type="range"]::-webkit-slider-thumb { + -webkit-appearance: none; + border: 3px solid var(--form--color-ranged); + height: 44px; + width: 44px; + border-radius: 50%; + background: var(--global--color-background); + cursor: pointer; + } + + input[type="range"]::-moz-range-thumb { + border: 3px solid var(--form--color-ranged); + height: 44px; + width: 44px; + border-radius: 50%; + background: var(--global--color-background); + cursor: pointer; + box-sizing: border-box; + } +} + +input[type="range"]::-ms-track { + width: 100%; + height: 6px; + border-radius: 6px; + border-width: 19px 0; + border-color: var(--global--color-background); + background: transparent; + color: transparent; + cursor: pointer; +} + +input[type="range"]::-ms-fill-upper { + background: var(--form--color-ranged); + border-radius: 6px; +} + +input[type="range"]::-ms-fill-lower { + background: var(--form--color-ranged); + border-radius: 6px; +} + +input[type="range"]::-ms-thumb { + border: 3px solid var(--form--color-ranged); + height: 44px; + width: 44px; + border-radius: 50%; + background: var(--global--color-background); + cursor: pointer; +} + +fieldset { + display: grid; + border-color: var(--global--color-secondary); + padding: var(--global--spacing-horizontal); + + legend { + font-size: var(--global--font-size-lg); + } + + input { + + &[type="submit"] { + max-width: max-content; + } + + &:not([type="submit"]) { + margin-bottom: var(--global--spacing-unit); + } + + &[type="radio"], + &[type="checkbox"] { + margin-bottom: 0; + } + + &[type="radio"] + label, + &[type="checkbox"] + label { + font-size: var(--form--font-size); + padding-left: 0; + margin-bottom: var(--global--spacing-unit); + } + } +} + +::-moz-placeholder { // Firefox 19+ + opacity: 1; +} + +.post-password-message { + font-size: var(--global--font-size-lg); +} + +.post-password-form { + display: flex; + flex-wrap: wrap; + + &__label { + width: 100%; + margin-bottom: 0; + } + + input[type="password"] { + flex-grow: 1; + margin-top: calc(var(--global--spacing-vertical) / 3); + margin-right: calc(0.66 * var(--global--spacing-horizontal)); + } + + &__submit { + margin-top: calc(var(--global--spacing-vertical) / 3); + @include media(tablet) { + margin-left: calc(0.4 * var(--global--spacing-horizontal)); + } + } +} diff --git a/themes/twentytwentyone/assets/sass/04-elements/links.scss b/themes/twentytwentyone/assets/sass/04-elements/links.scss index 23c48d7c..6c121e04 100644 --- a/themes/twentytwentyone/assets/sass/04-elements/links.scss +++ b/themes/twentytwentyone/assets/sass/04-elements/links.scss @@ -1,68 +1,77 @@ -/* - * text-underline-offset doesn't work in Chrome at all 👎 - * But looks nice in Safari/Firefox, so let's keep it and - * maybe Chrome will support it soon. - */ -a { - cursor: pointer; - color: var(--wp--style--color--link, var(--global--color-primary)); - text-underline-offset: 3px; - text-decoration-skip-ink: all; -} - -a:hover { - text-decoration-style: dotted; - text-decoration-skip-ink: none; -} - -.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { - - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; - - text-decoration: underline 1px dotted currentColor; - text-decoration-skip-ink: none; - background: rgba(255, 255, 255, .9); - - // Change text color when the body background is dark. - .is-dark-theme &, - .is-dark-theme & .meta-nav { - color: var(--wp--style--color--link, var(--global--color-background)); - } - - // Change colors when the body background is white. - .has-background-white & { - background: rgba(0, 0, 0, .9); - color: var(--wp--style--color--link, var(--global--color-white)); - - .meta-nav { - color: var(--wp--style--color--link, var(--global--color-white)); - } - } - - &.skip-link { - - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; - outline-offset: -2px; - - &:focus { - color: #21759b; - background-color: #f1f1f1; - } - } - - img { - outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary)); - } -} - -// Enforce the custom link color even if a custom background color has been set. -// The extra specificity here is required to override the background color styles. -.has-background { - // Target both current level and nested block. - .has-link-color a, - &.has-link-color a { - color: var(--wp--style--color--link, var(--global--color-primary)); - } -} +/* + * text-underline-offset doesn't work in Chrome at all 👎 + * But looks nice in Safari/Firefox, so let's keep it and + * maybe Chrome will support it soon. + */ +a { + cursor: pointer; + color: var(--wp--style--color--link, var(--global--color-primary)); + text-underline-offset: 3px; + text-decoration-skip-ink: all; +} + +a:hover { + text-decoration-style: dotted; + text-decoration-skip-ink: none; +} + +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { + + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; + + text-decoration: underline 1px dotted currentColor; + text-decoration-skip-ink: none; + background: rgba(255, 255, 255, .9); + + // Change text color when the body background is dark. + .is-dark-theme & { + background: var(--global--color-black); + color: var(--global--color-white); + text-decoration: none; + + .meta-nav { + color: var(--wp--style--color--link, var(--global--color-white)); + } + } + + // Change colors when the body background is white. + .has-background-white & { + background: rgba(0, 0, 0, .9); + color: var(--wp--style--color--link, var(--global--color-white)); + + .meta-nav { + color: var(--wp--style--color--link, var(--global--color-white)); + } + } + + &.skip-link { + + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; + outline-offset: -2px; + + &:focus { + color: #21759b; + background-color: #f1f1f1; + } + } + + &.custom-logo-link { + background: none; + } + + img { + outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary)); + } +} + +// Enforce the custom link color even if a custom background color has been set. +// The extra specificity here is required to override the background color styles. +.has-background { + // Target both current level and nested block. + .has-link-color a, + &.has-link-color a { + color: var(--wp--style--color--link, var(--global--color-primary)); + } +} diff --git a/themes/twentytwentyone/assets/sass/04-elements/media.scss b/themes/twentytwentyone/assets/sass/04-elements/media.scss index 9401d15a..b141fb51 100644 --- a/themes/twentytwentyone/assets/sass/04-elements/media.scss +++ b/themes/twentytwentyone/assets/sass/04-elements/media.scss @@ -1,46 +1,46 @@ -img { - display: block; - height: auto; - max-width: 100%; -} - -/* Classic editor images */ -.entry-content img { - max-width: 100%; -} - -/* Make sure embeds and iframes fit their containers. */ -embed, -iframe, -object, -video { - max-width: 100%; -} - -/* Media captions */ -figcaption, -.wp-caption, -.wp-caption-text, -.wp-block-embed figcaption { - color: currentColor; - font-size: var(--global--font-size-xs); - line-height: var(--global--line-height-body); - margin-top: calc(0.5 * var(--global--spacing-unit)); - margin-bottom: var(--global--spacing-unit); - text-align: center; - - .alignleft &, - .alignright & { - margin-bottom: 0; - } -} - -/* WP Smiley */ -.page-content .wp-smiley, -.entry-content .wp-smiley, -.comment-content .wp-smiley { - border: none; - margin-bottom: 0; - margin-top: 0; - padding: 0; -} +img { + height: auto; + max-width: 100%; + vertical-align: middle; +} + +/* Classic editor images */ +.entry-content img { + max-width: 100%; +} + +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object, +video { + max-width: 100%; +} + +/* Media captions */ +figcaption, +.wp-caption, +.wp-caption-text, +.wp-block-embed figcaption { + color: currentColor; + font-size: var(--global--font-size-xs); + line-height: var(--global--line-height-body); + margin-top: calc(0.5 * var(--global--spacing-unit)); + margin-bottom: var(--global--spacing-unit); + text-align: center; + + .alignleft &, + .alignright & { + margin-bottom: 0; + } +} + +/* WP Smiley */ +.page-content .wp-smiley, +.entry-content .wp-smiley, +.comment-content .wp-smiley { + border: none; + margin-bottom: 0; + margin-top: 0; + padding: 0; +} diff --git a/themes/twentytwentyone/assets/sass/04-elements/misc.scss b/themes/twentytwentyone/assets/sass/04-elements/misc.scss index 37af94df..9fe7247a 100644 --- a/themes/twentytwentyone/assets/sass/04-elements/misc.scss +++ b/themes/twentytwentyone/assets/sass/04-elements/misc.scss @@ -1,17 +1,17 @@ -/* Over here, place any elements that do not need to have their own file. */ -b, -strong { - font-weight: 700; -} - -dfn, -cite, -em, -i { - font-style: italic; -} - -pre { - white-space: pre; - overflow-x: auto; -} +/* Over here, place any elements that do not need to have their own file. */ +b, +strong { + font-weight: 700; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +pre { + white-space: pre; + overflow-x: auto; +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/_config.scss b/themes/twentytwentyone/assets/sass/05-blocks/_config.scss index cba90a3c..481c544c 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/_config.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/_config.scss @@ -1,7 +1,7 @@ -// Variable Configuration -// - Import all config files for display in -// the editor, customizer, and front end. - - -@import "separator/config"; -@import "utilities/config"; +// Variable Configuration +// - Import all config files for display in +// the editor, customizer, and front end. + + +@import "separator/config"; +@import "utilities/config"; diff --git a/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss index 0f5dadce..0e2d1d0b 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/audio/_style.scss @@ -1,7 +1,7 @@ -.wp-block-audio { - - audio:focus { - outline-offset: 5px; - outline: 2px solid var(--global--color-primary); - } -} +.wp-block-audio { + + audio:focus { + outline-offset: 5px; + outline: 2px solid var(--global--color-primary); + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss index 9bd20dd1..d7758c31 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss @@ -1,35 +1,35 @@ -// Block Styles for the Editor -// - These styles replace key Gutenberg Block styles for fonts, colors, and -// spacing with CSS-variables overrides in the Block Editor -// - In the future the Block styles may get compiled to individual .css -// files and conditionally loaded - -@import "button/editor"; -@import "code/editor"; -@import "cover/editor"; -@import "columns/editor"; -@import "file/editor"; -@import "gallery/editor"; -@import "group/editor"; -@import "heading/editor"; -@import "html/editor"; -@import "image/editor"; -@import "latest-comments/editor"; -@import "latest-posts/editor"; -@import "legacy/editor"; // "Blocks" from the legacy WP editor, ie: galleries, .button class, etc. -@import "list/editor"; -@import "media-text/editor"; -@import "navigation/editor"; -@import "paragraph/editor"; -@import "preformatted/editor"; -@import "pullquote/editor"; -@import "quote/editor"; -@import "rss/editor"; -@import "search/editor"; -@import "separator/editor"; -@import "social-icons/editor"; -@import "table/editor"; -@import "tag-clould/editor"; -@import "verse/editor"; -@import "utilities/font-sizes"; -@import "utilities/editor"; // Import LAST to cascade properly +// Block Styles for the Editor +// - These styles replace key Gutenberg Block styles for fonts, colors, and +// spacing with CSS-variables overrides in the Block Editor +// - In the future the Block styles may get compiled to individual .css +// files and conditionally loaded + +@import "button/editor"; +@import "code/editor"; +@import "cover/editor"; +@import "columns/editor"; +@import "file/editor"; +@import "gallery/editor"; +@import "group/editor"; +@import "heading/editor"; +@import "html/editor"; +@import "image/editor"; +@import "latest-comments/editor"; +@import "latest-posts/editor"; +@import "legacy/editor"; // "Blocks" from the legacy WP editor, ie: galleries, .button class, etc. +@import "list/editor"; +@import "media-text/editor"; +@import "navigation/editor"; +@import "paragraph/editor"; +@import "preformatted/editor"; +@import "pullquote/editor"; +@import "quote/editor"; +@import "rss/editor"; +@import "search/editor"; +@import "separator/editor"; +@import "social-icons/editor"; +@import "table/editor"; +@import "tag-clould/editor"; +@import "verse/editor"; +@import "utilities/font-sizes"; +@import "utilities/editor"; // Import LAST to cascade properly diff --git a/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss b/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss index c4c80e95..f04cd7ee 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss @@ -1,37 +1,37 @@ -// Blocks -// - These styles replace key Gutenberg Block styles with font, color, and -// spacing with CSS-variables overrides -// - In the future the Block styles may get compiled to individual .css -// files and conditionally loaded - -@import "audio/style"; -@import "button/style"; -@import "code/style"; -@import "columns/style"; -@import "cover/style"; -@import "file/style"; -@import "gallery/style"; -@import "group/style"; -@import "heading/style"; -@import "image/style"; -@import "latest-comments/style"; -@import "latest-posts/style"; -@import "legacy/style"; // "Blocks" from the legacy WP editor, ie: galleries, .button class, etc. -@import "list/style"; -@import "media-text/style"; -@import "navigation/style"; -@import "paragraph/style"; -@import "preformatted/style"; -@import "pullquote/style"; -@import "quote/style"; -@import "rss/style"; -@import "search/style"; -@import "separator/style"; -@import "social-icons/style"; -@import "spacer/style"; -@import "table/style"; -@import "tag-clould/style"; -@import "verse/style"; -@import "video/style"; -@import "utilities/font-sizes"; -@import "utilities/style"; // Import LAST to cascade properly +// Blocks +// - These styles replace key Gutenberg Block styles with font, color, and +// spacing with CSS-variables overrides +// - In the future the Block styles may get compiled to individual .css +// files and conditionally loaded + +@import "audio/style"; +@import "button/style"; +@import "code/style"; +@import "columns/style"; +@import "cover/style"; +@import "file/style"; +@import "gallery/style"; +@import "group/style"; +@import "heading/style"; +@import "image/style"; +@import "latest-comments/style"; +@import "latest-posts/style"; +@import "legacy/style"; // "Blocks" from the legacy WP editor, ie: galleries, .button class, etc. +@import "list/style"; +@import "media-text/style"; +@import "navigation/style"; +@import "paragraph/style"; +@import "preformatted/style"; +@import "pullquote/style"; +@import "quote/style"; +@import "rss/style"; +@import "search/style"; +@import "separator/style"; +@import "social-icons/style"; +@import "spacer/style"; +@import "table/style"; +@import "tag-clould/style"; +@import "verse/style"; +@import "video/style"; +@import "utilities/font-sizes"; +@import "utilities/style"; // Import LAST to cascade properly diff --git a/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss index 9480a70b..f8ec69e1 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/button/_editor.scss @@ -1,118 +1,141 @@ -.wp-block-button__link { - // Extend button style - @include button-style(); -} - -/** - * Block Options - */ - -// The parent container does not need outer margins applied. -// The children should all have top and bottom margins. -[data-block].wp-block-buttons { - margin-top: 0; - margin-bottom: 0; - - .wp-block-button:first-child { - margin-top: var(--global--spacing-vertical); - } - - .wp-block-button:last-child { - margin-bottom: var(--global--spacing-vertical); - } -} - -.wp-block-button { - - // Target the default and filled button states. - &:not(.is-style-outline) { - - .wp-block-button__link { - - &:active { - color: var(--button--color-text-active) !important; - background: transparent !important; - border-color: var(--button--color-background); - } - - &:hover { - color: var(--button--color-text-hover) !important; - background: transparent !important; - border-color: var(--button--color-background); - } - } - } - - // Outline Style. - &.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); - - &:active, - &:hover { - background-color: var(--button--color-background); - color: var(--button--color-text); - border-color: var(--button--color-background); - } - - &.has-background { - border-color: var(--button--color-background); - - &:active, - &:hover { - background-color: var(--button--color-background) !important; - } - } - - &.has-background:not(.has-text-color) { - color: var(--global--color-dark-gray); - } - - &.has-background.has-gray-background-color:not(.has-text-color), - &.has-background.has-dark-gray-background-color:not(.has-text-color), - &.has-background.has-black-background-color:not(.has-text-color) { - color: var(--global--color-white); - } - - .is-dark-theme & { - - &:not(.has-text-color) { - - &.has-background.has-white-background-color, - &.has-background.has-green-background-color, - &.has-background.has-blue-background-color, - &.has-background.has-purple-background-color, - &.has-background.has-red-background-color, - &.has-background.has-orange-background-color, - &.has-background.has-yellow-background-color { - color: var(--global--color-dark-gray); - } - } - } - - &.has-text-color { - border-color: currentColor; - - &:active, - &:hover { - color: var(--button--color-text) !important; - border-color: var(--button--color-background); - } - } - } - } - - // Squared Style - &.is-style-squared { - border-radius: 0; - } -} - -.is-style-outline .wp-block-button__link[style*="radius"], -.wp-block-button__link[style*="radius"] { - outline-offset: 2px; -} +.wp-block-button__link { + // Extend button style + @include button-style(); +} + +/** + * Block Options + */ + +// The parent container does not need outer margins applied. +// The children should all have top and bottom margins. +[data-block].wp-block-buttons { + margin-top: 0; + margin-bottom: 0; + + .wp-block-button:first-child { + margin-top: var(--global--spacing-vertical); + } + + .wp-block-button:last-child { + margin-bottom: var(--global--spacing-vertical); + } +} + +.wp-block-button { + + // Target the default and filled button states. + &:not(.is-style-outline) { + + .wp-block-button__link:not(:hover):not(:active) { + + // Text colors + &:not(.has-text-color) { + color: var(--global--color-background); + + // Nested + .has-background & { + color: var(--local--color-background, var(--global--color-background)); + + &.has-background { + color: var(--global--color-primary); + } + } + } + + // Background-colors + &:not(.has-background) { + background-color: var(--global--color-primary); + + // Nested + .has-background & { + background-color: var(--local--color-primary, var(--global--color-primary)); + } + } + } + + // Hover Button color should match parent element foreground color + .wp-block-button__link:hover, + .wp-block-button__link:active { + border-color: currentColor !important; + background-color: transparent !important; + color: inherit !important; + } + + // Remove :focus styles in the editor + .wp-block-button__link:focus { + outline-offset: inherit; + outline: inherit; + } + } + + // Outline Style. + &.is-style-outline { + + .wp-block-button__link:not(:hover):not(:active) { + + // Border colors + &:not(.has-text-color), + &:not(.has-background), + &.has-background { + border-color: currentColor; + } + + // Text colors + &:not(.has-text-color) { + color: var(--global--color-primary); + + // Nested + .has-background & { + color: var(--local--color-primary, var(--global--color-primary)); + } + } + + &.has-background { + // Nested + .has-background &:not(.has-text-color) { + color: inherit; + } + } + + // Background-colors + &:not(.has-background) { + background-color: transparent; + } + } + + // Hover Button color should match default button style + .wp-block-button__link:hover, + .wp-block-button__link:active { + + background-color: var(--global--color-primary) !important; + border-color: transparent !important; + color: var(--global--color-background) !important; + + .has-background & { + background-color: var(--local--color-primary, var(--global--color-primary)) !important; + color: var(--local--color-background, var(--global--color-background)) !important; + } + + .has-text-color & { + color: var(--local--color-background, var(--global--color-background)) !important; + } + } + + // Remove :focus styles in the editor + .wp-block-button__link:focus { + outline-offset: inherit; + outline: inherit; + } + } + + // Squared Style + &.is-style-squared { + border-radius: 0; + } +} + +.is-style-outline .wp-block-button__link[style*="radius"], +.wp-block-button__link[style*="radius"] { + outline-offset: 2px; +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss index 856a1566..180707e7 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss @@ -1,134 +1,122 @@ -/** - * Button - */ -.site .button, -input[type="submit"], -input[type="reset"], -.wp-block-search__button, -.wp-block-button .wp-block-button__link { - // Extend button style - @include button-style(); -} - -.site .button, -input[type="submit"], -input[type="reset"], -.wp-block-search .wp-block-search__button, -.wp-block-file .wp-block-file__button { - - &:active { - color: var(--button--color-text-active); - background-color: var(--button--color-background-active); - } - - &:hover { - color: var(--button--color-text-hover); - background: transparent; - } -} - -/** - * Block Options - */ -.wp-block-button { - - // Target the default and filled button states. - &:not(.is-style-outline) { - - .wp-block-button__link { - - &:active { - color: var(--button--color-text-active) !important; - background: transparent !important; - border-color: var(--button--color-background); - } - - &:hover { - color: var(--button--color-text-hover) !important; - background: transparent !important; - border-color: var(--button--color-background); - } - - &:focus { - color: var(--button--color-text) !important; - background: var(--button--color-background) !important; - } - } - } - - // Outline Style. - &.is-style-outline { - - .wp-block-button__link { - padding: var(--button--padding-vertical) var(--button--padding-horizontal); - - &:not(.has-background) { - background: transparent; - } - - &:not(.has-background):not(.has-text-color) { - background: transparent; - color: var(--button--color-background); - border-color: var(--button--color-background); - } - - &.has-background:not(.has-text-color) { - color: currentColor; - } - - &.has-background.has-gray-background-color:not(.has-text-color), - &.has-background.has-dark-gray-background-color:not(.has-text-color), - &.has-background.has-black-background-color:not(.has-text-color) { - color: var(--global--color-white); - } - - .is-dark-theme & { - - &:not(.has-text-color) { - - &.has-background { - color: var(--global--color-dark-gray); - } - - &.has-background.has-gray-background-color, - &.has-background.has-dark-gray-background-color, - &.has-background.has-black-background-color { - color: var(--global--color-white); - } - } - } - - &.has-text-color, - &.has-background.has-text-color { - border-color: currentColor; - } - - &:active, - &:hover { - color: var(--button--color-text) !important; - background: var(--button--color-background) !important; - border-color: var(--button--color-background); - - &.has-text-color { - border-color: var(--button--color-background); - } - } - - &:focus { - color: var(--button--color-background) !important; - background: transparent !important; - } - } - } - - // Squared Style - .is-style-squared .wp-block-button__link { - border-radius: 0; - } -} - -.is-style-outline .wp-block-button__link[style*="radius"]:focus, -.wp-block-button a.wp-block-button__link[style*="radius"]:focus { - outline-offset: 2px; - outline: 2px dotted var(--button--color-background); -} +/** + * Button + */ +.site .button, +button, +input[type="submit"], +input[type="reset"], +.wp-block-search .wp-block-search__button, +.wp-block-button .wp-block-button__link, +.wp-block-file a.wp-block-file__button { + // Extend button style + @include button-style(); +} + +/** + * Block Options + */ +.wp-block-button { + + // Target the default and filled button states. + &:not(.is-style-outline) { + + .wp-block-button__link:not(:hover):not(:active) { + + // Text colors + &:not(.has-text-color) { + color: var(--global--color-background); + + // Nested + .has-background & { + color: var(--local--color-background, var(--global--color-background)); + + &.has-background { + color: var(--global--color-primary); + } + } + } + + // Background-colors + &:not(.has-background) { + background-color: var(--global--color-primary); + + // Nested + .has-background & { + background-color: var(--local--color-primary, var(--global--color-primary)); + } + } + } + + // Hover Button color should match parent element foreground color + .wp-block-button__link:hover, + .wp-block-button__link:active { + border-color: currentColor !important; + background-color: transparent !important; + color: inherit !important; + } + } + + // Outline Style. + &.is-style-outline { + + .wp-block-button__link:not(:hover):not(:active) { + + // Border colors + &:not(.has-text-color), + &:not(.has-background), + &.has-background { + border-color: currentColor; + } + + // Text colors + &:not(.has-text-color) { + color: var(--global--color-primary); + + // Nested + .has-background & { + color: var(--local--color-primary, var(--global--color-primary)); + } + } + + &.has-background { + // Nested + .has-background &:not(.has-text-color) { + color: inherit; + } + } + + // Background-colors + &:not(.has-background) { + background-color: transparent; + } + } + + .wp-block-button__link:hover, + .wp-block-button__link:active { + + border-color: transparent !important; + background-color: var(--global--color-primary) !important; + color: var(--global--color-background) !important; + + .has-background & { + background-color: var(--local--color-primary, var(--global--color-primary)) !important; + color: var(--local--color-background, var(--global--color-background)) !important; + } + + .has-text-color & { + color: var(--local--color-background, var(--global--color-background)) !important; + } + } + } + + // Squared Style + .is-style-squared .wp-block-button__link { + border-radius: 0; + } +} + +.is-style-outline .wp-block-button__link[style*="radius"]:focus, +.wp-block-button a.wp-block-button__link[style*="radius"]:focus { + outline-offset: 2px; + outline: 2px dotted var(--button--color-background); +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss index 023694f8..0fc99c9c 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/code/_editor.scss @@ -1,14 +1,13 @@ -.wp-block-code code { - font-size: var(--global--font-size-xs); - white-space: pre !important; - overflow-x: auto; -} - -.wp-block-code { - border-color: var(--global--color-border); - border-radius: 0; - border-style: solid; - border-width: 0.1rem; - padding: var(--global--spacing-unit); - color: currentColor; -} +.wp-block-code code { + white-space: pre !important; + overflow-x: auto; +} + +.wp-block-code { + border-color: var(--global--color-border); + border-radius: 0; + border-style: solid; + border-width: 0.1rem; + padding: var(--global--spacing-unit); + color: currentColor; +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss index daa6f768..2867559d 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss @@ -1,15 +1,14 @@ -.wp-block-code { - border-color: var(--global--color-border); - border-radius: 0; - border-style: solid; - border-width: 0.1rem; - padding: var(--global--spacing-unit); - - code { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - white-space: pre; - overflow-x: auto; - display: block; - } -} +.wp-block-code { + border-color: var(--global--color-border); + border-radius: 0; + border-style: solid; + border-width: 0.1rem; + padding: var(--global--spacing-unit); + + code { + color: var(--global--color-primary); + white-space: pre; + overflow-x: auto; + display: block; + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss index 16248412..7e259aad 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/columns/_editor.scss @@ -1,68 +1,68 @@ -.wp-block-columns { - - &:not(.alignwide):not(.alignfull) { - clear: both; - } - - .wp-block, - .wp-block-column { - // Allow Gutenberg to set the width of a block that lives inside the columns block. - max-width: inherit; - } - - @include innerblock-margin-clear(".wp-block-column"); - - &.is-style-twentytwentyone-columns-overlap { - - @include media(laptop) { - - .wp-block-column:nth-child(2n) { - margin-left: calc(-2 * var(--global--spacing-horizontal)); - margin-top: calc(2.5 * var(--global--spacing-horizontal)); - z-index: 2; - - // Provide text-based child blocks with a default background color to ensure they're readable. - > p, - > h1, - > h2, - > h3, - > h4, - > h5, - > h6, - > ul, - > ol, - > pre { - - &:not(.has-background) { - background-color: var(--global--color-background); - padding: var(--global--spacing-unit); - } - } - - // Lists should still have their usual left padding. - > ul:not(.has-background), - > ol:not(.has-background) { - padding-left: calc(2 * var(--global--spacing-horizontal)); - } - - &.is-vertically-aligned-center { - margin-top: 0; - } - } - } - } - - .wp-block[data-align="full"] > & { - - p:not(.has-background), - h1:not(.has-background), - h2:not(.has-background), - h3:not(.has-background), - h4:not(.has-background), - h5:not(.has-background), - h6:not(.has-background) { - padding-left: var(--global--spacing-unit); - padding-right: var(--global--spacing-unit); - } - } -} +.wp-block-columns { + + &:not(.alignwide):not(.alignfull) { + clear: both; + } + + .wp-block, + .wp-block-column { + // Allow Gutenberg to set the width of a block that lives inside the columns block. + max-width: inherit; + } + + @include innerblock-margin-clear(".wp-block-column"); + + &.is-style-twentytwentyone-columns-overlap { + + @include media(laptop) { + + .wp-block-column:nth-child(2n) { + margin-left: calc(-2 * var(--global--spacing-horizontal)); + margin-top: calc(2.5 * var(--global--spacing-horizontal)); + z-index: 2; + + // Provide text-based child blocks with a default background color to ensure they're readable. + > p, + > h1, + > h2, + > h3, + > h4, + > h5, + > h6, + > ul, + > ol, + > pre { + + &:not(.has-background) { + background-color: var(--global--color-background); + padding: var(--global--spacing-unit); + } + } + + // Lists should still have their usual left padding. + > ul:not(.has-background), + > ol:not(.has-background) { + padding-left: calc(2 * var(--global--spacing-horizontal)); + } + + &.is-vertically-aligned-center { + margin-top: 0; + } + } + } + } + + .wp-block[data-align="full"] > & { + + p:not(.has-background), + h1:not(.has-background), + h2:not(.has-background), + h3:not(.has-background), + h4:not(.has-background), + h5:not(.has-background), + h6:not(.has-background) { + padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss index d1f985fe..8fb713af 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss @@ -1,105 +1,105 @@ -.wp-block-columns { - - &:not(.alignwide):not(.alignfull) { - clear: both; - } - - .wp-block-column { - - > * { - margin-top: calc(0.66 * var(--global--spacing-vertical)); - margin-bottom: calc(0.66 * var(--global--spacing-vertical)); - - @include media(mobile) { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - &:last-child { - margin-bottom: 0; - } - } - - .wp-block-column:not(:last-child) { - margin-bottom: calc(0.66 * var(--global--spacing-vertical)); - - @include media(mobile) { - margin-bottom: var(--global--spacing-vertical); - } - - @include media(desktop) { - margin-bottom: 0; - } - } - - &.is-style-twentytwentyone-columns-overlap { - - justify-content: space-around; - - @include media(laptop) { - - .wp-block-column { - - &:nth-child(2n) { - margin-left: calc(-2 * var(--global--spacing-horizontal)); - margin-top: calc(2.5 * var(--global--spacing-horizontal)); - z-index: 2; - - // Provide text-based child blocks with a default background color to ensure they're readable. - > p, - > h1, - > h2, - > h3, - > h4, - > h5, - > h6, - > ul, - > ol, - > pre { - - &:not(.has-background) { - background-color: var(--global--color-background); - padding: var(--global--spacing-unit); - } - } - - // Lists should still have their usual left padding. - > ul:not(.has-background), - > ol:not(.has-background) { - padding-left: calc(2 * var(--global--spacing-horizontal)); - } - - &.is-vertically-aligned-center { - margin-top: 0; - } - } - } - } - } - - &.alignfull { - - .wp-block-column { - - p:not(.has-background), - h1:not(.has-background), - h2:not(.has-background), - h3:not(.has-background), - h4:not(.has-background), - h5:not(.has-background), - h6:not(.has-background) { - padding-left: var(--global--spacing-unit); - padding-right: var(--global--spacing-unit); - } - } - } -} +.wp-block-columns { + + &:not(.alignwide):not(.alignfull) { + clear: both; + } + + .wp-block-column { + + > * { + margin-top: calc(0.66 * var(--global--spacing-vertical)); + margin-bottom: calc(0.66 * var(--global--spacing-vertical)); + + @include media(mobile) { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + + &:last-child { + margin-bottom: 0; + } + } + + .wp-block-column:not(:last-child) { + margin-bottom: calc(0.66 * var(--global--spacing-vertical)); + + @include media(mobile) { + margin-bottom: var(--global--spacing-vertical); + } + + @include media(desktop) { + margin-bottom: 0; + } + } + + &.is-style-twentytwentyone-columns-overlap { + + justify-content: space-around; + + @include media(laptop) { + + .wp-block-column { + + &:nth-child(2n) { + margin-left: calc(-2 * var(--global--spacing-horizontal)); + margin-top: calc(2.5 * var(--global--spacing-horizontal)); + z-index: 2; + + // Provide text-based child blocks with a default background color to ensure they're readable. + > p, + > h1, + > h2, + > h3, + > h4, + > h5, + > h6, + > ul, + > ol, + > pre { + + &:not(.has-background) { + background-color: var(--global--color-background); + padding: var(--global--spacing-unit); + } + } + + // Lists should still have their usual left padding. + > ul:not(.has-background), + > ol:not(.has-background) { + padding-left: calc(2 * var(--global--spacing-horizontal)); + } + + &.is-vertically-aligned-center { + margin-top: 0; + } + } + } + } + } + + &.alignfull { + + .wp-block-column { + + p:not(.has-background), + h1:not(.has-background), + h2:not(.has-background), + h3:not(.has-background), + h4:not(.has-background), + h5:not(.has-background), + h6:not(.has-background) { + padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + } + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss index 6584179e..b0c5b9a5 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/cover/_editor.scss @@ -1,72 +1,77 @@ -.wp-block-cover, -.wp-block-cover-image { - - &:not(.alignwide):not(.alignfull) { - clear: both; - } - - background-color: var(--cover--color-background); - min-height: var(--cover--height); - margin-top: inherit; - margin-bottom: inherit; - - [data-align="full"] & { - margin-top: 0; - margin-bottom: 0; - } - - @include innerblock-margin-clear(".wp-block-cover__inner-container"); - - .wp-block-cover__inner-container, - .wp-block-cover-image-text, - .wp-block-cover-text, - .block-editor-block-list__block { - color: currentColor; // uses text color specified with background-color options in /blocks/utilities/_style.scss - - a { - color: currentColor; - } - - .has-link-color a { - color: var(--wp--style--color--link, var(--global--color-primary)); - } - } - - // Default & custom background-color - &:not([class*="background-color"]) { - - .wp-block-cover__inner-container, - .wp-block-cover-image-text, - .wp-block-cover-text, - .block-editor-block-list__block { - color: var(--cover--color-foreground); - } - } - - // Treating H2 separately to account for legacy /core styles - h2 { - font-size: var(--heading--font-size-h2); - letter-spacing: var(--heading--letter-spacing-h2); - line-height: var(--heading--line-height-h2); - padding: 0; - max-width: inherit; // undo opinionated styles - text-align: inherit; - - &.has-text-align-left { - text-align: left; - } - - &.has-text-align-center { - text-align: center; - } - - &.has-text-align-right { - text-align: right; - } - } - - // Block Styles - &.is-style-twentytwentyone-border { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); - } -} +.wp-block-cover, +.wp-block-cover-image { + + &:not(.alignwide):not(.alignfull) { + clear: both; + } + + background-color: var(--cover--color-background); + min-height: var(--cover--height); + margin-top: inherit; + margin-bottom: inherit; + + [data-align="full"] & { + margin-top: 0; + margin-bottom: 0; + } + + @include innerblock-margin-clear(".wp-block-cover__inner-container"); + + .wp-block-cover__inner-container, + .wp-block-cover-image-text, + .wp-block-cover-text, + .block-editor-block-list__block { + color: currentColor; // uses text color specified with background-color options in /blocks/utilities/_style.scss + + a { + color: currentColor; + } + + .has-link-color a { + color: var(--wp--style--color--link, var(--global--color-primary)); + } + } + + // Default & custom background-color + &:not([class*="background-color"]) { + + .wp-block-cover__inner-container, + .wp-block-cover-image-text, + .wp-block-cover-text, + .block-editor-block-list__block { + color: var(--cover--color-foreground); + } + } + + // Treating H2 separately to account for legacy /core styles + h2 { + font-size: var(--heading--font-size-h2); + letter-spacing: var(--heading--letter-spacing-h2); + line-height: var(--heading--line-height-h2); + padding: 0; + max-width: inherit; // undo opinionated styles + text-align: inherit; + + &.has-text-align-left { + text-align: left; + } + + &.has-text-align-center { + text-align: center; + } + + &.has-text-align-right { + text-align: right; + } + } + + // Block Styles + &.is-style-twentytwentyone-border { + border: calc(3 * var(--separator--height)) solid var(--global--color-border); + } + + // The background color class is used just for the overlay, and does not need to be applied to the inner container. + &[class*="-background-color"][class] .wp-block-cover__inner-container { + background-color: unset; + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss index afb8b7e0..7114cfd4 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss @@ -1,111 +1,116 @@ -.wp-block-cover, -.wp-block-cover-image { - - &:not(.alignwide):not(.alignfull) { - clear: both; - } - - &.alignfull { - margin-top: 0; - margin-bottom: 0; - } - - background-color: var(--cover--color-background); - min-height: var(--cover--height); - margin-top: inherit; - margin-bottom: inherit; - - .wp-block-cover__inner-container, - .wp-block-cover-image-text, - .wp-block-cover-text { - color: currentColor; // Uses text color specified with background-color options in 07-utilities\color-palette.scss - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - - a:not(.wp-block-button__link):not(.wp-block-file__button) { - color: currentColor; - } - - .has-link-color a { - color: var(--wp--style--color--link, var(--global--color-primary)); - } - } - - /* default & custom background-color */ - &:not([class*="background-color"]) { - - .wp-block-cover__inner-container, - .wp-block-cover-image-text, - .wp-block-cover-text { - color: var(--cover--color-foreground); - } - } - - /* Treating H2 separately to account for legacy /core styles */ - h2 { - font-size: var(--heading--font-size-h2); - letter-spacing: var(--heading--letter-spacing-h2); - line-height: var(--heading--line-height-h2); - max-width: inherit; // undo opinionated styles - text-align: inherit; // undo opinionated styles - padding: 0; - - &.has-text-align-left { - text-align: left; - } - - &.has-text-align-center { - text-align: center; - } - - &.has-text-align-right { - text-align: right; - } - } - - .wp-block-cover__inner-container { - - width: calc(100% - calc(2 * var(--global--spacing-vertical))); - - > * { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); - - @include media(mobile) { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - } - - &.alignleft, - &.alignright { - margin-top: 0; - - > * { - margin-top: calc(2 * var(--global--spacing-vertical)); - margin-bottom: calc(2 * var(--global--spacing-vertical)); - padding-left: var(--global--spacing-horizontal); - padding-right: var(--global--spacing-horizontal); - width: 100%; - } - } - - &.has-left-content, - &.has-right-content { - justify-content: center; - } - - /* Block Styles */ - &.is-style-twentytwentyone-border { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); - } -} +.wp-block-cover, +.wp-block-cover-image { + + &:not(.alignwide):not(.alignfull) { + clear: both; + } + + &.alignfull { + margin-top: 0; + margin-bottom: 0; + } + + background-color: var(--cover--color-background); + min-height: var(--cover--height); + margin-top: inherit; + margin-bottom: inherit; + + .wp-block-cover__inner-container, + .wp-block-cover-image-text, + .wp-block-cover-text { + color: currentColor; // Uses text color specified with background-color options in 07-utilities\color-palette.scss + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + + a:not(.wp-block-button__link):not(.wp-block-file__button) { + color: currentColor; + } + + .has-link-color a { + color: var(--wp--style--color--link, var(--global--color-primary)); + } + } + + /* default & custom background-color */ + &:not([class*="background-color"]) { + + .wp-block-cover__inner-container, + .wp-block-cover-image-text, + .wp-block-cover-text { + color: var(--cover--color-foreground); + } + } + + /* Treating H2 separately to account for legacy /core styles */ + h2 { + font-size: var(--heading--font-size-h2); + letter-spacing: var(--heading--letter-spacing-h2); + line-height: var(--heading--line-height-h2); + max-width: inherit; // undo opinionated styles + text-align: inherit; // undo opinionated styles + padding: 0; + + &.has-text-align-left { + text-align: left; + } + + &.has-text-align-center { + text-align: center; + } + + &.has-text-align-right { + text-align: right; + } + } + + .wp-block-cover__inner-container { + + width: calc(100% - calc(2 * var(--global--spacing-vertical))); + + > * { + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + + @include media(mobile) { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + } + + &.alignleft, + &.alignright { + margin-top: 0; + + > * { + margin-top: calc(2 * var(--global--spacing-vertical)); + margin-bottom: calc(2 * var(--global--spacing-vertical)); + padding-left: var(--global--spacing-horizontal); + padding-right: var(--global--spacing-horizontal); + width: 100%; + } + } + + &.has-left-content, + &.has-right-content { + justify-content: center; + } + + /* Block Styles */ + &.is-style-twentytwentyone-border { + border: calc(3 * var(--separator--height)) solid var(--global--color-border); + } + + /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */ + &[class*="-background-color"][class] .wp-block-cover__inner-container { + background-color: unset; + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss index 3a01997f..b3a19479 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/file/_editor.scss @@ -1,24 +1,25 @@ -.wp-block-file { - - .wp-block-file__textlink { - text-decoration: underline; - text-decoration-style: solid; - text-decoration-thickness: 1px; - - &:hover { - text-decoration: underline; - text-decoration-style: dotted; - } - } - - .wp-block-file__button { - // Extend button style - @include button-style(); - display: inline-block; - - &:hover { - color: var(--button--color-text-hover); - background: transparent; - } - } -} +.wp-block-file { + + .wp-block-file__textlink { + text-decoration: underline; + text-decoration-style: solid; + text-decoration-thickness: 1px; + + &:hover { + text-decoration: underline; + text-decoration-style: dotted; + } + } + + .wp-block-file__button { + // Extend button style + @include button-style(); + display: inline-block; + + // Remove :focus styles in the editor + &:focus { + outline-offset: inherit; + outline: inherit; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss index 137d5113..5426f8a1 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/file/_style.scss @@ -1,24 +1,13 @@ -.wp-block-file { - - // Undo Gutenberg hover defaults - a.wp-block-file__button:active, - a.wp-block-file__button:focus, - a.wp-block-file__button:hover { - color: var(--button--color-text-hover); - opacity: inherit; - } - - a.wp-block-file__button:visited { - color: var(--button--color-text); - - &:hover { - color: var(--button--color-text-hover); - } - } - - .wp-block-file__button { - // Extend button style - @include button-style(); - display: inline-block; - } -} +.wp-block-file { + + // Undo Gutenberg hover defaults + a.wp-block-file__button:active, + a.wp-block-file__button:focus, + a.wp-block-file__button:hover { + opacity: inherit; + } + + a.wp-block-file__button { + display: inline-block; + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss index c30b0f5e..f08dfa54 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/gallery/_editor.scss @@ -1,10 +1,10 @@ -.wp-block-gallery { - - figcaption { - margin-bottom: 0; - - a { - color: var(--global--color-white); - } - } -} +.wp-block-gallery { + + figcaption { + margin-bottom: 0; + + a { + color: var(--global--color-white); + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss index 76723433..81c9d1ac 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/gallery/_style.scss @@ -1,33 +1,33 @@ -.wp-block-gallery { - - margin: 0 auto; - - .blocks-gallery-image, - .blocks-gallery-item { - - // On mobile and responsive viewports, we allow only 1 or 2 columns at the most. - width: calc((100% - var(--global--spacing-unit)) / 2); - - figcaption { - margin: 0; - // Text color is always white to account for default gradient background - color: var(--global--color-white); - font-size: var(--global--font-size-xs); - - a { - color: var(--global--color-white); - - &:focus { - background-color: transparent; - outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); - text-decoration: none; - } - } - } - - a:focus img { - outline-offset: 2px; - } - - } -} +.wp-block-gallery { + + margin: 0 auto; + + .blocks-gallery-image, + .blocks-gallery-item { + + // On mobile and responsive viewports, we allow only 1 or 2 columns at the most. + width: calc((100% - var(--global--spacing-unit)) / 2); + + figcaption { + margin: 0; + // Text color is always white to account for default gradient background + color: var(--global--color-white); + font-size: var(--global--font-size-xs); + + a { + color: var(--global--color-white); + + &:focus { + background-color: transparent; + outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); + text-decoration: none; + } + } + } + + a:focus img { + outline-offset: 2px; + } + + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss index ddccb429..c3f2bd62 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/group/_editor.scss @@ -1,45 +1,45 @@ -.wp-block-group { - // Start IE clearfix. - // This hack is only necessary because we want to support IE11. - // If we don't want to support IE11, then "display: flow-root" would suffice. - display: block; - clear: both; - - display: flow-root; // stylelint-disable-line declaration-block-no-duplicate-properties - - &:before, - &:after { - content: ""; - display: block; - clear: both; - } - // End IE clearfix. - - &.has-background { - padding: var(--global--spacing-vertical); - - [data-align="full"] & { - margin-top: 0; - margin-bottom: 0; - } - } - - // Block Styles - &.is-style-twentytwentyone-border { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); - padding: var(--global--spacing-vertical); - - .wp-block-group__inner-container > [data-align="full"] { - max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); - width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); - margin-left: calc(-1 * var(--global--spacing-vertical)); - } - } - - @include innerblock-margin-clear(".wp-block-group__inner-container"); -} - -.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] { - margin: 0; - width: 100%; -} +.wp-block-group { + // Start IE clearfix. + // This hack is only necessary because we want to support IE11. + // If we don't want to support IE11, then "display: flow-root" would suffice. + display: block; + clear: both; + + display: flow-root; // stylelint-disable-line declaration-block-no-duplicate-properties + + &:before, + &:after { + content: ""; + display: block; + clear: both; + } + // End IE clearfix. + + &.has-background { + padding: var(--global--spacing-vertical); + + [data-align="full"] & { + margin-top: 0; + margin-bottom: 0; + } + } + + // Block Styles + &.is-style-twentytwentyone-border { + border: calc(3 * var(--separator--height)) solid var(--global--color-border); + padding: var(--global--spacing-vertical); + + .wp-block-group__inner-container > [data-align="full"] { + max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); + width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); + margin-left: calc(-1 * var(--global--spacing-vertical)); + } + } + + @include innerblock-margin-clear(".wp-block-group__inner-container"); +} + +.wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] { + margin: 0; + width: 100%; +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss index cd16887a..72c756d3 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/group/_style.scss @@ -1,70 +1,70 @@ -.wp-block-group { - // Start IE clearfix. - // This hack is only necessary because we want to support IE11. - // If we don't want to support IE11, then "display: flow-root" would suffice. - display: block; - clear: both; - - display: flow-root; // stylelint-disable-line declaration-block-no-duplicate-properties - - &:before, - &:after { - content: ""; - display: block; - clear: both; - } - // End IE clearfix. - - .wp-block-group__inner-container { - margin-left: auto; - margin-right: auto; - - > * { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); - - &.alignfull { - @extend %responsive-alignfull-width-mobile; - } - - @include media(mobile) { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - } - - &.has-background { - padding: calc(0.666 * var(--global--spacing-vertical)); - - @include media(mobile) { - padding: var(--global--spacing-vertical); - } - } - - // Block Styles - &.is-style-twentytwentyone-border { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); - padding: var(--global--spacing-vertical); - } - - // Adjust alignfull items to account for left and right padding. - &.has-background, - &.is-style-twentytwentyone-border { - - .wp-block-group__inner-container > .alignfull, - .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { - max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); - width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); - margin-left: calc(-1 * var(--global--spacing-vertical)); - } - } -} +.wp-block-group { + // Start IE clearfix. + // This hack is only necessary because we want to support IE11. + // If we don't want to support IE11, then "display: flow-root" would suffice. + display: block; + clear: both; + + display: flow-root; // stylelint-disable-line declaration-block-no-duplicate-properties + + &:before, + &:after { + content: ""; + display: block; + clear: both; + } + // End IE clearfix. + + .wp-block-group__inner-container { + margin-left: auto; + margin-right: auto; + + > * { + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + + &.alignfull { + @extend %responsive-alignfull-width-mobile; + } + + @include media(mobile) { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + } + + &.has-background { + padding: calc(0.666 * var(--global--spacing-vertical)); + + @include media(mobile) { + padding: var(--global--spacing-vertical); + } + } + + // Block Styles + &.is-style-twentytwentyone-border { + border: calc(3 * var(--separator--height)) solid var(--global--color-border); + padding: var(--global--spacing-vertical); + } + + // Adjust alignfull items to account for left and right padding. + &.has-background, + &.is-style-twentytwentyone-border { + + .wp-block-group__inner-container > .alignfull, + .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { + max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); + width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); + margin-left: calc(-1 * var(--global--spacing-vertical)); + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss index 4796cd54..b1c6a9ee 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/heading/_editor.scss @@ -1,81 +1,81 @@ -.wp-block-heading h1, -h1, -.h1, -.wp-block-heading h2, -h2, -.h2, -.wp-block-heading h3, -h3, -.h3, -.wp-block-heading h4, -h4, -.h4, -.wp-block-heading h5, -h5, -.h5, -.wp-block-heading h6, -h6, -.h6 { - clear: both; - font-family: var(--heading--font-family); - font-weight: var(--heading--font-weight); - - strong { - font-weight: var(--heading--font-weight-strong); - } - - &[style*="--wp--typography--line-height"] { - line-height: var(--wp--typography--line-height, --global--line-height-body); - } -} - -.wp-block-heading h1, -h1, -.h1 { - font-size: var(--heading--font-size-h1); - letter-spacing: var(--heading--letter-spacing-h1); - line-height: var(--heading--line-height-h1); -} - -.wp-block-heading h2, -h2, -.h2 { - font-size: var(--heading--font-size-h2); - letter-spacing: var(--heading--letter-spacing-h2); - line-height: var(--heading--line-height-h2); -} - -.wp-block-heading h3, -h3, -.h3 { - font-size: var(--heading--font-size-h3); - letter-spacing: var(--heading--letter-spacing-h3); - line-height: var(--heading--line-height-h3); -} - -.wp-block-heading h4, -h4, -.h4 { - font-size: var(--heading--font-size-h4); - font-weight: var(--heading--font-weight-strong); - letter-spacing: var(--heading--letter-spacing-h4); - line-height: var(--heading--line-height-h4); -} - -.wp-block-heading h5, -h5, -.h5 { - font-size: var(--heading--font-size-h5); - font-weight: var(--heading--font-weight-strong); - letter-spacing: var(--heading--letter-spacing-h5); - line-height: var(--heading--line-height-h5); -} - -.wp-block-heading h6, -h6, -.h6 { - font-size: var(--heading--font-size-h6); - font-weight: var(--heading--font-weight-strong); - letter-spacing: var(--heading--letter-spacing-h6); - line-height: var(--heading--line-height-h6); -} +.wp-block-heading h1, +h1, +.h1, +.wp-block-heading h2, +h2, +.h2, +.wp-block-heading h3, +h3, +.h3, +.wp-block-heading h4, +h4, +.h4, +.wp-block-heading h5, +h5, +.h5, +.wp-block-heading h6, +h6, +.h6 { + clear: both; + font-family: var(--heading--font-family); + font-weight: var(--heading--font-weight); + + strong { + font-weight: var(--heading--font-weight-strong); + } + + &[style*="--wp--typography--line-height"] { + line-height: var(--wp--typography--line-height, var(--global--line-height-body)); + } +} + +.wp-block-heading h1, +h1, +.h1 { + font-size: var(--heading--font-size-h1); + letter-spacing: var(--heading--letter-spacing-h1); + line-height: var(--heading--line-height-h1); +} + +.wp-block-heading h2, +h2, +.h2 { + font-size: var(--heading--font-size-h2); + letter-spacing: var(--heading--letter-spacing-h2); + line-height: var(--heading--line-height-h2); +} + +.wp-block-heading h3, +h3, +.h3 { + font-size: var(--heading--font-size-h3); + letter-spacing: var(--heading--letter-spacing-h3); + line-height: var(--heading--line-height-h3); +} + +.wp-block-heading h4, +h4, +.h4 { + font-size: var(--heading--font-size-h4); + font-weight: var(--heading--font-weight-strong); + letter-spacing: var(--heading--letter-spacing-h4); + line-height: var(--heading--line-height-h4); +} + +.wp-block-heading h5, +h5, +.h5 { + font-size: var(--heading--font-size-h5); + font-weight: var(--heading--font-weight-strong); + letter-spacing: var(--heading--letter-spacing-h5); + line-height: var(--heading--line-height-h5); +} + +.wp-block-heading h6, +h6, +.h6 { + font-size: var(--heading--font-size-h6); + font-weight: var(--heading--font-weight-strong); + letter-spacing: var(--heading--letter-spacing-h6); + line-height: var(--heading--line-height-h6); +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss index 943ae65a..5e5e3070 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/heading/_style.scss @@ -1,65 +1,65 @@ -h1, -.h1, -h2, -.h2, -h3, -.h3, -h4, -.h4, -h5, -.h5, -h6, -.h6 { - clear: both; - font-family: var(--heading--font-family); - font-weight: var(--heading--font-weight); - - strong { - font-weight: var(--heading--font-weight-strong); - } -} - -h1, -.h1 { - font-size: var(--heading--font-size-h1); - letter-spacing: var(--heading--letter-spacing-h1); - line-height: var(--heading--line-height-h1); -} - -h2, -.h2 { - font-size: var(--heading--font-size-h2); - letter-spacing: var(--heading--letter-spacing-h2); - line-height: var(--heading--line-height-h2); -} - -h3, -.h3 { - font-size: var(--heading--font-size-h3); - letter-spacing: var(--heading--letter-spacing-h3); - line-height: var(--heading--line-height-h3); -} - -h4, -.h4 { - font-size: var(--heading--font-size-h4); - font-weight: var(--heading--font-weight-strong); - letter-spacing: var(--heading--letter-spacing-h4); - line-height: var(--heading--line-height-h4); -} - -h5, -.h5 { - font-size: var(--heading--font-size-h5); - font-weight: var(--heading--font-weight-strong); - letter-spacing: var(--heading--letter-spacing-h5); - line-height: var(--heading--line-height-h5); -} - -h6, -.h6 { - font-size: var(--heading--font-size-h6); - font-weight: var(--heading--font-weight-strong); - letter-spacing: var(--heading--letter-spacing-h6); - line-height: var(--heading--line-height-h6); -} +h1, +.h1, +h2, +.h2, +h3, +.h3, +h4, +.h4, +h5, +.h5, +h6, +.h6 { + clear: both; + font-family: var(--heading--font-family); + font-weight: var(--heading--font-weight); + + strong { + font-weight: var(--heading--font-weight-strong); + } +} + +h1, +.h1 { + font-size: var(--heading--font-size-h1); + letter-spacing: var(--heading--letter-spacing-h1); + line-height: var(--heading--line-height-h1); +} + +h2, +.h2 { + font-size: var(--heading--font-size-h2); + letter-spacing: var(--heading--letter-spacing-h2); + line-height: var(--heading--line-height-h2); +} + +h3, +.h3 { + font-size: var(--heading--font-size-h3); + letter-spacing: var(--heading--letter-spacing-h3); + line-height: var(--heading--line-height-h3); +} + +h4, +.h4 { + font-size: var(--heading--font-size-h4); + font-weight: var(--heading--font-weight-strong); + letter-spacing: var(--heading--letter-spacing-h4); + line-height: var(--heading--line-height-h4); +} + +h5, +.h5 { + font-size: var(--heading--font-size-h5); + font-weight: var(--heading--font-weight-strong); + letter-spacing: var(--heading--letter-spacing-h5); + line-height: var(--heading--line-height-h5); +} + +h6, +.h6 { + font-size: var(--heading--font-size-h6); + font-weight: var(--heading--font-weight-strong); + letter-spacing: var(--heading--letter-spacing-h6); + line-height: var(--heading--line-height-h6); +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss index 5215ecc2..eae872ea 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/html/_editor.scss @@ -1,6 +1,6 @@ -[data-type="core/html"] textarea { - // Make sure that the color is not white on white when a dark body background is used. - color: var(--global--color-dark-gray); - border-radius: 0; - padding: var(--global--spacing-unit); -} +[data-type="core/html"] textarea { + // Make sure that the color is not white on white when a dark body background is used. + color: var(--global--color-dark-gray); + border-radius: 0; + padding: var(--global--spacing-unit); +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss index 20c1531f..e4ed9d7a 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/image/_editor.scss @@ -1,20 +1,20 @@ -/* Center image block by default in the editor */ - -.wp-block-image > div { - text-align: center; -} - -[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { - margin: 0 auto; -} - -/* Block Styles */ - -.wp-block-image.is-style-twentytwentyone-border img, -.wp-block-image.is-style-twentytwentyone-image-frame img { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); -} - -.wp-block-image.is-style-twentytwentyone-image-frame img { - padding: var(--global--spacing-unit); -} +/* Center image block by default in the editor */ + +.wp-block-image > div { + text-align: center; +} + +[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { + margin: 0 auto; +} + +/* Block Styles */ + +.wp-block-image.is-style-twentytwentyone-border img, +.wp-block-image.is-style-twentytwentyone-image-frame img { + border: calc(3 * var(--separator--height)) solid var(--global--color-border); +} + +.wp-block-image.is-style-twentytwentyone-image-frame img { + padding: var(--global--spacing-unit); +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss index f2eb3c8c..989f0606 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/image/_style.scss @@ -1,69 +1,63 @@ -.wp-block-image { - text-align: center; - - figcaption { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - line-height: var(--global--line-height-body); - margin-top: calc(0.5 * var(--global--spacing-unit)); - margin-bottom: var(--global--spacing-unit); - text-align: center; - } - - .alignright { - margin-left: var(--global--spacing-horizontal); - } - - .alignleft { - margin-right: var(--global--spacing-horizontal); - } - - a:focus img { - outline-offset: 2px; - } -} - -// Remove vertical margins from image block wrappers when floated -.entry-content > *[class="wp-block-image"], -.entry-content [class*="inner-container"] > *[class="wp-block-image"] { - margin-top: 0; - margin-bottom: 0; - - // Remove top margins from the following element when previous image block is floated - + * { - margin-top: 0; - } -} - -img { - height: auto; - max-width: 100%; - vertical-align: middle; -} - -// Block Styles -.wp-block-image.is-style-twentytwentyone-border img, -.wp-block-image.is-style-twentytwentyone-image-frame img { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); -} - -.wp-block-image.is-style-twentytwentyone-image-frame img { - padding: var(--global--spacing-unit); -} - -.entry-content { - - > .wp-block-image { - - > .alignleft, - > .alignright { - @include media(mobile) { - max-width: 50%; - } - @include media(mobile-only) { - margin-left: 0; - margin-right: 0; - } - } - } -} +.wp-block-image { + text-align: center; + + figcaption { + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + line-height: var(--global--line-height-body); + margin-top: calc(0.5 * var(--global--spacing-unit)); + margin-bottom: var(--global--spacing-unit); + text-align: center; + } + + .alignright { + margin-left: var(--global--spacing-horizontal); + } + + .alignleft { + margin-right: var(--global--spacing-horizontal); + } + + a:focus img { + outline-offset: 2px; + } +} + +// Remove vertical margins from image block wrappers when floated +.entry-content > *[class="wp-block-image"], +.entry-content [class*="inner-container"] > *[class="wp-block-image"] { + margin-top: 0; + margin-bottom: 0; + + // Remove top margins from the following element when previous image block is floated + + * { + margin-top: 0; + } +} + +// Block Styles +.wp-block-image.is-style-twentytwentyone-border img, +.wp-block-image.is-style-twentytwentyone-image-frame img { + border: calc(3 * var(--separator--height)) solid var(--global--color-border); +} + +.wp-block-image.is-style-twentytwentyone-image-frame img { + padding: var(--global--spacing-unit); +} + +.entry-content { + + > .wp-block-image { + + > .alignleft, + > .alignright { + @include media(mobile) { + max-width: 50%; + } + @include media(mobile-only) { + margin-left: 0; + margin-right: 0; + } + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss index 60ef3485..fa7703d5 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss @@ -1,3 +1,3 @@ -.wp-block-latest-comments { - padding-left: 0; -} +.wp-block-latest-comments { + padding-left: 0; +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss index b627d4de..1ab27486 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss @@ -1,35 +1,35 @@ -.wp-block-latest-comments { - padding-left: 0; - - .wp-block-latest-comments__comment { - font-size: var(--global--font-size-sm); - line-height: var(--global--line-height-body); - - /* Vertical margins logic */ - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - .wp-block-latest-comments__comment-meta { - font-family: var(--heading--font-family); - } - - .wp-block-latest-comments__comment-date { - color: var(--global--color-primary); - font-size: var(--global--font-size-sm); - } - - .wp-block-latest-comments__comment-excerpt p { - font-size: var(--global--font-size-sm); - line-height: var(--global--line-height-body); - margin: 0; - } -} +.wp-block-latest-comments { + padding-left: 0; + + .wp-block-latest-comments__comment { + font-size: var(--global--font-size-sm); + line-height: var(--global--line-height-body); + + /* Vertical margins logic */ + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + + .wp-block-latest-comments__comment-meta { + font-family: var(--heading--font-family); + } + + .wp-block-latest-comments__comment-date { + color: var(--global--color-primary); + font-size: var(--global--font-size-sm); + } + + .wp-block-latest-comments__comment-excerpt p { + font-size: var(--global--font-size-sm); + line-height: var(--global--line-height-body); + margin: 0; + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss index 2067d851..a5cf5c40 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_editor.scss @@ -1,144 +1,144 @@ -.wp-block-latest-posts { - padding-left: 0; - - // Vertical margins logic - &:not(.is-grid) > li { - margin-top: calc(1.666 * var(--global--spacing-vertical)); - margin-bottom: calc(1.666 * var(--global--spacing-vertical)); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - &.is-grid { - word-wrap: break-word; - word-break: break-word; - - > li { - margin-bottom: var(--global--spacing-vertical); - - &:last-child { - margin-bottom: 0; - } - } - } - - > li > * { - margin-top: calc(0.333 * var(--global--spacing-vertical)); - margin-bottom: calc(0.333 * var(--global--spacing-vertical)); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - // Post title - > li > a { - display: inline-block; - font-family: var(--latest-posts--title-font-family); - font-size: var(--latest-posts--title-font-size); - font-weight: var(--heading--font-weight); - line-height: var(--global--line-height-heading); - margin-bottom: calc(0.333 * var(--global--spacing-vertical)); - } - - // Post author - .wp-block-latest-posts__post-author { - color: var(--global--color-primary); - font-size: var(--global--font-size-md); - line-height: var(--global--line-height-body); - } - - // Post date - .wp-block-latest-posts__post-date { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - line-height: var(--global--line-height-body); - - [class*="inner-container"] &, - .has-background & { - color: currentColor; - } - } - - // Post content - .wp-block-latest-posts__post-excerpt, - .wp-block-latest-posts__post-full-content { - font-family: var(--latest-posts--description-font-family); - font-size: var(--latest-posts--description-font-size); - line-height: var(--global--line-height-body); - margin-top: calc(0.666 * var(--global--spacing-vertical)); - } - - // Block Styles - &.is-style-twentytwentyone-latest-posts-dividers { - border-top: calc(3 * var(--separator--height)) solid var(--global--color-border); - border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border); - - &:not(.is-grid) > li, - > li { - padding-bottom: var(--global--spacing-vertical); - border-bottom: var(--separator--height) solid var(--global--color-border); - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - - &:last-child { - padding-bottom: 0; - border-bottom: none; - } - } - - &.is-grid { - // Border moves up 1px to overlap the li borders in the last row. - box-shadow: inset 0 -1px 0 0 var(--global--color-border); - border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border); - - li { - margin: 0; - padding-top: var(--global--spacing-vertical); - padding-right: var(--global--spacing-horizontal); - - &:last-child { - padding-bottom: var(--global--spacing-vertical); - } - } - - // This is using a non-standard media query because it is directly overriding the gutenberg-provided widths. - // https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/latest-posts/style.scss#L28-L34 - @media screen and (min-width: 600px) { - @for $i from 2 through 6 { - &.columns-#{ $i } li { - width: calc((100% / #{ $i })); - } - } - } - } - } - - &.is-style-twentytwentyone-latest-posts-borders { - - li { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); - padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); - - &:last-child { - padding-bottom: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } - } - - &:not(.is-grid) li { - margin-top: var(--global--spacing-horizontal); - margin-bottom: var(--global--spacing-horizontal); - } - } -} +.wp-block-latest-posts { + padding-left: 0; + + // Vertical margins logic + &:not(.is-grid) > li { + margin-top: calc(1.666 * var(--global--spacing-vertical)); + margin-bottom: calc(1.666 * var(--global--spacing-vertical)); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + + &.is-grid { + word-wrap: break-word; + word-break: break-word; + + > li { + margin-bottom: var(--global--spacing-vertical); + + &:last-child { + margin-bottom: 0; + } + } + } + + > li > * { + margin-top: calc(0.333 * var(--global--spacing-vertical)); + margin-bottom: calc(0.333 * var(--global--spacing-vertical)); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + + // Post title + > li > a { + display: inline-block; + font-family: var(--latest-posts--title-font-family); + font-size: var(--latest-posts--title-font-size); + font-weight: var(--heading--font-weight); + line-height: var(--global--line-height-heading); + margin-bottom: calc(0.333 * var(--global--spacing-vertical)); + } + + // Post author + .wp-block-latest-posts__post-author { + color: var(--global--color-primary); + font-size: var(--global--font-size-md); + line-height: var(--global--line-height-body); + } + + // Post date + .wp-block-latest-posts__post-date { + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + line-height: var(--global--line-height-body); + + [class*="inner-container"] &, + .has-background & { + color: currentColor; + } + } + + // Post content + .wp-block-latest-posts__post-excerpt, + .wp-block-latest-posts__post-full-content { + font-family: var(--latest-posts--description-font-family); + font-size: var(--latest-posts--description-font-size); + line-height: var(--global--line-height-body); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + } + + // Block Styles + &.is-style-twentytwentyone-latest-posts-dividers { + border-top: calc(3 * var(--separator--height)) solid var(--global--color-border); + border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border); + + &:not(.is-grid) > li, + > li { + padding-bottom: var(--global--spacing-vertical); + border-bottom: var(--separator--height) solid var(--global--color-border); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + + &:last-child { + padding-bottom: 0; + border-bottom: none; + } + } + + &.is-grid { + // Border moves up 1px to overlap the li borders in the last row. + box-shadow: inset 0 -1px 0 0 var(--global--color-border); + border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border); + + li { + margin: 0; + padding-top: var(--global--spacing-vertical); + padding-right: var(--global--spacing-horizontal); + + &:last-child { + padding-bottom: var(--global--spacing-vertical); + } + } + + // This is using a non-standard media query because it is directly overriding the gutenberg-provided widths. + // https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/latest-posts/style.scss#L28-L34 + @media screen and (min-width: 600px) { + @for $i from 2 through 6 { + &.columns-#{ $i } li { + width: calc((100% / #{ $i })); + } + } + } + } + } + + &.is-style-twentytwentyone-latest-posts-borders { + + li { + border: calc(3 * var(--separator--height)) solid var(--global--color-border); + padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); + + &:last-child { + padding-bottom: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } + } + + &:not(.is-grid) li { + margin-top: var(--global--spacing-horizontal); + margin-bottom: var(--global--spacing-horizontal); + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss index 3a5d356d..f9bf6dc3 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss @@ -1,169 +1,169 @@ -.wp-block-latest-posts { - padding-left: 0; - - // Vertical margins logic - &:not(.is-grid) > li { - margin-top: calc(1.666 * var(--global--spacing-vertical)); - margin-bottom: calc(1.666 * var(--global--spacing-vertical)); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - &.is-grid { - word-wrap: break-word; - word-break: break-word; - - > li { - margin-bottom: var(--global--spacing-vertical); - - &:last-child { - margin-bottom: 0; - } - } - - // Remove bottom margins in grid columns - &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), - &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, - &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), - &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, - &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), - &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, - &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), - &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, - &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), - &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { - margin-bottom: 0; - } - } - - > li > * { - margin-top: calc(0.333 * var(--global--spacing-vertical)); - margin-bottom: calc(0.333 * var(--global--spacing-vertical)); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - // Post title - > li > a { - display: inline-block; - font-family: var(--latest-posts--title-font-family); - font-size: var(--latest-posts--title-font-size); - font-weight: var(--heading--font-weight); - line-height: var(--global--line-height-heading); - margin-bottom: calc(0.333 * var(--global--spacing-vertical)); - } - - // Post author - .wp-block-latest-posts__post-author { - color: var(--global--color-primary); - font-size: var(--global--font-size-md); - line-height: var(--global--line-height-body); - } - - // Post date - .wp-block-latest-posts__post-date { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - line-height: var(--global--line-height-body); - - [class*="inner-container"] &, - .has-background & { - color: currentColor; - } - } - - // Post content - .wp-block-latest-posts__post-excerpt, - .wp-block-latest-posts__post-full-content { - font-family: var(--latest-posts--description-font-family); - font-size: var(--latest-posts--description-font-size); - line-height: var(--global--line-height-body); - margin-top: calc(0.666 * var(--global--spacing-vertical)); - } - - // Utility classes - &.alignfull { - padding-left: var(--global--spacing-unit); - padding-right: var(--global--spacing-unit); - - .entry-content [class*="inner-container"] &, - .entry-content .has-background & { - padding-left: 0; - padding-right: 0; - } - } - - // Block Styles - &.is-style-twentytwentyone-latest-posts-dividers { - border-top: calc(3 * var(--separator--height)) solid var(--global--color-border); - border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border); - - &:not(.is-grid) > li, - > li { - padding-bottom: var(--global--spacing-vertical); - border-bottom: var(--separator--height) solid var(--global--color-border); - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - - &:last-child { - padding-bottom: 0; - border-bottom: none; - } - } - - &.is-grid { - // Border moves up 1px to overlap the li borders in the last row. - box-shadow: inset 0 -1px 0 0 var(--global--color-border); - border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border); - - li { - margin: 0; - padding-top: var(--global--spacing-vertical); - padding-right: var(--global--spacing-horizontal); - - &:last-child { - padding-bottom: var(--global--spacing-vertical); - } - } - - // This is using a non-standard media query because it is directly overriding the gutenberg-provided widths. - // https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/latest-posts/style.scss#L28-L34 - @media screen and (min-width: 600px) { - @for $i from 2 through 6 { - &.columns-#{ $i } li { - width: calc((100% / #{ $i })); - } - } - } - } - } - - &.is-style-twentytwentyone-latest-posts-borders { - - li { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); - padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); - - &:last-child { - padding-bottom: var(--global--spacing-vertical); - } - } - - &:not(.is-grid) li { - margin-top: var(--global--spacing-horizontal); - margin-bottom: var(--global--spacing-horizontal); - } - } -} +.wp-block-latest-posts { + padding-left: 0; + + // Vertical margins logic + &:not(.is-grid) > li { + margin-top: calc(1.666 * var(--global--spacing-vertical)); + margin-bottom: calc(1.666 * var(--global--spacing-vertical)); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + + &.is-grid { + word-wrap: break-word; + word-break: break-word; + + > li { + margin-bottom: var(--global--spacing-vertical); + + &:last-child { + margin-bottom: 0; + } + } + + // Remove bottom margins in grid columns + &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), + &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, + &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), + &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, + &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), + &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, + &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), + &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, + &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), + &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { + margin-bottom: 0; + } + } + + > li > * { + margin-top: calc(0.333 * var(--global--spacing-vertical)); + margin-bottom: calc(0.333 * var(--global--spacing-vertical)); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + + // Post title + > li > a { + display: inline-block; + font-family: var(--latest-posts--title-font-family); + font-size: var(--latest-posts--title-font-size); + font-weight: var(--heading--font-weight); + line-height: var(--global--line-height-heading); + margin-bottom: calc(0.333 * var(--global--spacing-vertical)); + } + + // Post author + .wp-block-latest-posts__post-author { + color: var(--global--color-primary); + font-size: var(--global--font-size-md); + line-height: var(--global--line-height-body); + } + + // Post date + .wp-block-latest-posts__post-date { + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + line-height: var(--global--line-height-body); + + [class*="inner-container"] &, + .has-background & { + color: currentColor; + } + } + + // Post content + .wp-block-latest-posts__post-excerpt, + .wp-block-latest-posts__post-full-content { + font-family: var(--latest-posts--description-font-family); + font-size: var(--latest-posts--description-font-size); + line-height: var(--global--line-height-body); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + } + + // Utility classes + &.alignfull { + padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + + .entry-content [class*="inner-container"] &, + .entry-content .has-background & { + padding-left: 0; + padding-right: 0; + } + } + + // Block Styles + &.is-style-twentytwentyone-latest-posts-dividers { + border-top: calc(3 * var(--separator--height)) solid var(--global--color-border); + border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border); + + &:not(.is-grid) > li, + > li { + padding-bottom: var(--global--spacing-vertical); + border-bottom: var(--separator--height) solid var(--global--color-border); + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + + &:last-child { + padding-bottom: 0; + border-bottom: none; + } + } + + &.is-grid { + // Border moves up 1px to overlap the li borders in the last row. + box-shadow: inset 0 -1px 0 0 var(--global--color-border); + border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border); + + li { + margin: 0; + padding-top: var(--global--spacing-vertical); + padding-right: var(--global--spacing-horizontal); + + &:last-child { + padding-bottom: var(--global--spacing-vertical); + } + } + + // This is using a non-standard media query because it is directly overriding the gutenberg-provided widths. + // https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/latest-posts/style.scss#L28-L34 + @media screen and (min-width: 600px) { + @for $i from 2 through 6 { + &.columns-#{ $i } li { + width: calc((100% / #{ $i })); + } + } + } + } + } + + &.is-style-twentytwentyone-latest-posts-borders { + + li { + border: calc(3 * var(--separator--height)) solid var(--global--color-border); + padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); + + &:last-child { + padding-bottom: var(--global--spacing-vertical); + } + } + + &:not(.is-grid) li { + margin-top: var(--global--spacing-horizontal); + margin-bottom: var(--global--spacing-horizontal); + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss index c5202bf7..c3b540ff 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/legacy/_editor.scss @@ -1,42 +1,42 @@ -.gallery-item { - display: inline-block; - text-align: center; - vertical-align: top; - width: 100%; - - .gallery-columns-2 & { - max-width: 50%; - } - - .gallery-columns-3 & { - max-width: 33.33%; - } - - .gallery-columns-4 & { - max-width: 25%; - } - - .gallery-columns-5 & { - max-width: 20%; - } - - .gallery-columns-6 & { - max-width: 16.66%; - } - - .gallery-columns-7 & { - max-width: 14.28%; - } - - .gallery-columns-8 & { - max-width: 12.5%; - } - - .gallery-columns-9 & { - max-width: 11.11%; - } -} - -.gallery-caption { - display: block; -} +.gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; + + .gallery-columns-2 & { + max-width: 50%; + } + + .gallery-columns-3 & { + max-width: 33.33%; + } + + .gallery-columns-4 & { + max-width: 25%; + } + + .gallery-columns-5 & { + max-width: 20%; + } + + .gallery-columns-6 & { + max-width: 16.66%; + } + + .gallery-columns-7 & { + max-width: 14.28%; + } + + .gallery-columns-8 & { + max-width: 12.5%; + } + + .gallery-columns-9 & { + max-width: 11.11%; + } +} + +.gallery-caption { + display: block; +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss index ad67d580..efbc1bf1 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/legacy/_style.scss @@ -1,55 +1,55 @@ -.gallery-item { - display: inline-block; - text-align: center; - vertical-align: top; - width: 100%; - - a { - display: block; - } - - a:focus img { - outline-offset: -2px; - } - - .gallery-columns-2 & { - max-width: 50%; - } - - .gallery-columns-3 & { - max-width: 33.33%; - } - - .gallery-columns-4 & { - max-width: 25%; - } - - .gallery-columns-5 & { - max-width: 20%; - } - - .gallery-columns-6 & { - max-width: 16.66%; - } - - .gallery-columns-7 & { - max-width: 14.28%; - } - - .gallery-columns-8 & { - max-width: 12.5%; - } - - .gallery-columns-9 & { - max-width: 11.11%; - } -} - -.gallery-caption { - display: block; -} - -// Legacy images, linked -figure.wp-caption a:focus img { - outline-offset: 2px; -} +.gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; + + a { + display: block; + } + + a:focus img { + outline-offset: -2px; + } + + .gallery-columns-2 & { + max-width: 50%; + } + + .gallery-columns-3 & { + max-width: 33.33%; + } + + .gallery-columns-4 & { + max-width: 25%; + } + + .gallery-columns-5 & { + max-width: 20%; + } + + .gallery-columns-6 & { + max-width: 16.66%; + } + + .gallery-columns-7 & { + max-width: 14.28%; + } + + .gallery-columns-8 & { + max-width: 12.5%; + } + + .gallery-columns-9 & { + max-width: 11.11%; + } +} + +.gallery-caption { + display: block; +} + +// Legacy images, linked +figure.wp-caption a:focus img { + outline-offset: 2px; +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss index 27bbdc6f..1b27b3c3 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/list/_editor.scss @@ -1,32 +1,32 @@ -ul, -ol { - font-family: var(--list--font-family); - margin: var(--global--spacing-vertical) 0; - padding-left: calc(2 * var(--global--spacing-horizontal)); - - // Utility classes - &.aligncenter { - list-style-position: inside; - padding: 0; - text-align: center; - } - - &.alignright { - list-style-position: inside; - padding: 0; - text-align: right; - } -} - -li { - - > ul, - > ol { - margin: 0; - } -} - -dt { - font-family: var(--definition-term--font-family); - font-weight: bold; -} +ul, +ol { + font-family: var(--list--font-family); + margin: var(--global--spacing-vertical) 0; + padding-left: calc(2 * var(--global--spacing-horizontal)); + + // Utility classes + &.aligncenter { + list-style-position: inside; + padding: 0; + text-align: center; + } + + &.alignright { + list-style-position: inside; + padding: 0; + text-align: right; + } +} + +li { + + > ul, + > ol { + margin: 0; + } +} + +dt { + font-family: var(--definition-term--font-family); + font-weight: bold; +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss index f89a2fdb..3b22604b 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/list/_style.scss @@ -1,36 +1,42 @@ -ul, -ol { - font-family: var(--list--font-family); - margin: 0; - padding-left: calc(2 * var(--global--spacing-horizontal)); - - // Utility classes - &.aligncenter { - list-style-position: inside; - padding: 0; - } - - &.alignright { - list-style-position: inside; - text-align: right; - padding: 0; - } -} - -ul { - list-style-type: disc; -} - -ol { - list-style-type: decimal; -} - -dt { - font-family: var(--definition-term--font-family); - font-weight: bold; -} - -dd { - margin: 0; - padding-left: calc(2 * var(--global--spacing-horizontal)); -} +ul, +ol { + font-family: var(--list--font-family); + margin: 0; + padding-left: calc(2 * var(--global--spacing-horizontal)); + + // Utility classes + &.aligncenter { + list-style-position: inside; + padding: 0; + } + + &.alignright { + list-style-position: inside; + text-align: right; + padding: 0; + } +} + +ul { + list-style-type: disc; + ul { + list-style-type: circle; + } +} + +ol { + list-style-type: decimal; + ul { + list-style-type: circle; + } +} + +dt { + font-family: var(--definition-term--font-family); + font-weight: bold; +} + +dd { + margin: 0; + padding-left: calc(2 * var(--global--spacing-horizontal)); +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss index 1bdc2479..583dc3d9 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/media-text/_editor.scss @@ -1,18 +1,18 @@ -.wp-block-media-text { - - [data-align="full"] & { - margin-top: 0; - margin-bottom: 0; - } - - @include innerblock-margin-clear(".wp-block-media-text__content"); - - .wp-block-media-text__content { - padding: var(--global--spacing-horizontal); - } - - // Block Styles - &.is-style-twentytwentyone-border { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); - } -} +.wp-block-media-text { + + [data-align="full"] & { + margin-top: 0; + margin-bottom: 0; + } + + @include innerblock-margin-clear(".wp-block-media-text__content"); + + .wp-block-media-text__content { + padding: var(--global--spacing-horizontal); + } + + // Block Styles + &.is-style-twentytwentyone-border { + border: calc(3 * var(--separator--height)) solid var(--global--color-border); + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss index babbcdb0..7879886f 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/media-text/_style.scss @@ -1,53 +1,53 @@ -.wp-block-media-text { - - &.alignfull { - margin-top: 0; - margin-bottom: 0; - } - - a:focus img { - outline-offset: -1px; - } - - .wp-block-media-text__content { - padding: var(--global--spacing-horizontal); - - @include media(tablet) { - padding: var(--global--spacing-vertical); - } - - > * { - margin-top: calc(0.666 * var(--global--spacing-vertical)); - margin-bottom: calc(0.666 * var(--global--spacing-vertical)); - - @include media(mobile) { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - } - - /** - * Block Options - */ - - &.is-stacked-on-mobile .wp-block-media-text__content { - @include media(mobile) { - padding-top: var(--global--spacing-vertical); - padding-bottom: var(--global--spacing-vertical); - } - } - - // Block Styles - &.is-style-twentytwentyone-border { - border: calc(3 * var(--separator--height)) solid var(--global--color-border); - } -} +.wp-block-media-text { + + &.alignfull { + margin-top: 0; + margin-bottom: 0; + } + + a:focus img { + outline-offset: -1px; + } + + .wp-block-media-text__content { + padding: var(--global--spacing-horizontal); + + @include media(tablet) { + padding: var(--global--spacing-vertical); + } + + > * { + margin-top: calc(0.666 * var(--global--spacing-vertical)); + margin-bottom: calc(0.666 * var(--global--spacing-vertical)); + + @include media(mobile) { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + } + + /** + * Block Options + */ + + &.is-stacked-on-mobile .wp-block-media-text__content { + @include media(mobile) { + padding-top: var(--global--spacing-vertical); + padding-bottom: var(--global--spacing-vertical); + } + } + + // Block Styles + &.is-style-twentytwentyone-border { + border: calc(3 * var(--separator--height)) solid var(--global--color-border); + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss index e98419d9..028376da 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/navigation/_editor.scss @@ -1,45 +1,45 @@ -.wp-block-navigation { - - .wp-block-navigation__container { - background: var(--global--color-background); - padding: 0; - } - - .wp-block-navigation-link { - - .wp-block-navigation-link__content { - padding: var(--primary-nav--padding); - } - - .wp-block-navigation-link__label { - font-family: var(--primary-nav--font-family); - font-size: var(--primary-nav--font-size); - font-weight: var(--primary-nav--font-weight); - } - } - - .has-child { - - .wp-block-navigation__container { - box-shadow: var(--global--elevation); - } - } - - &:not(.has-text-color) { - - .wp-block-navigation-link { - - > a { - - &:hover, - &:focus { - color: var(--primary-nav--color-link-hover); - } - } - } - - .wp-block-navigation-link__content { - color: currentColor; - } - } -} +.wp-block-navigation { + + .wp-block-navigation__container { + background: var(--global--color-background); + padding: 0; + } + + .wp-block-navigation-link { + + .wp-block-navigation-link__content { + padding: var(--primary-nav--padding); + } + + .wp-block-navigation-link__label { + font-family: var(--primary-nav--font-family); + font-size: var(--primary-nav--font-size); + font-weight: var(--primary-nav--font-weight); + } + } + + .has-child { + + .wp-block-navigation__container { + box-shadow: var(--global--elevation); + } + } + + &:not(.has-text-color) { + + .wp-block-navigation-link { + + > a { + + &:hover, + &:focus { + color: var(--primary-nav--color-link-hover); + } + } + } + + .wp-block-navigation-link__content { + color: currentColor; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss index fecc6d98..3e3b1ca3 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss @@ -1,128 +1,128 @@ -.wp-block-navigation { - - .wp-block-navigation-link { - padding: 0; - - .wp-block-navigation-link__content { - padding: var(--primary-nav--padding); - } - - .wp-block-navigation-link__label { - font-family: var(--primary-nav--font-family); - font-size: var(--primary-nav--font-size); - font-weight: var(--primary-nav--font-weight); - } - } - - .wp-block-navigation-link__submenu-icon { - padding: 0; - } - - // Top level navigation container. - > .wp-block-navigation__container { - - .has-child { - - .wp-block-navigation-link { - display: inherit; - } - - .wp-block-navigation__container { - border: none; - left: 0; - margin-left: var(--primary-nav--padding); - min-width: max-content; - opacity: 0; - padding: 0; - position: inherit; - top: inherit; - - .wp-block-navigation-link { - - .wp-block-navigation-link__content { - display: inline-block; - padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding); - } - } - - .wp-block-navigation-link__submenu-icon { - display: none; - } - } - - &:hover, - &:focus-within { - - .wp-block-navigation__container { - display: block; - opacity: 1; - visibility: visible; - } - } - } - - > .has-child { - - > .wp-block-navigation__container { - background: var(--global--color-background); - margin: 0; - padding: 0; - position: absolute; - top: 100%; - border: 1px solid var(--primary-nav--border-color); - - &:before, - &: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; - } - - &:after { - top: -9px; - border-color: var(--global--color-background) transparent; - } - } - } - } - - &:not(.has-background) { - - .wp-block-navigation__container { - background: var(--global--color-background); - - .wp-block-navigation__container { - background: var(--global--color-background); - } - } - } - - &:not(.has-text-color) { - - .wp-block-navigation-link { - - > a { - - &:hover, - &:focus { - color: var(--primary-nav--color-link-hover); - } - - &:hover { - text-decoration: underline; - text-decoration-style: dotted; - } - } - } - - .wp-block-navigation-link__content { - color: currentColor; - } - } -} +.wp-block-navigation { + + .wp-block-navigation-link { + padding: 0; + + .wp-block-navigation-link__content { + padding: var(--primary-nav--padding); + } + + .wp-block-navigation-link__label { + font-family: var(--primary-nav--font-family); + font-size: var(--primary-nav--font-size); + font-weight: var(--primary-nav--font-weight); + } + } + + .wp-block-navigation-link__submenu-icon { + padding: 0; + } + + // Top level navigation container. + > .wp-block-navigation__container { + + .has-child { + + .wp-block-navigation-link { + display: inherit; + } + + .wp-block-navigation__container { + border: none; + left: 0; + margin-left: var(--primary-nav--padding); + min-width: max-content; + opacity: 0; + padding: 0; + position: inherit; + top: inherit; + + .wp-block-navigation-link { + + .wp-block-navigation-link__content { + display: inline-block; + padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding); + } + } + + .wp-block-navigation-link__submenu-icon { + display: none; + } + } + + &:hover, + &:focus-within { + + .wp-block-navigation__container { + display: block; + opacity: 1; + visibility: visible; + } + } + } + + > .has-child { + + > .wp-block-navigation__container { + background: var(--global--color-background); + margin: 0; + padding: 0; + position: absolute; + top: 100%; + border: 1px solid var(--primary-nav--border-color); + + &:before, + &: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; + } + + &:after { + top: -9px; + border-color: var(--global--color-background) transparent; + } + } + } + } + + &:not(.has-background) { + + .wp-block-navigation__container { + background: var(--global--color-background); + + .wp-block-navigation__container { + background: var(--global--color-background); + } + } + } + + &:not(.has-text-color) { + + .wp-block-navigation-link { + + > a { + + &:hover, + &:focus { + color: var(--primary-nav--color-link-hover); + } + + &:hover { + text-decoration: underline; + text-decoration-style: dotted; + } + } + } + + .wp-block-navigation-link__content { + color: currentColor; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss index 5c8985c7..3ee367d0 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_editor.scss @@ -1,7 +1,7 @@ -p { - line-height: var(--wp--typography--line-height, --global--line-height-body); - - &.has-background { - padding: var(--global--spacing-unit); - } -} +p { + line-height: var(--wp--typography--line-height, var(--global--line-height-body)); + + &.has-background { + padding: var(--global--spacing-unit); + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss index fc6644dd..46bca912 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/paragraph/_style.scss @@ -1,14 +1,14 @@ -p { - - line-height: var(--wp--typography--line-height, --global--line-height-body); - - // inherits general font style set at - &.has-background { - padding: var(--global--spacing-unit); - } - - // Override `color: inherit` from Core styles. - &.has-text-color a { - color: var(--wp--style--color--link, var(--global--color-primary)); - } -} +p { + + line-height: var(--wp--typography--line-height, var(--global--line-height-body)); + + // inherits general font style set at + &.has-background { + padding: var(--global--spacing-unit); + } + + // Override `color: inherit` from Core styles. + &.has-text-color a { + color: var(--wp--style--color--link, var(--global--color-primary)); + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss index aa8f611d..83c26540 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_editor.scss @@ -1,6 +1,6 @@ -pre.wp-block-preformatted { - overflow-x: auto; - white-space: pre !important; - font-size: var(--global--font-size-xs); - -} +pre.wp-block-preformatted { + overflow-x: auto; + white-space: pre !important; + font-size: var(--global--font-size-xs); + +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss index 8f3fd74b..342b1163 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/preformatted/_style.scss @@ -1,4 +1,4 @@ -pre.wp-block-preformatted { - overflow-x: auto; - white-space: pre; -} +pre.wp-block-preformatted { + overflow-x: auto; + white-space: pre; +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss index 87b210de..5b223b19 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_editor.scss @@ -1,106 +1,106 @@ -.wp-block-pullquote { - padding: calc(2 * var(--global--spacing-unit)) 0; - text-align: center; - border-width: var(--pullquote--border-width); - border-bottom-style: solid; - border-top-style: solid; - color: currentColor; - border-color: currentColor; - position: relative; - - blockquote::before { - color: currentColor; - content: "\201C"; - display: block; - position: relative; // Override the absolute position. - left: 0; - font-size: 3rem; - font-weight: 500; - line-height: 1; - } - - p { - font-family: var(--pullquote--font-family); - font-size: var(--pullquote--font-size); - font-style: var(--pullquote--font-style); - font-weight: 700; - letter-spacing: var(--pullquote--letter-spacing); - line-height: var(--pullquote--line-height); - margin: 0; - } - - a { - color: currentColor; - } - - .wp-block-pullquote__citation, - cite, - footer { - font-size: var(--global--font-size-xs); - font-style: var(--pullquote--font-style); - text-transform: none; - } - - // Block Options - &:not(.is-style-solid-color) { - background: none; - } - - &.is-style-solid-color { - margin-left: auto; - margin-right: auto; - padding: calc(2.5 * var(--global--spacing-unit)); - border-width: var(--pullquote--border-width); - border-style: solid; - border-color: var(--pullquote--border-color); - - @media ( min-width: 600px ) { - padding: calc(5 * var(--global--spacing-unit)); - } - - blockquote::before { - text-align: left; - } - - &.alignleft blockquote, - &.alignright blockquote { - padding-left: var(--global--spacing-unit); - padding-right: var(--global--spacing-unit); - max-width: inherit; - } - - blockquote { - margin: 0; - max-width: 100%; - - p { - font-size: var(--pullquote--font-size); - } - } - - .wp-block-pullquote__citation, - cite, - footer { - color: currentColor; - } - } - -} - -.wp-block[data-align="full"] { - - .wp-block-pullquote:not(.is-style-solid-color) { - - blockquote { - padding: 0 calc(2 * var(--global--spacing-unit)); - } - } -} - -.wp-block[data-align="left"], -.wp-block[data-align="right"] { - - .wp-block-pullquote.is-style-solid-color { - padding: var(--global--spacing-unit); - } -} +.wp-block-pullquote { + padding: calc(2 * var(--global--spacing-unit)) 0; + text-align: center; + border-width: var(--pullquote--border-width); + border-bottom-style: solid; + border-top-style: solid; + color: currentColor; + border-color: currentColor; + position: relative; + + blockquote::before { + color: currentColor; + content: "\201C"; + display: block; + position: relative; // Override the absolute position. + left: 0; + font-size: 3rem; + font-weight: 500; + line-height: 1; + } + + p { + font-family: var(--pullquote--font-family); + font-size: var(--pullquote--font-size); + font-style: var(--pullquote--font-style); + font-weight: 700; + letter-spacing: var(--pullquote--letter-spacing); + line-height: var(--pullquote--line-height); + margin: 0; + } + + a { + color: currentColor; + } + + .wp-block-pullquote__citation, + cite, + footer { + font-size: var(--global--font-size-xs); + font-style: var(--pullquote--font-style); + text-transform: none; + } + + // Block Options + &:not(.is-style-solid-color) { + background: none; + } + + &.is-style-solid-color { + margin-left: auto; + margin-right: auto; + padding: calc(2.5 * var(--global--spacing-unit)); + border-width: var(--pullquote--border-width); + border-style: solid; + border-color: var(--pullquote--border-color); + + @media ( min-width: 600px ) { + padding: calc(5 * var(--global--spacing-unit)); + } + + blockquote::before { + text-align: left; + } + + &.alignleft blockquote, + &.alignright blockquote { + padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + max-width: inherit; + } + + blockquote { + margin: 0; + max-width: 100%; + + p { + font-size: var(--pullquote--font-size); + } + } + + .wp-block-pullquote__citation, + cite, + footer { + color: currentColor; + } + } + +} + +.wp-block[data-align="full"] { + + .wp-block-pullquote:not(.is-style-solid-color) { + + blockquote { + padding: 0 calc(2 * var(--global--spacing-unit)); + } + } +} + +.wp-block[data-align="left"], +.wp-block[data-align="right"] { + + .wp-block-pullquote.is-style-solid-color { + padding: var(--global--spacing-unit); + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss index fdfbe298..ad0bc2cb 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss @@ -1,110 +1,110 @@ -.wp-block-pullquote { - padding: calc(2 * var(--global--spacing-unit)) 0; - text-align: center; - border-width: var(--pullquote--border-width); - border-bottom-style: solid; - border-top-style: solid; - color: currentColor; - border-color: currentColor; - position: relative; - - blockquote::before { - color: currentColor; - content: "\201C"; - display: block; - position: relative; // Override the absolute position. - left: 0; - font-size: 3rem; - font-weight: 500; - line-height: 1; - } - - p { - font-family: var(--pullquote--font-family); - font-size: var(--pullquote--font-size); - font-style: var(--pullquote--font-style); - font-weight: 700; - letter-spacing: var(--pullquote--letter-spacing); - line-height: var(--pullquote--line-height); - margin: 0; - } - - a { - color: currentColor; - } - - .wp-block-pullquote__citation, - cite, - footer { - color: currentColor; - display: block; - font-size: var(--global--font-size-xs); - font-style: var(--pullquote--font-style); - text-transform: none; - } - - /** - * Block Options - */ - &:not(.is-style-solid-color) { - background: none; - } - - &.alignleft:not(.is-style-solid-color) { - - blockquote:before, - cite { - text-align: center; - } - } - - &.alignwide > p, - &.alignwide blockquote { - max-width: var(--responsive--alignwide-width); - } - - &.alignfull:not(.is-style-solid-color) > p, - &.alignfull:not(.is-style-solid-color) blockquote { - padding: 0 calc(2 * var(--global--spacing-unit)); - } - - &.is-style-solid-color { - color: var(--pullquote--color-foreground); - padding: calc(2.5 * var(--global--spacing-unit)); - border-width: var(--pullquote--border-width); - border-style: solid; - border-color: var(--pullquote--border-color); - - @media (min-width: 600px) { - padding: calc(5 * var(--global--spacing-unit)); - } - - blockquote::before { - text-align: left; - } - - blockquote { - margin: 0; - max-width: inherit; - - p { - font-size: var(--pullquote--font-size); - } - } - - .wp-block-pullquote__citation, - cite, - footer { - color: currentColor; - } - - &.alignleft, - &.alignright { - padding: var(--global--spacing-unit); - - blockquote { - max-width: initial; - } - } - } -} +.wp-block-pullquote { + padding: calc(2 * var(--global--spacing-unit)) 0; + text-align: center; + border-width: var(--pullquote--border-width); + border-bottom-style: solid; + border-top-style: solid; + color: currentColor; + border-color: currentColor; + position: relative; + + blockquote::before { + color: currentColor; + content: "\201C"; + display: block; + position: relative; // Override the absolute position. + left: 0; + font-size: 3rem; + font-weight: 500; + line-height: 1; + } + + p { + font-family: var(--pullquote--font-family); + font-size: var(--pullquote--font-size); + font-style: var(--pullquote--font-style); + font-weight: 700; + letter-spacing: var(--pullquote--letter-spacing); + line-height: var(--pullquote--line-height); + margin: 0; + } + + a { + color: currentColor; + } + + .wp-block-pullquote__citation, + cite, + footer { + color: currentColor; + display: block; + font-size: var(--global--font-size-xs); + font-style: var(--pullquote--font-style); + text-transform: none; + } + + /** + * Block Options + */ + &:not(.is-style-solid-color) { + background: none; + } + + &.alignleft:not(.is-style-solid-color) { + + blockquote:before, + cite { + text-align: center; + } + } + + &.alignwide > p, + &.alignwide blockquote { + max-width: var(--responsive--alignwide-width); + } + + &.alignfull:not(.is-style-solid-color) > p, + &.alignfull:not(.is-style-solid-color) blockquote { + padding: 0 calc(2 * var(--global--spacing-unit)); + } + + &.is-style-solid-color { + color: var(--pullquote--color-foreground); + padding: calc(2.5 * var(--global--spacing-unit)); + border-width: var(--pullquote--border-width); + border-style: solid; + border-color: var(--pullquote--border-color); + + @media (min-width: 600px) { + padding: calc(5 * var(--global--spacing-unit)); + } + + blockquote::before { + text-align: left; + } + + blockquote { + margin: 0; + max-width: inherit; + + p { + font-size: var(--pullquote--font-size); + } + } + + .wp-block-pullquote__citation, + cite, + footer { + color: currentColor; + } + + &.alignleft, + &.alignright { + padding: var(--global--spacing-unit); + + blockquote { + max-width: initial; + } + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss index 2d508047..4a337676 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss @@ -1,150 +1,150 @@ -.wp-block-quote { - position: relative; - border-left: none; - margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal); - - p { - font-family: var(--quote--font-family); - font-size: var(--quote--font-size); - font-style: var(--quote--font-style); - font-weight: var(--quote--font-weight); - line-height: var(--quote--line-height); - } - - strong { - font-weight: var(--quote--font-weight-strong); - } - - &:before { - content: "\201C"; - font-size: var(--quote--font-size); - line-height: var(--quote--line-height); - left: calc(-0.5 * var(--global--spacing-horizontal)); - } - - .wp-block-quote__citation { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - font-style: var(--quote--font-style-cite); - - .has-background &, - [class*="background-color"] &, - [style*="background-color"] &, - .wp-block-cover[style*="background-image"] & { - color: currentColor; - } - } - - &.has-text-align-right { - margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto; - padding-right: 0; - border-right: none; - - // Hide the left aligned quote. - &:before { - display: none; - } - - // Align the quote left of the text. - p:before { - content: "\201D"; - font-size: var(--quote--font-size); - font-weight: normal; - line-height: var(--quote--line-height); - margin-right: 5px; - } - } - - &.has-text-align-center { - margin: var(--global--spacing-vertical) auto; - - &:before { - display: none; - } - } - - &.is-large, - &.is-style-large { - padding-left: 0; - - /* Resetting margins to match _block-container.scss */ - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - - p { - font-size: var(--quote--font-size-large); - font-style: var(--quote--font-style-large); - line-height: var(--quote--line-height-large); - } - - &:before { - font-size: var(--quote--font-size-large); - line-height: var(--quote--line-height-large); - left: calc(-1 * var(--global--spacing-horizontal)); - } - - &.has-text-align-right { - - // Hide the left aligned quote. - &:before { - display: none; - } - - // Align the quote left of the text. - p:before { - content: "\201D"; - font-size: var(--quote--font-size-large); - font-weight: normal; - line-height: var(--quote--line-height-large); - margin-right: 10px; - } - } - - @include media(mobile-only) { - padding-left: var(--global--spacing-horizontal); - - &:before { - left: 0; - } - - &.has-text-align-right { - padding-left: 0; - padding-right: var(--global--spacing-horizontal); - - &:before { - right: 0; - } - } - } - } - - @include media(mobile-only) { - padding-left: calc(0.5 * var(--global--spacing-horizontal)); - - &:before { - left: 0; - } - - &.has-text-align-right { - padding-left: 0; - padding-right: calc(0.5 * var(--global--spacing-horizontal)); - - &:before { - right: 0; - } - } - - &.has-text-align-center { - padding-left: 0; - padding-right: 0; - } - } - - @include media(mobile) { - margin-left: auto; - - &.has-text-align-right { - margin-right: auto; - } - } -} +.wp-block-quote { + position: relative; + border-left: none; + margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal); + + p { + font-family: var(--quote--font-family); + font-size: var(--quote--font-size); + font-style: var(--quote--font-style); + font-weight: var(--quote--font-weight); + line-height: var(--quote--line-height); + } + + strong { + font-weight: var(--quote--font-weight-strong); + } + + &:before { + content: "\201C"; + font-size: var(--quote--font-size); + line-height: var(--quote--line-height); + left: calc(-0.5 * var(--global--spacing-horizontal)); + } + + .wp-block-quote__citation { + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + font-style: var(--quote--font-style-cite); + + .has-background &, + [class*="background-color"] &, + [style*="background-color"] &, + .wp-block-cover[style*="background-image"] & { + color: currentColor; + } + } + + &.has-text-align-right { + margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto; + padding-right: 0; + border-right: none; + + // Hide the left aligned quote. + &:before { + display: none; + } + + // Align the quote left of the text. + p:before { + content: "\201D"; + font-size: var(--quote--font-size); + font-weight: normal; + line-height: var(--quote--line-height); + margin-right: 5px; + } + } + + &.has-text-align-center { + margin: var(--global--spacing-vertical) auto; + + &:before { + display: none; + } + } + + &.is-large, + &.is-style-large { + padding-left: 0; + + /* Resetting margins to match _block-container.scss */ + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + + p { + font-size: var(--quote--font-size-large); + font-style: var(--quote--font-style-large); + line-height: var(--quote--line-height-large); + } + + &:before { + font-size: var(--quote--font-size-large); + line-height: var(--quote--line-height-large); + left: calc(-1 * var(--global--spacing-horizontal)); + } + + &.has-text-align-right { + + // Hide the left aligned quote. + &:before { + display: none; + } + + // Align the quote left of the text. + p:before { + content: "\201D"; + font-size: var(--quote--font-size-large); + font-weight: normal; + line-height: var(--quote--line-height-large); + margin-right: 10px; + } + } + + @include media(mobile-only) { + padding-left: var(--global--spacing-horizontal); + + &:before { + left: 0; + } + + &.has-text-align-right { + padding-left: 0; + padding-right: var(--global--spacing-horizontal); + + &:before { + right: 0; + } + } + } + } + + @include media(mobile-only) { + padding-left: calc(0.5 * var(--global--spacing-horizontal)); + + &:before { + left: 0; + } + + &.has-text-align-right { + padding-left: 0; + padding-right: calc(0.5 * var(--global--spacing-horizontal)); + + &:before { + right: 0; + } + } + + &.has-text-align-center { + padding-left: 0; + padding-right: 0; + } + } + + @include media(mobile) { + margin-left: auto; + + &.has-text-align-right { + margin-right: auto; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss index 6384b391..8d8e3c44 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/quote/_style.scss @@ -1,138 +1,138 @@ -.wp-block-quote { - border-left: none; - - &:before { - content: "\201C"; - font-size: var(--quote--font-size); - line-height: var(--quote--line-height); - left: 8px; - } - - .wp-block-quote__citation, - cite, - footer { - - .has-background &, - [class*="background-color"] &, - [style*="background-color"] &, - .wp-block-cover[style*="background-image"] & { - color: currentColor; - } - } - - /** - * Block Options - */ - &.has-text-align-right { - margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto; - padding-right: 0; - border-right: none; - - // Hide the left aligned quote. - &:before { - display: none; - } - - // Align the quote left of the text. - p:before { - content: "\201D"; - font-size: var(--quote--font-size); - font-weight: normal; - line-height: var(--quote--line-height); - margin-right: 5px; - } - } - - &.has-text-align-center { - margin: var(--global--spacing-vertical) auto; - - &:before { - display: none; - } - } - - &.is-large, - &.is-style-large { - padding-left: 0; - padding-right: 0; - - /* Resetting margins to match _block-container.scss */ - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - - p { - font-size: var(--quote--font-size-large); - font-style: var(--quote--font-style-large); - line-height: var(--quote--line-height-large); - } - - &:before { - font-size: var(--quote--font-size-large); - line-height: var(--quote--line-height-large); - left: calc(-1 * var(--global--spacing-horizontal)); - } - - &.has-text-align-right { - - // Hide the left aligned quote. - &:before { - display: none; - } - - // Align the quote left of the text. - p:before { - content: "\201D"; - font-size: var(--quote--font-size-large); - font-weight: normal; - line-height: var(--quote--line-height-large); - margin-right: 10px; - } - } - - .wp-block-quote__citation, - cite, - footer { - color: var(--global--color-primary); - font-size: var(--global--font-size-sm); - } - - @include media(mobile-only) { - padding-left: var(--global--spacing-horizontal); - - &:before { - left: 0; - } - - &.has-text-align-right { - padding-left: 0; - padding-right: var(--global--spacing-horizontal); - - &:before { - right: 0; - } - } - - &.has-text-align-center { - padding-left: 0; - padding-right: 0; - } - } - } - - @include media(mobile-only) { - - &.has-text-align-right { - padding-left: 0; - padding-right: calc(0.5 * var(--global--spacing-horizontal)); - - &:before { - right: 0; - } - } - - &.has-text-align-center { - padding-left: 0; - padding-right: 0; - } - } -} +.wp-block-quote { + border-left: none; + + &:before { + content: "\201C"; + font-size: var(--quote--font-size); + line-height: var(--quote--line-height); + left: 8px; + } + + .wp-block-quote__citation, + cite, + footer { + + .has-background &, + [class*="background-color"] &, + [style*="background-color"] &, + .wp-block-cover[style*="background-image"] & { + color: currentColor; + } + } + + /** + * Block Options + */ + &.has-text-align-right { + margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto; + padding-right: 0; + border-right: none; + + // Hide the left aligned quote. + &:before { + display: none; + } + + // Align the quote left of the text. + p:before { + content: "\201D"; + font-size: var(--quote--font-size); + font-weight: normal; + line-height: var(--quote--line-height); + margin-right: 5px; + } + } + + &.has-text-align-center { + margin: var(--global--spacing-vertical) auto; + + &:before { + display: none; + } + } + + &.is-large, + &.is-style-large { + padding-left: 0; + padding-right: 0; + + /* Resetting margins to match _block-container.scss */ + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + + p { + font-size: var(--quote--font-size-large); + font-style: var(--quote--font-style-large); + line-height: var(--quote--line-height-large); + } + + &:before { + font-size: var(--quote--font-size-large); + line-height: var(--quote--line-height-large); + left: calc(-1 * var(--global--spacing-horizontal)); + } + + &.has-text-align-right { + + // Hide the left aligned quote. + &:before { + display: none; + } + + // Align the quote left of the text. + p:before { + content: "\201D"; + font-size: var(--quote--font-size-large); + font-weight: normal; + line-height: var(--quote--line-height-large); + margin-right: 10px; + } + } + + .wp-block-quote__citation, + cite, + footer { + color: var(--global--color-primary); + font-size: var(--global--font-size-sm); + } + + @include media(mobile-only) { + padding-left: var(--global--spacing-horizontal); + + &:before { + left: 0; + } + + &.has-text-align-right { + padding-left: 0; + padding-right: var(--global--spacing-horizontal); + + &:before { + right: 0; + } + } + + &.has-text-align-center { + padding-left: 0; + padding-right: 0; + } + } + } + + @include media(mobile-only) { + + &.has-text-align-right { + padding-left: 0; + padding-right: calc(0.5 * var(--global--spacing-horizontal)); + + &:before { + right: 0; + } + } + + &.has-text-align-center { + padding-left: 0; + padding-right: 0; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss index bcc4447d..d1e0f636 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/rss/_editor.scss @@ -1,109 +1,109 @@ -.wp-block-rss { - padding-left: 0; - - > li { - list-style: none; - } - - // Vertical margins logic - &:not(.is-grid) > li { - margin-top: calc(1.666 * var(--global--spacing-vertical)); - margin-bottom: calc(1.666 * var(--global--spacing-vertical)); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - &.is-grid { - - > li { - margin-bottom: var(--global--spacing-vertical); - - &:last-child { - margin-bottom: 0; - } - } - - // Remove bottom margins in grid columns - &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), - &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, - &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), - &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, - &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), - &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, - &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), - &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, - &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), - &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { - margin-bottom: 0; - } - } - - > li > * { - margin-top: calc(0.333 * var(--global--spacing-vertical)); - margin-bottom: calc(0.333 * var(--global--spacing-vertical)); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - // Post title - .wp-block-rss__item-title > a { - display: inline-block; - font-family: var(--latest-posts--title-font-family); - font-size: var(--latest-posts--title-font-size); - font-weight: var(--heading--font-weight); - line-height: var(--global--line-height-heading); - margin-bottom: calc(0.333 * var(--global--spacing-vertical)); - } - - // Post author - .wp-block-rss__item-author { - color: var(--global--color-primary); - font-size: var(--global--font-size-md); - line-height: var(--global--line-height-body); - } - - // Post date - .wp-block-rss__item-publish-date { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - line-height: var(--global--line-height-body); - - [class*="inner-container"] &, - .has-background & { - color: currentColor; - } - } - - // Post content - .wp-block-rss__item-excerpt, - .wp-block-rss__item-full-content { - font-family: var(--latest-posts--description-font-family); - font-size: var(--latest-posts--description-font-size); - line-height: var(--global--line-height-body); - margin-top: calc(0.666 * var(--global--spacing-vertical)); - } - - // Utility classes - &.alignfull { - padding-left: var(--global--spacing-unit); - padding-right: var(--global--spacing-unit); - - .entry-content [class*="inner-container"] &, - .entry-content .has-background & { - padding-left: 0; - padding-right: 0; - } - } -} +.wp-block-rss { + padding-left: 0; + + > li { + list-style: none; + } + + // Vertical margins logic + &:not(.is-grid) > li { + margin-top: calc(1.666 * var(--global--spacing-vertical)); + margin-bottom: calc(1.666 * var(--global--spacing-vertical)); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + + &.is-grid { + + > li { + margin-bottom: var(--global--spacing-vertical); + + &:last-child { + margin-bottom: 0; + } + } + + // Remove bottom margins in grid columns + &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), + &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, + &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), + &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, + &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), + &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, + &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), + &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, + &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), + &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { + margin-bottom: 0; + } + } + + > li > * { + margin-top: calc(0.333 * var(--global--spacing-vertical)); + margin-bottom: calc(0.333 * var(--global--spacing-vertical)); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + + // Post title + .wp-block-rss__item-title > a { + display: inline-block; + font-family: var(--latest-posts--title-font-family); + font-size: var(--latest-posts--title-font-size); + font-weight: var(--heading--font-weight); + line-height: var(--global--line-height-heading); + margin-bottom: calc(0.333 * var(--global--spacing-vertical)); + } + + // Post author + .wp-block-rss__item-author { + color: var(--global--color-primary); + font-size: var(--global--font-size-md); + line-height: var(--global--line-height-body); + } + + // Post date + .wp-block-rss__item-publish-date { + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + line-height: var(--global--line-height-body); + + [class*="inner-container"] &, + .has-background & { + color: currentColor; + } + } + + // Post content + .wp-block-rss__item-excerpt, + .wp-block-rss__item-full-content { + font-family: var(--latest-posts--description-font-family); + font-size: var(--latest-posts--description-font-size); + line-height: var(--global--line-height-body); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + } + + // Utility classes + &.alignfull { + padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + + .entry-content [class*="inner-container"] &, + .entry-content .has-background & { + padding-left: 0; + padding-right: 0; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss index bcc4447d..d1e0f636 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/rss/_style.scss @@ -1,109 +1,109 @@ -.wp-block-rss { - padding-left: 0; - - > li { - list-style: none; - } - - // Vertical margins logic - &:not(.is-grid) > li { - margin-top: calc(1.666 * var(--global--spacing-vertical)); - margin-bottom: calc(1.666 * var(--global--spacing-vertical)); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - &.is-grid { - - > li { - margin-bottom: var(--global--spacing-vertical); - - &:last-child { - margin-bottom: 0; - } - } - - // Remove bottom margins in grid columns - &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), - &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, - &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), - &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, - &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), - &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, - &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), - &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, - &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), - &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { - margin-bottom: 0; - } - } - - > li > * { - margin-top: calc(0.333 * var(--global--spacing-vertical)); - margin-bottom: calc(0.333 * var(--global--spacing-vertical)); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - // Post title - .wp-block-rss__item-title > a { - display: inline-block; - font-family: var(--latest-posts--title-font-family); - font-size: var(--latest-posts--title-font-size); - font-weight: var(--heading--font-weight); - line-height: var(--global--line-height-heading); - margin-bottom: calc(0.333 * var(--global--spacing-vertical)); - } - - // Post author - .wp-block-rss__item-author { - color: var(--global--color-primary); - font-size: var(--global--font-size-md); - line-height: var(--global--line-height-body); - } - - // Post date - .wp-block-rss__item-publish-date { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - line-height: var(--global--line-height-body); - - [class*="inner-container"] &, - .has-background & { - color: currentColor; - } - } - - // Post content - .wp-block-rss__item-excerpt, - .wp-block-rss__item-full-content { - font-family: var(--latest-posts--description-font-family); - font-size: var(--latest-posts--description-font-size); - line-height: var(--global--line-height-body); - margin-top: calc(0.666 * var(--global--spacing-vertical)); - } - - // Utility classes - &.alignfull { - padding-left: var(--global--spacing-unit); - padding-right: var(--global--spacing-unit); - - .entry-content [class*="inner-container"] &, - .entry-content .has-background & { - padding-left: 0; - padding-right: 0; - } - } -} +.wp-block-rss { + padding-left: 0; + + > li { + list-style: none; + } + + // Vertical margins logic + &:not(.is-grid) > li { + margin-top: calc(1.666 * var(--global--spacing-vertical)); + margin-bottom: calc(1.666 * var(--global--spacing-vertical)); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + + &.is-grid { + + > li { + margin-bottom: var(--global--spacing-vertical); + + &:last-child { + margin-bottom: 0; + } + } + + // Remove bottom margins in grid columns + &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), + &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, + &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), + &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, + &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), + &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, + &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), + &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, + &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), + &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { + margin-bottom: 0; + } + } + + > li > * { + margin-top: calc(0.333 * var(--global--spacing-vertical)); + margin-bottom: calc(0.333 * var(--global--spacing-vertical)); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + + // Post title + .wp-block-rss__item-title > a { + display: inline-block; + font-family: var(--latest-posts--title-font-family); + font-size: var(--latest-posts--title-font-size); + font-weight: var(--heading--font-weight); + line-height: var(--global--line-height-heading); + margin-bottom: calc(0.333 * var(--global--spacing-vertical)); + } + + // Post author + .wp-block-rss__item-author { + color: var(--global--color-primary); + font-size: var(--global--font-size-md); + line-height: var(--global--line-height-body); + } + + // Post date + .wp-block-rss__item-publish-date { + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + line-height: var(--global--line-height-body); + + [class*="inner-container"] &, + .has-background & { + color: currentColor; + } + } + + // Post content + .wp-block-rss__item-excerpt, + .wp-block-rss__item-full-content { + font-family: var(--latest-posts--description-font-family); + font-size: var(--latest-posts--description-font-size); + line-height: var(--global--line-height-body); + margin-top: calc(0.666 * var(--global--spacing-vertical)); + } + + // Utility classes + &.alignfull { + padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + + .entry-content [class*="inner-container"] &, + .entry-content .has-background & { + padding-left: 0; + padding-right: 0; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss index a7085c62..6be9178e 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss @@ -1,183 +1,114 @@ -.wp-block-search { - max-width: var(--responsive--aligndefault-width); - - .wp-block-search__label { - font-size: var(--form--font-size); - font-weight: var(--form--label-weight); - margin-bottom: calc(var(--global--spacing-vertical) / 3); - } - - .wp-block-search__input { - border: var(--form--border-width) solid var(--form--border-color); - border-radius: var(--form--border-radius); - font-family: var(--form--font-family); - font-size: var(--form--font-size); - line-height: var(--form--line-height); - max-width: inherit; - margin-right: calc(-1 * var(--button--border-width)); - padding: var(--form--spacing-unit); - - .is-dark-theme & { - background: var(--global--color-white-90); - } - - .has-background.has-white-background-color &, - .has-background.has-green-background-color &, - .has-background.has-blue-background-color &, - .has-background.has-purple-background-color &, - .has-background.has-red-background-color &, - .has-background.has-orange-background-color &, - .has-background.has-yellow-background-color & { - - .is-dark-theme & { - border-color: var(--form--color-text); - } - } - - .has-background.has-gray-background-color &, - .has-background.has-dark-gray-background-color &, - .has-background.has-black-background-color & { - border-color: var(--global--color-white); - } - } - - .wp-block-search__button { - @include button-style(); - box-shadow: none; - margin-left: 0; - background-color: transparent; - color: var(--button--color-text-hover); - - &:hover { - color: var(--button--color-text); - background-color: var(--button--color-background); - } - - &.has-icon { - padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal)); - - svg { - width: 40px; - height: 40px; - } - } - - .has-background.has-gray-background-color &, - .has-background.has-dark-gray-background-color &, - .has-background.has-black-background-color & { - color: var(--global--color-white); - border-color: currentColor; - - &:hover { - color: var(--global--color-white); - background-color: var(--button--color-background); - border-color: var(--global--color-white); - - .is-dark-theme & { - color: var(--button--color-text); - background-color: var(--button--color-background); - } - } - } - - .has-background.has-white-background-color &, - .has-background.has-green-background-color &, - .has-background.has-blue-background-color &, - .has-background.has-purple-background-color &, - .has-background.has-red-background-color &, - .has-background.has-orange-background-color &, - .has-background.has-yellow-background-color & { - - &:hover { - color: var(--global--color-white); - background-color: var(--form--border-color); - border-color: var(--form--border-color); - } - - .is-dark-theme & { - color: var(--form--color-text); - border-color: currentColor; - - &:hover { - color: var(--global--color-white); - background-color: var(--button--color-text); - border-color: var(--button--color-text); - } - } - } - } - - &.wp-block-search__button-inside { - - .wp-block-search__input, - .has-background.has-white-background-color & .wp-block-search__input, - .has-background.has-green-background-color & .wp-block-search__input, - .has-background.has-blue-background-color & .wp-block-search__input, - .has-background.has-purple-background-color & .wp-block-search__input, - .has-background.has-red-background-color & .wp-block-search__input, - .has-background.has-orange-background-color & .wp-block-search__input, - .has-background.has-yellow-background-color & .wp-block-search__input { - border: none; - } - - &.wp-block-search__text-button { - - .wp-block-search__button { - // Match the text button size with the icon button. - padding: var(--button--padding-vertical) var(--button--padding-horizontal); - } - } - - .wp-block-search__button { - - .is-dark-theme & { - color: var(--button--color-text); - border-color: currentColor; - - &:hover { - color: var(--global--color-white); - background-color: var(--button--color-text); - border-color: var(--button--color-text); - } - } - - .has-background.has-gray-background-color &, - .has-background.has-dark-gray-background-color &, - .has-background.has-black-background-color & { - color: var(--button--color-text-hover); - border-color: currentColor; - - &:hover { - color: var(--global--color-white); - background-color: var(--button--color-background); - border-color: var(--button--color-background); - } - - .is-dark-theme & { - color: var(--button--color-text); - border-color: currentColor; - - &:hover { - color: var(--global--color-white); - background-color: var(--button--color-text); - border-color: var(--button--color-text); - } - } - } - } - } -} - -.wp-block[data-align="center"] > * { - text-align: center; -} - -.wp-block[data-align="center"] { - - .wp-block-search__button-only { - - .wp-block-search__inside-wrapper { - justify-content: center; - } - } -} +.wp-block-search { + max-width: var(--responsive--aligndefault-width); + + .wp-block-search__label { + font-size: var(--form--font-size); + font-weight: var(--form--label-weight); + margin-bottom: calc(var(--global--spacing-vertical) / 3); + } + + &.wp-block-search__button-inside .wp-block-search__inside-wrapper, + .wp-block-search__input { + border: var(--form--border-width) solid var(--form--border-color); + border-radius: var(--form--border-radius); + font-family: var(--form--font-family); + font-size: var(--form--font-size); + line-height: var(--form--line-height); + max-width: inherit; + margin-right: calc(-1 * var(--button--border-width)); + padding: var(--form--spacing-unit); + + .is-dark-theme & { + background: var(--global--color-white-90); + } + + .has-background & { + border-color: var(--local--color-primary, var(--global--color-primary)) !important; + } + } + + .wp-block-search__button.wp-block-search__button { + @include button-style(); + box-shadow: none; + margin-left: 0; + + &.has-icon { + padding: 6px calc(0.5 * var(--button--padding-horizontal)); + display: inherit; + + svg { + width: 40px; + height: 40px; + } + } + + &:hover, + &:active { + + .has-background & { + background-color: var(--local--color-background, var(--global--color-background)) !important; + color: var(--local--color-primary, var(--global--color-primary)) !important; + } + + .has-text-color & { + color: var(--local--color-primary, var(--global--color-primary)) !important; + } + } + + // Remove :focus styles in the editor + &:focus { + outline-offset: inherit; + outline: inherit; + } + } + + &.wp-block-search__button-inside { + + .wp-block-search__inside-wrapper { + padding: var(--form--border-width); + } + + .wp-block-search__input { + border: none; + } + + &.wp-block-search__text-button, + &.wp-block-search__icon-button { + + .wp-block-search__button { + // Search button always needs black contrast against white form background + &:hover { + color: var(--global--color-dark-gray); + } + + .is-dark-theme & { + color: var(--global--color-dark-gray); + + &:hover { + background-color: var(--global--color-dark-gray); + color: var(--global--color-white); + } + } + } + } + + &.wp-block-search__text-button .wp-block-search__button { + // Match the text button size with the icon button. + padding: var(--button--padding-vertical) var(--button--padding-horizontal); + } + } +} + +.wp-block[data-align="center"] > * { + text-align: center; +} + +.wp-block[data-align="center"] { + + .wp-block-search__button-only { + + .wp-block-search__inside-wrapper { + justify-content: center; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss index 9d2f54f4..46899b5f 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/search/_style.scss @@ -1,174 +1,116 @@ -.wp-block-search { - max-width: var(--responsive--aligndefault-width); - - &__button-only.aligncenter { - - .wp-block-search__inside-wrapper { - justify-content: center; - } - } - - .wp-block-search__label { - font-size: var(--form--font-size); - font-weight: var(--form--label-weight); - margin-bottom: calc(var(--global--spacing-vertical) / 3); - } - - .wp-block-search__input { - border: var(--form--border-width) solid var(--form--border-color); - border-radius: var(--form--border-radius); - color: var(--form--color-text); - line-height: var(--form--line-height); - max-width: inherit; - margin-right: calc(-1 * var(--button--border-width)); - padding: var(--form--spacing-unit); - - &:focus { - color: var(--form--color-text); - border-color: var(--form--border-color); - } - - .has-background &, - [class*="background-color"] &, - [style*="background-color"] &, - .wp-block-cover[style*="background-image"] & { - border-color: currentColor; - } - - .has-background.has-gray-background-color &, - .has-background.has-dark-gray-background-color &, - .has-background.has-black-background-color & { - border-color: var(--global--color-white); - } - } - - button.wp-block-search__button { - margin-left: 0; - background-color: transparent; - color: var(--button--color-text-hover); - line-height: 1; - - &:hover { - background-color: var(--button--color-background); - color: var(--button--color-text); - } - - &.has-icon { - padding: 6px calc(0.5 * var(--button--padding-horizontal)); - - svg { - width: 40px; - height: 40px; - fill: currentColor; - } - } - - .has-background.has-gray-background-color &, - .has-background.has-dark-gray-background-color &, - .has-background.has-black-background-color & { - color: var(--global--color-white); - border-color: currentColor; - - &:hover { - background-color: var(--button--color-background); - border-color: var(--global--color-white); - color: var(--global--color-white); - - .is-dark-theme & { - color: var(--button--color-text); - } - } - } - - .has-background.has-white-background-color &, - .has-background.has-green-background-color &, - .has-background.has-blue-background-color &, - .has-background.has-purple-background-color &, - .has-background.has-red-background-color &, - .has-background.has-orange-background-color &, - .has-background.has-yellow-background-color & { - border-color: currentColor; - color: currentColor; - - &:hover { - background-color: var(--form--border-color); - border-color: var(--form--border-color); - color: var(--global--color-white); - - .is-dark-theme & { - border-color: var(--button--color-text); - background-color: var(--button--color-text); - color: var(--button--color-background); - } - } - } - } - - &.wp-block-search__button-inside { - - .wp-block-search__inside-wrapper { - background-color: var(--global--color-white); - border: var(--form--border-width) solid var(--form--border-color); - border-radius: var(--form--border-radius); - - .wp-block-search__input { - margin-right: 0; - - &:focus { - outline: 2px dotted var(--form--border-color); - outline-offset: -5px; - - .is-dark-theme & { - outline-color: currentColor; - } - } - } - } - - &.wp-block-search__text-button { - - button.wp-block-search__button { - // Match the text button size with the icon button. - padding: var(--button--padding-vertical) var(--button--padding-horizontal); - } - } - - button.wp-block-search__button { - - .has-background.has-gray-background-color &, - .has-background.has-dark-gray-background-color &, - .has-background.has-black-background-color & { - border-color: var(--button--color-background); - color: var(--button--color-background); - - &:hover { - color: var(--global--color-white); - } - - .is-dark-theme & { - border-color: var(--button--color-text); - color: var(--button--color-text); - - &:hover { - color: var(--global--color-white); - } - } - } - - .is-dark-theme & { - border-color: var(--button--color-text); - color: var(--button--color-text); - - &:hover { - border-color: var(--button--color-text); - background-color: var(--button--color-text); - color: var(--button--color-background); - } - } - } - } -} - -.wp-block-search__button { - box-shadow: none; -} +.wp-block-search { + max-width: var(--responsive--aligndefault-width); + + &__button-only.aligncenter { + + .wp-block-search__inside-wrapper { + justify-content: center; + } + } + + .wp-block-search__label { + font-size: var(--form--font-size); + font-weight: var(--form--label-weight); + margin-bottom: calc(var(--global--spacing-vertical) / 3); + } + + .wp-block-search__input { + border: var(--form--border-width) solid var(--form--border-color); + border-radius: var(--form--border-radius); + color: var(--form--color-text); + line-height: var(--form--line-height); + max-width: inherit; + margin-right: calc(-1 * var(--button--border-width)); + padding: var(--form--spacing-unit); + + &:focus { + color: var(--form--color-text); + border-color: var(--form--border-color); + } + + .has-background & { + border-color: var(--local--color-primary, var(--global--color-primary)) !important; + } + } + + button.wp-block-search__button { + margin-left: 0; + line-height: 1; + + &.has-icon { + padding: 6px calc(0.5 * var(--button--padding-horizontal)); + + svg { + width: 40px; + height: 40px; + fill: currentColor; + } + } + + &:hover, + &:active { + + .has-background & { + background-color: var(--local--color-background, var(--global--color-background)) !important; + color: var(--local--color-primary, var(--global--color-primary)) !important; + } + + .has-text-color & { + color: var(--local--color-primary, var(--global--color-primary)) !important; + } + } + } + + &.wp-block-search__button-inside { + + .wp-block-search__inside-wrapper { + background-color: var(--global--color-white); + border: var(--form--border-width) solid var(--form--border-color); + border-radius: var(--form--border-radius); + padding: var(--form--border-width); + + .has-background & { + border-color: var(--local--color-primary, var(--global--color-primary)) !important; + } + + .wp-block-search__input { + margin-left: 0; + margin-right: 0; + padding-left: var(--form--spacing-unit); + + // Add outline for focus styles to override default + &:focus { + color: var(--form--color-text); + outline-offset: -2px; + outline: 2px dotted var(--form--border-color); + } + } + + button.wp-block-search__button { + padding: var(--button--padding-vertical) var(--button--padding-horizontal); + + // Search button always needs black contrast against white form background + &:hover { + color: var(--global--color-dark-gray); + } + + .is-dark-theme & { + color: var(--global--color-dark-gray); + + &:hover { + background-color: var(--global--color-dark-gray); + color: var(--global--color-white); + } + } + + &.has-icon { + padding: 6px calc(0.5 * var(--button--padding-horizontal)); + } + } + } + } +} + +.wp-block-search__button { + box-shadow: none; +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss index f3dbfde1..dc5b2bd9 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/separator/_editor.scss @@ -1,48 +1,48 @@ -.wp-block-separator, -hr { - border-bottom: var(--separator--height) solid var(--separator--border-color); - clear: both; - opacity: 1; - - &[style*="text-align:right"], - &[style*="text-align: right"] { - border-right-color: var(--separator--border-color); - } - - &:not(.is-style-dots) { - max-width: var(--responsive--aligndefault-width); - } - - [data-align="full"] > &, - [data-align="wide"] > & { - max-width: inherit; - } - - &.is-style-twentytwentyone-separator-thick { - border-bottom-width: calc(3 * var(--separator--height)); - } - - &.is-style-dots { - border-bottom: none; - - &.has-background, - &.has-text-color { - background-color: transparent !important; - - &:before { - color: currentColor !important; - } - } - - &:before { - color: var(--separator--border-color); - } - } - - .has-background &, - [class*="background-color"] &, - [style*="background-color"] &, - .wp-block-cover[style*="background-image"] & { - border-color: currentColor; - } -} +.wp-block-separator, +hr { + border-bottom: var(--separator--height) solid var(--separator--border-color); + clear: both; + opacity: 1; + + &[style*="text-align:right"], + &[style*="text-align: right"] { + border-right-color: var(--separator--border-color); + } + + &:not(.is-style-dots) { + max-width: var(--responsive--aligndefault-width); + } + + [data-align="full"] > &, + [data-align="wide"] > & { + max-width: inherit; + } + + &.is-style-twentytwentyone-separator-thick { + border-bottom-width: calc(3 * var(--separator--height)); + } + + &.is-style-dots { + border-bottom: none; + + &.has-background, + &.has-text-color { + background-color: transparent !important; + + &:before { + color: currentColor !important; + } + } + + &:before { + color: var(--separator--border-color); + } + } + + .has-background &, + [class*="background-color"] &, + [style*="background-color"] &, + .wp-block-cover[style*="background-image"] & { + border-color: currentColor; + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss index e40a4f71..c088d3eb 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/separator/_style.scss @@ -1,60 +1,60 @@ -hr { - border-style: none; - border-bottom: var(--separator--height) solid var(--separator--border-color); - clear: both; - margin-left: auto; - margin-right: auto; - - &.wp-block-separator { - border-bottom: var(--separator--height) solid var(--separator--border-color); - opacity: 1; - - &:not(.is-style-dots):not(.alignwide) { - max-width: var(--responsive--aligndefault-width); - } - - &:not(.is-style-dots) { - - &.alignwide { - max-width: var(--responsive--alignwide-width); - } - - &.alignfull { - max-width: var(--responsive--alignfull-width); - } - } - - /** - * Block Options - */ - &.is-style-twentytwentyone-separator-thick { - border-bottom-width: calc(3 * var(--separator--height)); - } - - &.is-style-dots { - - &.has-background, - &.has-text-color { - background-color: transparent !important; - - &:before { - color: currentColor !important; - } - } - - &:before { - color: var(--separator--border-color); - font-size: var(--global--font-size-xl); - letter-spacing: var(--global--font-size-sm); - padding-left: var(--global--font-size-sm); - } - } - - .has-background &, - [class*="background-color"] &, - [style*="background-color"] &, - .wp-block-cover[style*="background-image"] & { - border-color: currentColor; - } - } -} +hr { + border-style: none; + border-bottom: var(--separator--height) solid var(--separator--border-color); + clear: both; + margin-left: auto; + margin-right: auto; + + &.wp-block-separator { + border-bottom: var(--separator--height) solid var(--separator--border-color); + opacity: 1; + + &:not(.is-style-dots):not(.alignwide) { + max-width: var(--responsive--aligndefault-width); + } + + &:not(.is-style-dots) { + + &.alignwide { + max-width: var(--responsive--alignwide-width); + } + + &.alignfull { + max-width: var(--responsive--alignfull-width); + } + } + + /** + * Block Options + */ + &.is-style-twentytwentyone-separator-thick { + border-bottom-width: calc(3 * var(--separator--height)); + } + + &.is-style-dots { + + &.has-background, + &.has-text-color { + background-color: transparent !important; + + &:before { + color: currentColor !important; + } + } + + &:before { + color: var(--separator--border-color); + font-size: var(--global--font-size-xl); + letter-spacing: var(--global--font-size-sm); + padding-left: var(--global--font-size-sm); + } + } + + .has-background &, + [class*="background-color"] &, + [style*="background-color"] &, + .wp-block-cover[style*="background-image"] & { + border-color: currentColor; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss index 3bd25832..e2584601 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_editor.scss @@ -1,20 +1,20 @@ -.wp-block-social-links { - - // Social icons are horizontal, so they don't need vertical spacing. - [data-block] { - margin-top: 0; - margin-bottom: 0; - } - - &.is-style-twentytwentyone-social-icons-color { - - button { - color: var(--global--color-primary); - } - - .wp-social-link { - background: none; - } - } - -} +.wp-block-social-links { + + // Social icons are horizontal, so they don't need vertical spacing. + [data-block] { + margin-top: 0; + margin-bottom: 0; + } + + &.is-style-twentytwentyone-social-icons-color { + + button { + color: var(--global--color-primary); + } + + .wp-social-link { + background: none; + } + } + +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss index 765a701f..f63b2637 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/social-icons/_style.scss @@ -1,18 +1,19 @@ -.wp-block-social-links { - - a:focus { - color: var(--global--color-primary); - } - - &.is-style-twentytwentyone-social-icons-color { - - a { - color: var(--global--color-primary); - } - - .wp-social-link { - background: none; - } - - } -} +.wp-block-social-links { + + a:focus { + color: var(--global--color-primary); + } + + &.is-style-twentytwentyone-social-icons-color { + + a { + color: var(--global--color-primary); + } + + .wp-social-link, + &.has-icon-background-color.has-icon-background-color .wp-social-link { + background: none; + } + + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss index 83300f60..7f9c4e19 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/spacer/_style.scss @@ -1,13 +1,13 @@ -.wp-block-spacer { - display: block; - // Remove vertical margins - margin-bottom: 0 !important; - margin-top: 0 !important; - - @include media(mobile-only) { - - &[style] { - height: var(--global--spacing-unit) !important; - } - } -} +.wp-block-spacer { + display: block; + // Remove vertical margins + margin-bottom: 0 !important; + margin-top: 0 !important; + + @include media(mobile-only) { + + &[style] { + height: var(--global--spacing-unit) !important; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss index 20136f2d..a0c7cfcd 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss @@ -1,89 +1,89 @@ -table, -.wp-block-table { - - thead, - tfoot { - text-align: center; - } - - th { - font-family: var(--heading--font-family); - } - - td, - th { - padding: calc(0.5 * var(--global--spacing-unit)); - } - - &.is-style-regular .has-background, - &.is-style-stripes .has-background, - &.is-style-stripes .has-background thead tr, - &.is-style-stripes .has-background tfoot tr, - &.is-style-stripes .has-background tbody tr { - color: var(--table--has-background-text-color); - } - - &.is-style-stripes { - border-color: var(--table--stripes-border-color); - - th, - td { - border-width: 0; - } - - tbody tr:nth-child(odd) { - background-color: var(--table--stripes-background-color); - } - - .has-background tbody tr:nth-child(odd) { - background-color: var(--global--color-white-90); - } - } -} - -table.wp-calendar-table { - - td, - th { - background: transparent; - border: 0; - text-align: center; - line-height: 2; - vertical-align: middle; - } - - th { - font-weight: bold; - } - - thead, - tbody { - color: currentColor; - border: 1px solid; - } - - caption { - font-weight: bold; - text-align: left; - margin-bottom: var(--global--spacing-unit); - color: currentColor; - } -} - -.wp-calendar-nav { - text-align: left; - margin-top: calc(var(--global--spacing-unit) / 2); - - svg { - height: 1em; - vertical-align: middle; - - path { - fill: currentColor; - } - } - - .wp-calendar-nav-next { - float: right; - } -} +table, +.wp-block-table { + + thead, + tfoot { + text-align: center; + } + + th { + font-family: var(--heading--font-family); + } + + td, + th { + padding: calc(0.5 * var(--global--spacing-unit)); + } + + &.is-style-regular .has-background, + &.is-style-stripes .has-background, + &.is-style-stripes .has-background thead tr, + &.is-style-stripes .has-background tfoot tr, + &.is-style-stripes .has-background tbody tr { + color: var(--table--has-background-text-color); + } + + &.is-style-stripes { + border-color: var(--table--stripes-border-color); + + th, + td { + border-width: 0; + } + + tbody tr:nth-child(odd) { + background-color: var(--table--stripes-background-color); + } + + .has-background tbody tr:nth-child(odd) { + background-color: var(--global--color-white-90); + } + } +} + +table.wp-calendar-table { + + td, + th { + background: transparent; + border: 0; + text-align: center; + line-height: 2; + vertical-align: middle; + } + + th { + font-weight: bold; + } + + thead, + tbody { + color: currentColor; + border: 1px solid; + } + + caption { + font-weight: bold; + text-align: left; + margin-bottom: var(--global--spacing-unit); + color: currentColor; + } +} + +.wp-calendar-nav { + text-align: left; + margin-top: calc(var(--global--spacing-unit) / 2); + + svg { + height: 1em; + vertical-align: middle; + + path { + fill: currentColor; + } + } + + .wp-calendar-nav-next { + float: right; + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss index 18f1936b..04173970 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss @@ -1,99 +1,99 @@ -table, -.wp-block-table { - width: 100%; - min-width: 240px; - border-collapse: collapse; - - thead, - tfoot { - text-align: center; - } - - th { - font-family: var(--heading--font-family); - } - - td, - th { - padding: calc(0.5 * var(--global--spacing-unit)); - border: 1px solid; - } - - figcaption { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - } - - &.is-style-regular .has-background, - &.is-style-stripes .has-background, - &.is-style-stripes .has-background thead tr, - &.is-style-stripes .has-background tfoot tr, - &.is-style-stripes .has-background tbody tr { - color: var(--table--has-background-text-color); - } - - &.is-style-stripes { - border-color: var(--table--stripes-border-color); - - th, - td { - border-width: 0; - } - - tbody tr:nth-child(odd) { - background-color: var(--table--stripes-background-color); - } - - .has-background tbody tr:nth-child(odd) { - background-color: var(--global--color-white-90); - } - } -} - -table.wp-calendar-table { - - td, - th { - background: transparent; - border: 0; - text-align: center; - line-height: 2; - vertical-align: middle; - word-break: normal; - } - - th { - font-weight: bold; - } - - thead, - tbody { - color: currentColor; - border: 1px solid; - } - - caption { - font-weight: bold; - text-align: left; - margin-bottom: var(--global--spacing-unit); - color: currentColor; - } -} - -.wp-calendar-nav { - text-align: left; - margin-top: calc(var(--global--spacing-unit) / 2); - - svg { - height: 1em; - vertical-align: middle; - - path { - fill: currentColor; - } - } - - .wp-calendar-nav-next { - float: right; - } -} +table, +.wp-block-table { + width: 100%; + min-width: 240px; + border-collapse: collapse; + + thead, + tfoot { + text-align: center; + } + + th { + font-family: var(--heading--font-family); + } + + td, + th { + padding: calc(0.5 * var(--global--spacing-unit)); + border: 1px solid; + } + + figcaption { + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + } + + &.is-style-regular .has-background, + &.is-style-stripes .has-background, + &.is-style-stripes .has-background thead tr, + &.is-style-stripes .has-background tfoot tr, + &.is-style-stripes .has-background tbody tr { + color: var(--table--has-background-text-color); + } + + &.is-style-stripes { + border-color: var(--table--stripes-border-color); + + th, + td { + border-width: 0; + } + + tbody tr:nth-child(odd) { + background-color: var(--table--stripes-background-color); + } + + .has-background tbody tr:nth-child(odd) { + background-color: var(--global--color-white-90); + } + } +} + +table.wp-calendar-table { + + td, + th { + background: transparent; + border: 0; + text-align: center; + line-height: 2; + vertical-align: middle; + word-break: normal; + } + + th { + font-weight: bold; + } + + thead, + tbody { + color: currentColor; + border: 1px solid; + } + + caption { + font-weight: bold; + text-align: left; + margin-bottom: var(--global--spacing-unit); + color: currentColor; + } +} + +.wp-calendar-nav { + text-align: left; + margin-top: calc(var(--global--spacing-unit) / 2); + + svg { + height: 1em; + vertical-align: middle; + + path { + fill: currentColor; + } + } + + .wp-calendar-nav-next { + float: right; + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss index 4dbec910..5efd1215 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_editor.scss @@ -1,6 +1,6 @@ -.wp-block-tag-cloud { - - &.aligncenter { - text-align: center; - } -} +.wp-block-tag-cloud { + + &.aligncenter { + text-align: center; + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss index 77096a4c..dcf88acd 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/tag-clould/_style.scss @@ -1,7 +1,7 @@ -.wp-block-tag-cloud { - - &.alignfull { - padding-left: var(--global--spacing-unit); - padding-right: var(--global--spacing-unit); - } -} +.wp-block-tag-cloud { + + &.alignfull { + padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss index 98b96c94..ca1b4308 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/utilities/_editor.scss @@ -1,140 +1,140 @@ -/** -* Editor Post Title -* - Needs a special styles -*/ - -// Post title style -.wp-block.editor-post-title__block { - border-bottom: 3px solid var(--global--color-border); - padding-bottom: calc(2 * var(--global--spacing-vertical)); - margin-bottom: calc(3 * var(--global--spacing-vertical)); - max-width: var(--responsive--alignwide-width); - - .editor-post-title__input { - color: var(--global--color-secondary); - font-family: var(--heading--font-family); - font-size: var(--global--font-size-page-title); - font-weight: var(--heading--font-weight-page-title); - line-height: var(--heading--line-height-h1); - } -} - -// Editor UI font styles -.wp-block.block-editor-default-block-appender > textarea { - font-family: var(--global--font-secondary); - font-size: var(--global--font-size-md); -} - -// Gutenberg text color options -.has-primary-color[class] { - color: var(--global--color-primary); -} - -.has-secondary-color[class] { - color: var(--global--color-secondary); -} - -// Gutenberg background-color options -.has-background { - - a, - p, - h1, - h2, - h3, - h4, - h5, - h6 { - color: currentColor; - } -} - -.has-primary-background-color[class] { - background-color: var(--global--color-primary); - color: var(--global--color-background); -} - -.has-secondary-background-color[class] { - background-color: var(--global--color-secondary); - color: var(--global--color-background); -} - -.has-white-background-color[class] { - background-color: var(--global--color-white); - color: var(--global--color-secondary); -} - -.has-black-background-color[class] { - background-color: var(--global--color-black); - color: var(--global--color-primary); -} - -// Spacing Overrides -[data-block] { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); -} - -// Block Alignments -.wp-block { - - // Gutenberg injects a rule that limits the max width of .wp-block to 580px - // This line overrides it to use the responsive spacing rules for default width content - max-width: var(--responsive--aligndefault-width); - - // Use the theme's max-width for wide alignment. - &[data-align="wide"], - &.alignwide { - max-width: var(--responsive--alignwide-width); - } - - &[data-align="full"], - &.alignfull { - max-width: none; - } -} - -.alignleft { - margin: 0; - margin-right: var(--global--spacing-horizontal); -} - -.alignright { - margin: 0; - margin-left: var(--global--spacing-horizontal); -} - -// Drop cap -.has-drop-cap:not(:focus)::first-letter { - font-family: var(--heading--font-family); - font-weight: var(--heading--font-weight); - line-height: 0.66; - text-transform: uppercase; - font-style: normal; - float: left; - margin: 0.1em 0.1em 0 0; - font-size: calc(1.2 * var(--heading--font-size-h1)); -} - -@media only screen and (min-width: 482px) { - - .wp-block[data-align="left"] > * { - max-width: 290px; - margin-right: var(--global--spacing-horizontal); - } - - .wp-block[data-align="right"] > * { - max-width: 290px; - margin-left: var(--global--spacing-horizontal); - } -} - -// Remove the border of blockquotes inside the classic block. -.wp-block-freeform.block-library-rich-text__tinymce blockquote { - border: none; -} - -// Adjust the position of the quote symbol for blockquotes inside the classic block. -.wp-block-freeform.block-library-rich-text__tinymce blockquote:before { - left: 5px; -} +/** +* Editor Post Title +* - Needs a special styles +*/ + +// Post title style +.wp-block.editor-post-title__block { + border-bottom: 3px solid var(--global--color-border); + padding-bottom: calc(2 * var(--global--spacing-vertical)); + margin-bottom: calc(3 * var(--global--spacing-vertical)); + max-width: var(--responsive--alignwide-width); + + .editor-post-title__input { + color: var(--global--color-secondary); + font-family: var(--heading--font-family); + font-size: var(--global--font-size-page-title); + font-weight: var(--heading--font-weight-page-title); + line-height: var(--heading--line-height-h1); + } +} + +// Editor UI font styles +.wp-block.block-editor-default-block-appender > textarea { + font-family: var(--global--font-secondary); + font-size: var(--global--font-size-md); +} + +// Gutenberg text color options +.has-primary-color[class] { + color: var(--global--color-primary); +} + +.has-secondary-color[class] { + color: var(--global--color-secondary); +} + +// Gutenberg background-color options +.has-background { + + a, + p, + h1, + h2, + h3, + h4, + h5, + h6 { + color: currentColor; + } +} + +.has-primary-background-color[class] { + background-color: var(--global--color-primary); + color: var(--global--color-background); +} + +.has-secondary-background-color[class] { + background-color: var(--global--color-secondary); + color: var(--global--color-background); +} + +.has-white-background-color[class] { + background-color: var(--global--color-white); + color: var(--global--color-secondary); +} + +.has-black-background-color[class] { + background-color: var(--global--color-black); + color: var(--global--color-primary); +} + +// Spacing Overrides +[data-block] { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); +} + +// Block Alignments +.wp-block { + + // Gutenberg injects a rule that limits the max width of .wp-block to 580px + // This line overrides it to use the responsive spacing rules for default width content + max-width: var(--responsive--aligndefault-width); + + // Use the theme's max-width for wide alignment. + &[data-align="wide"], + &.alignwide { + max-width: var(--responsive--alignwide-width); + } + + &[data-align="full"], + &.alignfull { + max-width: none; + } +} + +.alignleft { + margin: 0; + margin-right: var(--global--spacing-horizontal); +} + +.alignright { + margin: 0; + margin-left: var(--global--spacing-horizontal); +} + +// Drop cap +.has-drop-cap:not(:focus)::first-letter { + font-family: var(--heading--font-family); + font-weight: var(--heading--font-weight); + line-height: 0.66; + text-transform: uppercase; + font-style: normal; + float: left; + margin: 0.1em 0.1em 0 0; + font-size: calc(1.2 * var(--heading--font-size-h1)); +} + +@media only screen and (min-width: 482px) { + + .wp-block[data-align="left"] > * { + max-width: 290px; + margin-right: var(--global--spacing-horizontal); + } + + .wp-block[data-align="right"] > * { + max-width: 290px; + margin-left: var(--global--spacing-horizontal); + } +} + +// Remove the border of blockquotes inside the classic block. +.wp-block-freeform.block-library-rich-text__tinymce blockquote { + border: none; +} + +// Adjust the position of the quote symbol for blockquotes inside the classic block. +.wp-block-freeform.block-library-rich-text__tinymce blockquote:before { + left: 5px; +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss b/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss index ed657999..26f9739b 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/utilities/_font-sizes.scss @@ -1,53 +1,53 @@ -// Gutenberg Font-size utility classes -:root { - - .is-extra-small-text, - .has-extra-small-font-size { - font-size: var(--global--font-size-xs); - } - - .is-small-text, - .has-small-font-size { - font-size: var(--global--font-size-sm); - } - - .is-regular-text, - .has-regular-font-size, - .is-normal-font-size, - .has-normal-font-size, - .has-medium-font-size { - font-size: var(--global--font-size-base); - } - - .is-large-text, - .has-large-font-size { - font-size: var(--global--font-size-lg); - line-height: var(--global--line-height-heading); - } - - .is-larger-text, - .has-larger-font-size, - .is-extra-large-text, - .has-extra-large-font-size { - font-size: var(--global--font-size-xl); - line-height: var(--global--line-height-heading); - } - - .is-huge-text, - .has-huge-font-size { - font-size: var(--global--font-size-xxl); - line-height: var(--global--line-height-heading); - - // This size is meant to mimic the page titles, so the font weight is reduced to match. - font-weight: var(--heading--font-weight-page-title); - } - - .is-gigantic-text, - .has-gigantic-font-size { - font-size: var(--global--font-size-xxxl); - line-height: var(--global--line-height-heading); - - // This size is meant to mimic the page titles, so the font weight is reduced to match. - font-weight: var(--heading--font-weight-page-title); - } -} +// Gutenberg Font-size utility classes +:root { + + .is-extra-small-text, + .has-extra-small-font-size { + font-size: var(--global--font-size-xs); + } + + .is-small-text, + .has-small-font-size { + font-size: var(--global--font-size-sm); + } + + .is-regular-text, + .has-regular-font-size, + .is-normal-font-size, + .has-normal-font-size, + .has-medium-font-size { + font-size: var(--global--font-size-base); + } + + .is-large-text, + .has-large-font-size { + font-size: var(--global--font-size-lg); + line-height: var(--global--line-height-heading); + } + + .is-larger-text, + .has-larger-font-size, + .is-extra-large-text, + .has-extra-large-font-size { + font-size: var(--global--font-size-xl); + line-height: var(--global--line-height-heading); + } + + .is-huge-text, + .has-huge-font-size { + font-size: var(--global--font-size-xxl); + line-height: var(--global--line-height-heading); + + // This size is meant to mimic the page titles, so the font weight is reduced to match. + font-weight: var(--heading--font-weight-page-title); + } + + .is-gigantic-text, + .has-gigantic-font-size { + font-size: var(--global--font-size-xxxl); + line-height: var(--global--line-height-heading); + + // This size is meant to mimic the page titles, so the font weight is reduced to match. + font-weight: var(--heading--font-weight-page-title); + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss index 6ee561cc..07d06d2e 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss @@ -1,160 +1,160 @@ -/* Block Alignments */ - -/** - * These selectors set the default max width for content appearing inside a post or page. - */ -.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), -*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { - @extend %responsive-aligndefault-width; -} - -/** - * .alignleft - */ -.alignleft { - - /*rtl:ignore*/ - text-align: left; - - margin-top: 0; -} - -// Targeting the .entry-content class is necessary to ensure these styles -// only apply when the block isn't nested. -.entry-content > .alignleft { - max-width: var(--responsive--aligndefault-width); - @extend %responsive-alignleft; -} - -@include media(mobile) { - - .alignleft { - - /*rtl:ignore*/ - float: left; - - /*rtl:ignore*/ - margin-right: var(--global--spacing-horizontal); - margin-bottom: var(--global--spacing-vertical); - } - - .entry-content > .alignleft { - max-width: calc(50% - var(--responsive--alignleft-margin)); - } -} - -/** - * .aligncenter - */ -.aligncenter { - clear: both; - display: block; - float: none; - margin-right: auto; - margin-left: auto; - text-align: center; -} - -/** - * .alignright - */ -.alignright { - - margin-top: 0; - margin-bottom: var(--global--spacing-vertical); -} - -// Targeting the .entry-content class is necessary to ensure these styles -// only apply when the block isn't nested. -.entry-content > .alignright { - max-width: var(--responsive--aligndefault-width); - @extend %responsive-alignright; -} - -@include media(mobile) { - - .alignright { - - /*rtl:ignore*/ - float: right; - - /*rtl:ignore*/ - margin-left: var(--global--spacing-horizontal); - } - - .entry-content > .alignright { - max-width: calc(50% - var(--responsive--alignright-margin)); - } -} - -// Make sure siblings of floated elements are top-aligned when nested -[class*="inner-container"] > .alignleft + *, -[class*="inner-container"] > .alignright + * { - margin-top: 0; -} - -/** - * .alignwide - */ -.alignwide { - clear: both; - @extend %responsive-alignwide-width; -} - -.alignwide [class*="inner-container"] > .alignwide { - @extend %responsive-alignwide-width-nested; -} - -/** - * .alignfull - */ -.alignfull { - clear: both; - @extend %responsive-alignfull-width-mobile; - @extend %responsive-alignfull-width; -} - -.alignfull [class*="inner-container"] > .alignwide { - @extend %responsive-alignwide-width-nested; -} - -// Content alignment -.has-left-content { - justify-content: flex-start; -} - -.has-right-content { - justify-content: flex-end; -} - -// Parallax -.has-parallax { - background-attachment: fixed; -} - -// Drop caps -.has-drop-cap:not(:focus)::first-letter { - font-family: var(--heading--font-family); - font-weight: var(--heading--font-weight); - line-height: 0.66; - text-transform: uppercase; - font-style: normal; - float: left; - margin: 0.1em 0.1em 0 0; - font-size: calc(1.2 * var(--heading--font-size-h1)); -} - -.has-drop-cap:not(:focus)::after { - content: ""; - display: table; - clear: both; - padding-top: 14px; -} - -.desktop-only { - display: none; - - @include media(mobile) { - display: block; - } -} +/* Block Alignments */ + +/** + * These selectors set the default max width for content appearing inside a post or page. + */ +.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), +*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { + @extend %responsive-aligndefault-width; +} + +/** + * .alignleft + */ +.alignleft { + + /*rtl:ignore*/ + text-align: left; + + margin-top: 0; +} + +// Targeting the .entry-content class is necessary to ensure these styles +// only apply when the block isn't nested. +.entry-content > .alignleft { + max-width: var(--responsive--aligndefault-width); + @extend %responsive-alignleft; +} + +@include media(mobile) { + + .alignleft { + + /*rtl:ignore*/ + float: left; + + /*rtl:ignore*/ + margin-right: var(--global--spacing-horizontal); + margin-bottom: var(--global--spacing-vertical); + } + + .entry-content > .alignleft { + max-width: calc(50% - var(--responsive--alignleft-margin)); + } +} + +/** + * .aligncenter + */ +.aligncenter { + clear: both; + display: block; + float: none; + margin-right: auto; + margin-left: auto; + text-align: center; +} + +/** + * .alignright + */ +.alignright { + + margin-top: 0; + margin-bottom: var(--global--spacing-vertical); +} + +// Targeting the .entry-content class is necessary to ensure these styles +// only apply when the block isn't nested. +.entry-content > .alignright { + max-width: var(--responsive--aligndefault-width); + @extend %responsive-alignright; +} + +@include media(mobile) { + + .alignright { + + /*rtl:ignore*/ + float: right; + + /*rtl:ignore*/ + margin-left: var(--global--spacing-horizontal); + } + + .entry-content > .alignright { + max-width: calc(50% - var(--responsive--alignright-margin)); + } +} + +// Make sure siblings of floated elements are top-aligned when nested +[class*="inner-container"] > .alignleft + *, +[class*="inner-container"] > .alignright + * { + margin-top: 0; +} + +/** + * .alignwide + */ +.alignwide { + clear: both; + @extend %responsive-alignwide-width; +} + +.alignwide [class*="inner-container"] > .alignwide { + @extend %responsive-alignwide-width-nested; +} + +/** + * .alignfull + */ +.alignfull { + clear: both; + @extend %responsive-alignfull-width-mobile; + @extend %responsive-alignfull-width; +} + +.alignfull [class*="inner-container"] > .alignwide { + @extend %responsive-alignwide-width-nested; +} + +// Content alignment +.has-left-content { + justify-content: flex-start; +} + +.has-right-content { + justify-content: flex-end; +} + +// Parallax +.has-parallax { + background-attachment: fixed; +} + +// Drop caps +.has-drop-cap:not(:focus)::first-letter { + font-family: var(--heading--font-family); + font-weight: var(--heading--font-weight); + line-height: 0.66; + text-transform: uppercase; + font-style: normal; + float: left; + margin: 0.1em 0.1em 0 0; + font-size: calc(1.2 * var(--heading--font-size-h1)); +} + +.has-drop-cap:not(:focus)::after { + content: ""; + display: table; + clear: both; + padding-top: 14px; +} + +.desktop-only { + display: none; + + @include media(mobile) { + display: block; + } +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss b/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss index c7b6a453..fa449963 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/verse/_editor.scss @@ -1,4 +1,4 @@ -pre.wp-block-verse { - padding: 0; - color: currentColor; -} +pre.wp-block-verse { + padding: 0; + color: currentColor; +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss index 73a2b767..264173bf 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/verse/_style.scss @@ -1,3 +1,3 @@ -.wp-block-verse { - font-family: var(--entry-content--font-family); -} +.wp-block-verse { + font-family: var(--entry-content--font-family); +} diff --git a/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss b/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss index f0236b28..6a4a3897 100644 --- a/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss +++ b/themes/twentytwentyone/assets/sass/05-blocks/video/_style.scss @@ -1,16 +1,16 @@ -.wp-block-video { - - figcaption { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - margin-top: calc(0.5 * var(--global--spacing-unit)); - margin-bottom: var(--global--spacing-unit); - text-align: center; - } -} - -* > figure > video { - max-width: unset; - width: 100%; - vertical-align: middle; -} +.wp-block-video { + + figcaption { + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + margin-top: calc(0.5 * var(--global--spacing-unit)); + margin-bottom: var(--global--spacing-unit); + text-align: center; + } +} + +* > figure > video { + max-width: unset; + width: 100%; + vertical-align: middle; +} diff --git a/themes/twentytwentyone/assets/sass/06-components/404.scss b/themes/twentytwentyone/assets/sass/06-components/404.scss index ba70ac77..d8309eb7 100644 --- a/themes/twentytwentyone/assets/sass/06-components/404.scss +++ b/themes/twentytwentyone/assets/sass/06-components/404.scss @@ -1,4 +1,4 @@ -.error404 main p { - font-size: var(--global--font-size-lg); - margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667); -} +.error404 main p { + font-size: var(--global--font-size-lg); + margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667); +} diff --git a/themes/twentytwentyone/assets/sass/06-components/archives.scss b/themes/twentytwentyone/assets/sass/06-components/archives.scss index e77c1fd0..d1b1a522 100644 --- a/themes/twentytwentyone/assets/sass/06-components/archives.scss +++ b/themes/twentytwentyone/assets/sass/06-components/archives.scss @@ -1,68 +1,68 @@ -.page-title { - font-size: var(--global--font-size-page-title); -} - -h1.page-title, -h2.page-title { - font-weight: var(--heading--font-weight-page-title); -} - -h1.page-title { - line-height: var(--heading--line-height-h1); -} - -.page-header { - border-bottom: 3px solid var(--global--color-border); - padding-bottom: calc(2 * var(--global--spacing-vertical)); -} - -.archive, -.search, -.blog { - - .content-area { - - .format-aside, - .format-status, - .format-link { - - .entry-content { - font-size: var(--global--font-size-lg); - } - } - - } - - .format-image, - .format-gallery, - .format-video { - - .entry-content { - margin-top: calc(2 * var(--global--spacing-vertical)); - } - } - - .entry-footer { - - .cat-links, - .tags-links { - display: block; - } - } - - &.logged-in { - - .entry-footer { - - .posted-on { - 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); -} +.page-title { + font-size: var(--global--font-size-page-title); +} + +h1.page-title, +h2.page-title { + font-weight: var(--heading--font-weight-page-title); +} + +h1.page-title { + line-height: var(--heading--line-height-h1); +} + +.page-header { + border-bottom: 3px solid var(--global--color-border); + padding-bottom: calc(2 * var(--global--spacing-vertical)); +} + +.archive, +.search, +.blog { + + .content-area { + + .format-aside, + .format-status, + .format-link { + + .entry-content { + font-size: var(--global--font-size-lg); + } + } + + } + + .format-image, + .format-gallery, + .format-video { + + .entry-content { + margin-top: calc(2 * var(--global--spacing-vertical)); + } + } + + .entry-footer { + + .cat-links, + .tags-links { + display: block; + } + } + + &.logged-in { + + .entry-footer { + + .posted-on { + 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); +} diff --git a/themes/twentytwentyone/assets/sass/06-components/comments.scss b/themes/twentytwentyone/assets/sass/06-components/comments.scss index 09a696c1..ae0e6887 100644 --- a/themes/twentytwentyone/assets/sass/06-components/comments.scss +++ b/themes/twentytwentyone/assets/sass/06-components/comments.scss @@ -1,292 +1,292 @@ -/** - * Comments Wrapper - */ -.comments-area { - - > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - - &.show-avatars { - - .avatar { - border-radius: 50%; - position: absolute; - top: 10px; - } - - .fn { - display: inline-block; - padding-left: 85px; - } - - .comment-metadata { - padding: 8px 0 9px 85px; - } - - } -} - -/** - * Comment Title - */ - -.comments-title, -.comment-reply-title { - font-size: var(--heading--font-size-h2); - letter-spacing: var(--heading--letter-spacing-h2); -} - -.comment-reply-title { - display: flex; - justify-content: space-between; - - small { - - a { - font-family: var(--global--font-secondary); - font-size: var(--global--font-size-xs); - font-style: normal; - font-weight: normal; - letter-spacing: normal; - } - } -} - -/* Nested comment reply title*/ -.comment .comment-respond .comment-reply-title { - font-size: var(--global--font-size-lg); -} - -/** - * Comment Lists - */ -.comment-list { - padding-left: 0; - list-style: none; - - > li { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } - -} - -.comment-list .children { - list-style: none; - padding-left: 0; - - > li { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } - -} - -.comment-list .depth-2, -.comment-list .depth-3 { - @include media(mobile) { - padding-left: calc(4 * var(--global--spacing-horizontal)); - } -} - -/** - * Comment Meta - */ -.comment-meta { - - .comment-author { - line-height: var(--global--line-height-heading); - margin-bottom: calc(0.25 * var(--global--spacing-unit)); - - @include media(mobile) { - margin-bottom: 0; - padding-right: 0; - } - - .fn { - font-family: var(--global--font-secondary); - font-weight: normal; - font-size: var(--global--font-size-lg); - hyphens: auto; - word-wrap: break-word; - word-break: break-word; - } - - } - - .comment-metadata { - color: var(--global--color-primary); - font-size: var(--global--font-size-xs); - padding: 8px 0 9px 0; - - .edit-link { - margin-left: var(--global--spacing-horizontal); - } - - } - - @include media(mobile) { - margin-right: inherit; - - .comment-author { - max-width: inherit; - } - } -} - -.reply { - font-size: var(--global--font-size-sm); - line-height: var(--global--line-height-heading); -} - -.bypostauthor { - display: block; -} - -.says { - display: none; -} - -.pingback .url, -.trackback .url { - font-family: var(--global--font-primary); -} - -// Comment body -.comment-body { - position: relative; - margin-bottom: calc(1.7 * var(--global--spacing-vertical)); - - > * { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - } - - .reply { - margin: 0; - } -} - -.comment-content a { - word-wrap: break-word; -} - -// Pingbacks & Trackbacks -.pingback .comment-body, -.trackback .comment-body { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); -} - -.comment-respond { - margin-top: var(--global--spacing-vertical); -} - -.comment-respond > * { - margin-top: var(--global--spacing-unit); - margin-bottom: var(--global--spacing-unit); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - - &.comment-form { - margin-bottom: var(--global--spacing-vertical); - } - } -} - -.comment-author { - padding-top: 3px; - - .url { - color: currentColor; - } -} - -.comment-form { - display: flex; - flex-wrap: wrap; - - > * { - flex-basis: 100%; - } - - .comment-notes { - font-size: var(--global--font-size-sm); - } - - .comment-form-url, - .comment-form-comment { - width: 100%; - } - - .comment-form-author, - .comment-form-email { - flex-basis: 0; - flex-grow: 1; - - @include media(mobile-only) { - flex-basis: 100%; - } - } - - .comment-form-cookies-consent > label, - .comment-notes { - font-size: var(--global--font-size-xs); - font-weight: normal; - } -} - -.comment-form > p { - margin-bottom: var(--global--spacing-unit); - - &:first-of-type { - margin-top: 0; - } - - &:last-of-type { - margin-bottom: 0; - } - - label, - input[type="email"], - input[type="text"], - input[type="url"], - textarea { - display: block; - font-size: var(--global--font-size-sm); - margin-bottom: calc(.5 * var(--global--spacing-unit)); - width: 100%; - font-weight: var(--form--label-weight); - } - - &.comment-form-cookies-consent { - display: flex; - } - - @include media(mobile) { - - &.comment-form-author { - margin-right: calc(1.5 * var(--global--spacing-horizontal)); - } - - &.comment-notes, - &.logged-in-as { - display: block; - } - } -} +/** + * Comments Wrapper + */ +.comments-area { + + > * { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } + + &.show-avatars { + + .avatar { + border-radius: 50%; + position: absolute; + top: 10px; + } + + .fn { + display: inline-block; + padding-left: 85px; + } + + .comment-metadata { + padding: 8px 0 9px 85px; + } + + } +} + +/** + * Comment Title + */ + +.comments-title, +.comment-reply-title { + font-size: var(--heading--font-size-h2); + letter-spacing: var(--heading--letter-spacing-h2); +} + +.comment-reply-title { + display: flex; + justify-content: space-between; + + small { + + a { + font-family: var(--global--font-secondary); + font-size: var(--global--font-size-xs); + font-style: normal; + font-weight: normal; + letter-spacing: normal; + } + } +} + +/* Nested comment reply title*/ +.comment .comment-respond .comment-reply-title { + font-size: var(--global--font-size-lg); +} + +/** + * Comment Lists + */ +.comment-list { + padding-left: 0; + list-style: none; + + > li { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } + +} + +.comment-list .children { + list-style: none; + padding-left: 0; + + > li { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } + +} + +.comment-list .depth-2, +.comment-list .depth-3 { + @include media(mobile) { + padding-left: calc(4 * var(--global--spacing-horizontal)); + } +} + +/** + * Comment Meta + */ +.comment-meta { + + .comment-author { + line-height: var(--global--line-height-heading); + margin-bottom: calc(0.25 * var(--global--spacing-unit)); + + @include media(mobile) { + margin-bottom: 0; + padding-right: 0; + } + + .fn { + font-family: var(--global--font-secondary); + font-weight: normal; + font-size: var(--global--font-size-lg); + hyphens: auto; + word-wrap: break-word; + word-break: break-word; + } + + } + + .comment-metadata { + color: var(--global--color-primary); + font-size: var(--global--font-size-xs); + padding: 8px 0 9px 0; + + .edit-link { + margin-left: var(--global--spacing-horizontal); + } + + } + + @include media(mobile) { + margin-right: inherit; + + .comment-author { + max-width: inherit; + } + } +} + +.reply { + font-size: var(--global--font-size-sm); + line-height: var(--global--line-height-heading); +} + +.bypostauthor { + display: block; +} + +.says { + display: none; +} + +.pingback .url, +.trackback .url { + font-family: var(--global--font-primary); +} + +// Comment body +.comment-body { + position: relative; + margin-bottom: calc(1.7 * var(--global--spacing-vertical)); + + > * { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + } + + .reply { + margin: 0; + } +} + +.comment-content { + word-wrap: break-word; +} + +// Pingbacks & Trackbacks +.pingback .comment-body, +.trackback .comment-body { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); +} + +.comment-respond { + margin-top: var(--global--spacing-vertical); +} + +.comment-respond > * { + margin-top: var(--global--spacing-unit); + margin-bottom: var(--global--spacing-unit); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + + &.comment-form { + margin-bottom: var(--global--spacing-vertical); + } + } +} + +.comment-author { + padding-top: 3px; + + .url { + color: currentColor; + } +} + +.comment-form { + display: flex; + flex-wrap: wrap; + + > * { + flex-basis: 100%; + } + + .comment-notes { + font-size: var(--global--font-size-sm); + } + + .comment-form-url, + .comment-form-comment { + width: 100%; + } + + .comment-form-author, + .comment-form-email { + flex-basis: 0; + flex-grow: 1; + + @include media(mobile-only) { + flex-basis: 100%; + } + } + + .comment-form-cookies-consent > label, + .comment-notes { + font-size: var(--global--font-size-xs); + font-weight: normal; + } +} + +.comment-form > p { + margin-bottom: var(--global--spacing-unit); + + &:first-of-type { + margin-top: 0; + } + + &:last-of-type { + margin-bottom: 0; + } + + label, + input[type="email"], + input[type="text"], + input[type="url"], + textarea { + display: block; + font-size: var(--global--font-size-sm); + margin-bottom: calc(.5 * var(--global--spacing-unit)); + width: 100%; + font-weight: var(--form--label-weight); + } + + &.comment-form-cookies-consent { + display: flex; + } + + @include media(mobile) { + + &.comment-form-author { + margin-right: calc(1.5 * var(--global--spacing-horizontal)); + } + + &.comment-notes, + &.logged-in-as { + display: block; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/06-components/editor.scss b/themes/twentytwentyone/assets/sass/06-components/editor.scss index f0429825..0279484b 100644 --- a/themes/twentytwentyone/assets/sass/06-components/editor.scss +++ b/themes/twentytwentyone/assets/sass/06-components/editor.scss @@ -1,44 +1,44 @@ -html { - font-family: var(--global--font-secondary); - line-height: var(--global--line-height-body); -} - -body { - --wp--typography--line-height: var(--global--line-height-body); - color: var(--global--color-primary); - background-color: var(--global--color-background); - font-family: var(--global--font-secondary); - font-size: var(--global--font-size-base); - font-weight: normal; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; -} - -// Links styles -.wp-block a { - color: var(--wp--style--color--link, var(--global--color-primary)); - - &:hover { - text-decoration-style: dotted; - } - - &:focus { - outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); - text-decoration: none; - } -} - -// Enforce the custom link color even if a custom background color has been set. -// The extra specificity here is required to override the background color styles. -.has-background { - // Target both current level and nested block. - .has-link-color a, - &.has-link-color a { - color: var(--wp--style--color--link, var(--global--color-primary)); - } -} - -button, -a { - cursor: pointer; -} +html { + font-family: var(--global--font-secondary); + line-height: var(--global--line-height-body); +} + +body { + --wp--typography--line-height: var(--global--line-height-body); + color: var(--global--color-primary); + background-color: var(--global--color-background); + font-family: var(--global--font-secondary); + font-size: var(--global--font-size-base); + font-weight: normal; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; +} + +// Links styles +.wp-block a { + color: var(--wp--style--color--link, var(--global--color-primary)); + + &:hover { + text-decoration-style: dotted; + } + + &:focus { + outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); + text-decoration: none; + } +} + +// Enforce the custom link color even if a custom background color has been set. +// The extra specificity here is required to override the background color styles. +.has-background { + // Target both current level and nested block. + .has-link-color a, + &.has-link-color a { + color: var(--wp--style--color--link, var(--global--color-primary)); + } +} + +button, +a { + cursor: pointer; +} diff --git a/themes/twentytwentyone/assets/sass/06-components/entry.scss b/themes/twentytwentyone/assets/sass/06-components/entry.scss index 85375d66..1ec1a10c 100644 --- a/themes/twentytwentyone/assets/sass/06-components/entry.scss +++ b/themes/twentytwentyone/assets/sass/06-components/entry.scss @@ -1,210 +1,210 @@ -.entry-title { - - color: var(--entry-header--color); - font-size: var(--entry-header--font-size); - letter-spacing: var(--heading--letter-spacing-h2); - line-height: var(--heading--line-height-h2); - overflow-wrap: break-word; - - a { - color: var(--entry-header--color-link); - text-underline-offset: 0.15em; - - &:hover { - color: var(--entry-header--color-hover); - } - - &:focus { - color: var(--entry-header--color-focus); - } - - &:active { - color: var(--entry-header--color-link); - } - } -} - -.singular .entry-title { - font-size: var(--global--font-size-page-title); -} - -h1.entry-title { - line-height: var(--heading--line-height-h1); - font-weight: var(--heading--font-weight-page-title); -} - -/** - * Entry Content - */ - -.entry-content, -.entry-summary { - font-family: var(--entry-content--font-family); -} - -.entry-content { - - p { - word-wrap: break-word; - } - - // Overwrite iframe embeds that have inline styles. - > iframe[style] { - - margin: var(--global--spacing-vertical) 0 !important; - max-width: 100% !important; - } - - // Classic editor audio embeds. - .wp-audio-shortcode { - @extend %responsive-aligndefault-width; - } -} - -.entry-footer { - - color: var(--global--color-primary); - clear: both; - float: none; - font-size: var(--global--font-size-xs); - display: block; - - > span { - display: inline-block; - } - - a { - color: currentColor; - - &:hover, - &:focus { - color: var(--global--color-primary-hover); - } - - &:active { - color: currentColor; - } - } -} - -// Extra specificity to override rules in _vertical-margins.scss -.site-main > article > .entry-footer { - margin-top: var(--global--spacing-vertical); - padding-top: var(--global--spacing-unit); - padding-bottom: calc(3 * var(--global--spacing-vertical)); - border-bottom: var(--separator--height) solid var(--separator--border-color); -} - -body:not(.single) .site-main > article:last-of-type .entry-footer { - border-bottom: var(--separator--height) solid transparent; -} - -.single .site-main > article > .entry-footer { - margin-top: calc(3.4 * var(--global--spacing-vertical)); - margin-bottom: calc(3.4 * var(--global--spacing-vertical)); - padding-bottom: 0; - padding-top: calc(0.8 * var(--global--spacing-vertical)); - border-top: 3px solid var(--separator--border-color); - border-bottom: var(--separator--height) solid transparent; - display: grid; - grid-template-columns: repeat(2, 1fr); - column-gap: calc(2 * var(--global--spacing-horizontal)); - - .post-taxonomies, - .full-size-link { - justify-content: flex-end; - text-align: right; - } - - .full-size-link:first-child:last-child { - grid-column: span 2; - } - - .posted-on, - .byline, - .cat-links, - .tags-links { - display: block; - } - - @include media(mobile-only) { - display: block; - - .full-size-link { - display: block; - } - - .post-taxonomies, - .full-size-link { - text-align: left; - } - } -} - -/** - * Post Thumbnails - */ - -.post-thumbnail { - @extend %responsive-aligndefault-width; - text-align: center; - - .entry-header &, - .singular & { - @extend %responsive-alignwide-width-nested; - } - - .wp-post-image { - display: block; - width: auto; - max-width: 100%; - margin-left: auto; - margin-right: auto; - margin-top: calc(2 * var(--global--spacing-vertical)); - } -} - -/** - * Author - */ - -.author-bio { - position: relative; - font-size: var(--global--font-size-xs); - max-width: var(--responsive--aligndefault-width); - - .site-main > article > & { - margin-top: calc(2 * var(--global--spacing-vertical)); - } - - // Avatars are optional and can be turned off. - &.show-avatars { - - .avatar { - display: inline-block; - vertical-align: top; - border-radius: 50%; - } - - .author-bio-content { - display: inline-block; - padding-left: var(--global--spacing-horizontal); - max-width: calc(var(--responsive--aligndefault-width) - 90px); - } - } - - .author-bio-content { - - .author-title { - font-family: var(--entry-author-bio--font-family); - font-size: var(--entry-author-bio--font-size); - display: inline; - } - - .author-description { - font-size: var(--global--font-size-xs); - margin-top: calc(0.5 * var(--global--spacing-vertical)); - margin-bottom: calc(0.5 * var(--global--spacing-vertical)); - } - } -} +.entry-title { + + color: var(--entry-header--color); + font-size: var(--entry-header--font-size); + letter-spacing: var(--heading--letter-spacing-h2); + line-height: var(--heading--line-height-h2); + overflow-wrap: break-word; + + a { + color: var(--entry-header--color-link); + text-underline-offset: 0.15em; + + &:hover { + color: var(--entry-header--color-hover); + } + + &:focus { + color: var(--entry-header--color-focus); + } + + &:active { + color: var(--entry-header--color-link); + } + } +} + +.singular .entry-title { + font-size: var(--global--font-size-page-title); +} + +h1.entry-title { + line-height: var(--heading--line-height-h1); + font-weight: var(--heading--font-weight-page-title); +} + +/** + * Entry Content + */ + +.entry-content, +.entry-summary { + font-family: var(--entry-content--font-family); +} + +.entry-content { + + p { + word-wrap: break-word; + } + + // Overwrite iframe embeds that have inline styles. + > iframe[style] { + + margin: var(--global--spacing-vertical) 0 !important; + max-width: 100% !important; + } + + // Classic editor audio embeds. + .wp-audio-shortcode { + @extend %responsive-aligndefault-width; + } +} + +.entry-footer { + + color: var(--global--color-primary); + clear: both; + float: none; + font-size: var(--global--font-size-xs); + display: block; + + > span { + display: inline-block; + } + + a { + color: currentColor; + + &:hover, + &:focus { + color: var(--global--color-primary-hover); + } + + &:active { + color: currentColor; + } + } +} + +// Extra specificity to override rules in _vertical-margins.scss +.site-main > article > .entry-footer { + margin-top: var(--global--spacing-vertical); + padding-top: var(--global--spacing-unit); + padding-bottom: calc(3 * var(--global--spacing-vertical)); + border-bottom: var(--separator--height) solid var(--separator--border-color); +} + +body:not(.single) .site-main > article:last-of-type .entry-footer { + border-bottom: var(--separator--height) solid transparent; +} + +.single .site-main > article > .entry-footer { + margin-top: calc(3.4 * var(--global--spacing-vertical)); + margin-bottom: calc(3.4 * var(--global--spacing-vertical)); + padding-bottom: 0; + padding-top: calc(0.8 * var(--global--spacing-vertical)); + border-top: 3px solid var(--separator--border-color); + border-bottom: var(--separator--height) solid transparent; + display: grid; + grid-template-columns: repeat(2, 1fr); + column-gap: calc(2 * var(--global--spacing-horizontal)); + + .post-taxonomies, + .full-size-link { + justify-content: flex-end; + text-align: right; + } + + .full-size-link:first-child:last-child { + grid-column: span 2; + } + + .posted-on, + .byline, + .cat-links, + .tags-links { + display: block; + } + + @include media(mobile-only) { + display: block; + + .full-size-link { + display: block; + } + + .post-taxonomies, + .full-size-link { + text-align: left; + } + } +} + +/** + * Post Thumbnails + */ + +.post-thumbnail { + @extend %responsive-aligndefault-width; + text-align: center; + + .entry-header &, + .singular & { + @extend %responsive-alignwide-width-nested; + } + + .wp-post-image { + display: block; + width: auto; + max-width: 100%; + margin-left: auto; + margin-right: auto; + margin-top: calc(2 * var(--global--spacing-vertical)); + } +} + +/** + * Author + */ + +.author-bio { + position: relative; + font-size: var(--global--font-size-xs); + max-width: var(--responsive--aligndefault-width); + + .site-main > article > & { + margin-top: calc(2 * var(--global--spacing-vertical)); + } + + // Avatars are optional and can be turned off. + &.show-avatars { + + .avatar { + display: inline-block; + vertical-align: top; + border-radius: 50%; + } + + .author-bio-content { + display: inline-block; + padding-left: var(--global--spacing-horizontal); + max-width: calc(var(--responsive--aligndefault-width) - 90px); + } + } + + .author-bio-content { + + .author-title { + font-family: var(--entry-author-bio--font-family); + font-size: var(--entry-author-bio--font-size); + display: inline; + } + + .author-description { + font-size: var(--global--font-size-xs); + margin-top: calc(0.5 * var(--global--spacing-vertical)); + margin-bottom: calc(0.5 * var(--global--spacing-vertical)); + } + } +} diff --git a/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss b/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss index af9ae3c8..ed24fd03 100644 --- a/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss +++ b/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss @@ -1,73 +1,73 @@ - -.footer-navigation { - margin-top: calc(2 * var(--global--spacing-vertical)); - margin-bottom: var(--global--spacing-vertical); - color: var(--footer--color-text); - font-size: var(--global--font-size-xs); - font-family: var(--footer--font-family); -} - -.footer-navigation-wrapper { - display: flex; - justify-content: center; - flex-wrap: wrap; - list-style: none; - padding-left: 0; - - li { - display: inline; - // This is to prevent hover styles from overlapping when the menu wraps. - line-height: 3; - - a { - padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); - transition: transform 0.1s ease; - color: var(--footer--color-link); - - &:link, - &:visited, - &:active { - color: var(--footer--color-link); - } - - &:hover { - text-decoration: underline; - text-decoration-style: dotted; - text-decoration-skip-ink: none; - color: var(--footer--color-link-hover); - } - - &:focus { - - .is-dark-theme & { - - .svg-icon { - fill: var(--wp--style--color--link, var(--global--color-background)); - } - } - - // Change colors when the body background is white. - .has-background-white & { - - .svg-icon { - fill: var(--wp--style--color--link, var(--global--color-white)); - } - } - } - } - - .svg-icon { - vertical-align: middle; - fill: var(--footer--color-link); - - &:hover { - transform: scale(1.1); - } - } - } - - .sub-menu-toggle, - .menu-item-description { - display: none; - } -} + +.footer-navigation { + margin-top: calc(2 * var(--global--spacing-vertical)); + margin-bottom: var(--global--spacing-vertical); + color: var(--footer--color-text); + font-size: var(--global--font-size-xs); + font-family: var(--footer--font-family); +} + +.footer-navigation-wrapper { + display: flex; + justify-content: center; + flex-wrap: wrap; + list-style: none; + padding-left: 0; + + li { + display: inline; + // This is to prevent hover styles from overlapping when the menu wraps. + line-height: 3; + + a { + padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); + transition: transform 0.1s ease; + color: var(--footer--color-link); + + &:link, + &:visited, + &:active { + color: var(--footer--color-link); + } + + &:hover { + text-decoration: underline; + text-decoration-style: dotted; + text-decoration-skip-ink: none; + color: var(--footer--color-link-hover); + } + + &:focus { + + .is-dark-theme & { + + .svg-icon { + fill: var(--wp--style--color--link, var(--global--color-background)); + } + } + + // Change colors when the body background is white. + .has-background-white & { + + .svg-icon { + fill: var(--wp--style--color--link, var(--global--color-white)); + } + } + } + } + + .svg-icon { + vertical-align: middle; + fill: var(--footer--color-link); + + &:hover { + transform: scale(1.1); + } + } + } + + .sub-menu-toggle, + .menu-item-description { + display: none; + } +} diff --git a/themes/twentytwentyone/assets/sass/06-components/footer.scss b/themes/twentytwentyone/assets/sass/06-components/footer.scss index f0c432f2..6223c344 100644 --- a/themes/twentytwentyone/assets/sass/06-components/footer.scss +++ b/themes/twentytwentyone/assets/sass/06-components/footer.scss @@ -1,74 +1,74 @@ -// Footer -.site-footer { - padding-top: 0; - padding-bottom: calc(1.7 * var(--global--spacing-vertical)); - @extend %responsive-alignwide-width; - - // Increase the top vertical spacing when there is no widget area. - .no-widgets & { - margin-top: calc(6 * var(--global--spacing-vertical)); - } - - @include media(mobile-only) { - - .no-widgets & { - margin-top: calc(3 * var(--global--spacing-vertical)); - } - } -} - -// Footer Branding -.site-footer > .site-info { - padding-top: var(--global--spacing-vertical); - color: var(--footer--color-text); - font-family: var(--footer--font-family); - font-size: var(--footer--font-size); - line-height: var(--global--line-height-body); - border-top: 3px solid var(--global--color-border); - - .site-name { - text-transform: var(--branding--title--text-transform); - font-size: var(--branding--title--font-size); - } - - .powered-by { - margin-top: calc(0.5 * var(--global--spacing-vertical)); - } - - @include media(desktop) { - display: flex; - align-items: center; - - .powered-by { - margin-top: initial; - margin-left: auto; - } - } - - a { - color: var(--footer--color-link); - - &:link, - &:visited, - &:active { - color: var(--footer--color-link); - } - - &:hover { - color: var(--footer--color-link-hover); - } - - &:focus { - color: var(--footer--color-link-hover); - - .is-dark-theme & { - color: var(--wp--style--color--link, var(--global--color-background)); - } - - // Change colors when the body background is white. - .has-background-white & { - color: var(--wp--style--color--link, var(--global--color-white)); - } - } - } -} +// Footer +.site-footer { + padding-top: 0; + padding-bottom: calc(1.7 * var(--global--spacing-vertical)); + @extend %responsive-alignwide-width; + + // Increase the top vertical spacing when there is no widget area. + .no-widgets & { + margin-top: calc(6 * var(--global--spacing-vertical)); + } + + @include media(mobile-only) { + + .no-widgets & { + margin-top: calc(3 * var(--global--spacing-vertical)); + } + } +} + +// Footer Branding +.site-footer > .site-info { + padding-top: var(--global--spacing-vertical); + color: var(--footer--color-text); + font-family: var(--footer--font-family); + font-size: var(--footer--font-size); + line-height: var(--global--line-height-body); + border-top: 3px solid var(--global--color-border); + + .site-name { + text-transform: var(--branding--title--text-transform); + font-size: var(--branding--title--font-size); + } + + .powered-by { + margin-top: calc(0.5 * var(--global--spacing-vertical)); + } + + @include media(desktop) { + display: flex; + align-items: center; + + .powered-by { + margin-top: initial; + margin-left: auto; + } + } + + a { + color: var(--footer--color-link); + + &:link, + &:visited, + &:active { + color: var(--footer--color-link); + } + + &:hover { + color: var(--footer--color-link-hover); + } + + &:focus { + color: var(--footer--color-link-hover); + + .is-dark-theme & { + color: var(--wp--style--color--link, var(--global--color-background)); + } + + // Change colors when the body background is white. + .has-background-white & { + color: var(--wp--style--color--link, var(--global--color-white)); + } + } + } +} diff --git a/themes/twentytwentyone/assets/sass/06-components/header.scss b/themes/twentytwentyone/assets/sass/06-components/header.scss index 1852345c..557e2f5e 100644 --- a/themes/twentytwentyone/assets/sass/06-components/header.scss +++ b/themes/twentytwentyone/assets/sass/06-components/header.scss @@ -1,214 +1,202 @@ -// Site header -.site-header { - @extend %responsive-alignwide-width; - display: flex; - align-items: flex-start; - flex-wrap: wrap; - row-gap: var(--global--spacing-vertical); // Add space in case the menu wraps below the site branding. - - .wp-custom-logo & { - align-items: center; - } - - @include media(mobile) { - padding-top: calc(var(--global--spacing-vertical) / 0.75); // 40px - } - - @include media(desktop) { - padding-top: calc(2.4 * var(--global--spacing-vertical)); // 60px - } -} - -// Site branding -.site-branding { - color: var(--branding--color-text); - margin-right: 140px; - - &:last-child { - margin-right: 0; - width: 100%; - text-align: center; - } - - @include media(mobile) { - margin-right: initial; - margin-top: 4px; // Align the baseline of the site title with the primary menu - } -} - -// Site title -.site-title { - - color: var(--branding--color-link); - font-family: var(--branding--title--font-family); - font-size: var(--branding--title--font-size-mobile); - letter-spacing: normal; - text-transform: var(--branding--title--text-transform); - line-height: var(--global--line-height-heading); - margin-bottom: calc(var(--global--spacing-vertical) / 6); - - a { - color: currentColor; - font-weight: var(--branding--title--font-weight); - - &:link, - &:visited, - &:active { - color: currentColor; - } - - &:hover, - &:focus { - color: var(--branding--color-link-hover); - } - - } - - @include media(mobile) { - font-size: var(--branding--title--font-size); - } -} - -// Site description -.site-description { - color: currentColor; - font-family: var(--branding--description--font-family); - font-size: var(--branding--description--font-size); - line-height: 1.4; -} - -a.custom-logo-link { - text-decoration: none; - - &:focus { - // Change colors when the body background is white. - .has-background-white &, - .is-dark-theme & { - background: none; - } - } -} - -.site-title > a { - text-decoration-color: var(--global--color-secondary); -} - -// Site logo -.site-logo { - - margin: calc(var(--global--spacing-vertical) / 2) 0; - - .site-header > & { - width: 100%; - padding-bottom: calc(var(--global--spacing-vertical) * 1.5); - border-bottom: 1px solid; - text-align: center; - } - - .custom-logo { - margin-left: auto; - margin-right: auto; - max-width: var(--branding--logo--max-width-mobile); - max-height: var(--branding--logo--max-height-mobile); - height: auto; - display: inline-block; - width: auto; - } - - @include media(mobile) { - - .custom-logo { - max-width: var(--branding--logo--max-width); - max-height: var(--branding--logo--max-height); - height: auto; - width: auto; - } - } -} - -@include media(mobile-only) { - - .site-header { - - &.has-logo { - - &:not(.has-title-and-tagline) { - - &.has-menu { - - .site-logo { - position: absolute; - padding-top: calc(0.5 * var(--global--spacing-vertical)); - margin-top: 0; - top: var(--global--admin-bar--height); - - .primary-navigation-open & { - display: none; - } - - img { - max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em); - } - } - } - } - - &.has-title-and-tagline { - align-items: flex-start; - - &.has-menu { - justify-content: space-between; - - .site-branding { - max-width: calc(100% - 160px); - } - } - - .site-branding { - margin-right: 0; - } - - body:not(.primary-navigation-open) & { - - &:after { - display: none; - } - - .primary-navigation { - position: relative; - top: 0; - } - - .menu-button-container { - position: relative; - padding-top: 0; - margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit))); - - #primary-mobile-menu { - // The 4.5px here is to offset the icon size horizontallly - // (the icon's width is larger than the path's width and has extra space on the sides). - padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); - padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); - margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6); - } - } - } - } - } - - &:not(.has-logo) { - - &.has-title-and-tagline { - - .site-branding { - margin-right: 0; - max-width: calc(100% - 160px); - } - } - } - - &:not(.has-menu) { - justify-content: center; - } - } -} +// Site header +.site-header { + @extend %responsive-alignwide-width; + display: flex; + align-items: flex-start; + flex-wrap: wrap; + row-gap: var(--global--spacing-vertical); // Add space in case the menu wraps below the site branding. + + .wp-custom-logo & { + align-items: center; + } + + @include media(mobile) { + padding-top: calc(var(--global--spacing-vertical) / 0.75); // 40px + } + + @include media(desktop) { + padding-top: calc(2.4 * var(--global--spacing-vertical)); // 60px + } +} + +// Site branding +.site-branding { + color: var(--branding--color-text); + margin-right: 140px; + + &:last-child { + margin-right: 0; + width: 100%; + text-align: center; + } + + @include media(mobile) { + margin-right: initial; + margin-top: 4px; // Align the baseline of the site title with the primary menu + } +} + +// Site title +.site-title { + + color: var(--branding--color-link); + font-family: var(--branding--title--font-family); + font-size: var(--branding--title--font-size-mobile); + letter-spacing: normal; + text-transform: var(--branding--title--text-transform); + line-height: var(--global--line-height-heading); + margin-bottom: calc(var(--global--spacing-vertical) / 6); + + a { + color: currentColor; + font-weight: var(--branding--title--font-weight); + + &:link, + &:visited, + &:active { + color: currentColor; + } + + &:hover, + &:focus { + color: var(--branding--color-link-hover); + } + + } + + @include media(mobile) { + font-size: var(--branding--title--font-size); + } +} + +// Site description +.site-description { + color: currentColor; + font-family: var(--branding--description--font-family); + font-size: var(--branding--description--font-size); + line-height: 1.4; +} + +.site-title > a { + text-decoration-color: var(--global--color-secondary); +} + +// Site logo +.site-logo { + + margin: calc(var(--global--spacing-vertical) / 2) 0; + + .site-header > & { + width: 100%; + padding-bottom: calc(var(--global--spacing-vertical) * 1.5); + border-bottom: 1px solid; + text-align: center; + } + + .custom-logo { + margin-left: auto; + margin-right: auto; + max-width: var(--branding--logo--max-width-mobile); + max-height: var(--branding--logo--max-height-mobile); + height: auto; + display: inline-block; + width: auto; + } + + @include media(mobile) { + + .custom-logo { + max-width: var(--branding--logo--max-width); + max-height: var(--branding--logo--max-height); + height: auto; + width: auto; + } + } +} + +@include media(mobile-only) { + + .site-header { + + &.has-logo { + + &:not(.has-title-and-tagline) { + + &.has-menu { + + .site-logo { + position: absolute; + padding-top: calc(0.5 * var(--global--spacing-vertical)); + margin-top: 0; + top: var(--global--admin-bar--height); + + .primary-navigation-open & { + display: none; + } + + img { + max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em); + } + } + } + } + + &.has-title-and-tagline { + align-items: flex-start; + + &.has-menu { + justify-content: space-between; + + .site-branding { + max-width: calc(100% - 160px); + } + } + + .site-branding { + margin-right: 0; + } + + body:not(.primary-navigation-open) & { + + &:after { + display: none; + } + + .primary-navigation { + position: relative; + top: 0; + } + + .menu-button-container { + position: relative; + padding-top: 0; + margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit))); + + #primary-mobile-menu { + // The 4.5px here is to offset the icon size horizontallly + // (the icon's width is larger than the path's width and has extra space on the sides). + padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); + padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); + margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6); + } + } + } + } + } + + &:not(.has-logo) { + + &.has-title-and-tagline { + + .site-branding { + margin-right: 0; + max-width: calc(100% - 160px); + } + } + } + + &:not(.has-menu) { + justify-content: center; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/06-components/navigation.scss b/themes/twentytwentyone/assets/sass/06-components/navigation.scss index b92c5ca9..11329cf8 100644 --- a/themes/twentytwentyone/assets/sass/06-components/navigation.scss +++ b/themes/twentytwentyone/assets/sass/06-components/navigation.scss @@ -1,533 +1,530 @@ - -// Navigation - -// Mobile menu toggles -.menu-button-container { - display: none; - justify-content: space-between; - position: absolute; - right: 0; - padding-top: calc(0.5 * var(--global--spacing-vertical)); - padding-bottom: calc(0.25 * var(--global--spacing-vertical)); - - #primary-mobile-menu { - margin-left: auto; - padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal)); - } - - @include media(mobile-only) { - display: flex; - } - - // Override specificty from default button styles. - .button.button { - display: flex; - font-size: var(--primary-nav--font-size-button); - font-weight: var(--primary-nav--font-weight-button); - background-color: transparent; - border: none; - color: var(--primary-nav--color-link); - - .dropdown-icon { - display: flex; - align-items: center; - - .svg-icon { - margin-left: calc(0.25 * var(--global--spacing-unit)); - } - - // Menu icon is off-center vertically to prevent blurry pixels. - &.open .svg-icon { - position: relative; - top: -1px; - } - - &.close { - display: none; - } - } - - &[aria-expanded*="true"] { - - .dropdown-icon { - - &.open { - display: none; - } - - &.close { - display: flex; - - .has-logo.has-title-and-tagline & { - animation-name: twentytwentyone-close-button-transition; - animation-duration: 0.3s; - } - } - } - } - } - - // When the menu is open, hide the close button and show the hide button. - .primary-navigation-open & { - width: 100%; - z-index: 500; - background-color: var(--global--color-background); - - #primary-mobile-menu { - position: static; - } - } -} - -.primary-navigation { - position: absolute; - top: var(--global--admin-bar--height); - right: 0; - color: var(--primary-nav--color-text); - font-size: var(--primary-nav--font-size); - line-height: 1.15; - margin-top: 0; - margin-bottom: 0; - - // Mobile menu closed - > .primary-menu-container { - position: fixed; - visibility: hidden; - opacity: 0; - top: 0; - right: 0; - bottom: 0; - left: 0; - // Height of the menu-button-container using font size, line height, and total padding, plus 5px so the focus of the first item is visible. - padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px); - padding-left: var(--global--spacing-unit); - padding-right: var(--global--spacing-unit); - padding-bottom: var(--global--spacing-horizontal); - background-color: var(--global--color-background); - transition: all .15s ease-in-out; - transform: translateY(var(--global--spacing-vertical)); - - @include media(mobile-only) { - height: 100vh; - z-index: 499; - overflow-x: hidden; - overflow-y: auto; - border: 2px solid transparent; - - .has-logo.has-title-and-tagline & { - position: fixed; - transform: translateY(0) translateX(100%); - } - - .admin-bar .has-logo.has-title-and-tagline & { - top: var(--global--admin-bar--height); - } - - .admin-bar & { - height: calc(100vh - var(--global--admin-bar--height)); - } - - &:focus { - border: 2px solid var(--global--color-primary); - } - } - } - - // Mobile menu open - .primary-navigation-open & { - - @include media(mobile-only) { - width: 100%; - position: fixed; - z-index: 2; // To be greater than the cover block and embeds. - } - - > .primary-menu-container { - position: absolute; - visibility: visible; - opacity: 1; - transform: translateY(0); - } - } - - .primary-navigation-open .has-logo.has-title-and-tagline & { - @include media(mobile-only) { - - > .primary-menu-container { - transform: translateX(0) translateY(0); - } - } - } - - @include media(mobile) { - position: relative; - margin-left: auto; - - // Hide Mobile menu on desktop - > .primary-menu-container { - visibility: visible; - opacity: 1; - position: relative; - padding: 0; - background-color: transparent; - overflow: initial; - transform: none; - } - - // Hide mobile menu toggle - #toggle-menu { - display: none; - } - - // Hide sub-sub-menus - > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul { - display: none; - } - - // Don't adjust position when logged-in - .admin-bar & { - top: initial; - - > .primary-menu-container { - top: initial; - } - } - } - - // Menu list wrapper - > div > .menu-wrapper { - display: flex; - justify-content: flex-start; - flex-wrap: wrap; - list-style: none; - margin: 0; - max-width: none; - padding-left: 0; - position: relative; - - @include media(mobile-only) { - padding-bottom: 100px; - - ul { - padding-left: 0; - } - } - - li { - display: block; - position: relative; - width: 100%; - - @include media(mobile) { - margin: 0; - width: inherit; - - &:last-child() { - margin-right: 0; - } - } - } - - // Sub-menu buttons - .sub-menu-toggle { - display: flex; - height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px); - width: 44px; - padding: 0; - justify-content: center; - align-items: center; - background: transparent; - color: currentColor; - border: none; - - &:focus { - outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); - } - - @include media(mobile-only) { - display: none; - } - - .icon-plus, - .icon-minus { - height: 100%; - display: flex; - align-items: center; - - svg { - margin-top: -1px; - } - } - - .icon-minus { - display: none; - } - - // When the sub-menu is open, display the minus icon - &[aria-expanded="true"] { - - .icon-minus { - display: flex; - } - - .icon-plus { - display: none; - } - } - } - - // Sub-menus Flyout - > li > .sub-menu { - - position: relative; - - @include media(mobile) { - left: 0; - margin: 0; - min-width: max-content; - position: absolute; - top: 100%; - padding-top: 3px; - transition: all 0.5s ease; - z-index: 88888; - - &:before, - &: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; - } - - &:after { - top: -9px; - border-color: var(--global--color-background) transparent; - } - - li { - background: var(--global--color-background); - } - - &.submenu-reposition-left { - - /* rtl:ignore */ - left: 0; - - /* rtl:ignore */ - right: auto; - - &:before, - &:after { - - /* rtl:ignore */ - left: var(--global--spacing-horizontal); - - /* rtl:ignore */ - right: auto; - } - } - - &.submenu-reposition-right { - - /* rtl:ignore */ - right: 0; - - /* rtl:ignore */ - left: auto; - - &:before, - &:after { - - /* rtl:ignore */ - left: auto; - - /* rtl:ignore */ - right: var(--global--spacing-horizontal); - } - } - } - } - } - - // Top-level Item Link Colors - .primary-menu > .menu-item:hover > a { - color: var(--primary-nav--color-link-hover); - } - - .primary-menu-container { - @include media(mobile) { - // Better align with the site title when the menu wraps. - margin-right: calc(0px - var(--primary-nav--padding)); - margin-left: calc(0px - var(--primary-nav--padding)); - - // Top-level Menu Item - > ul > .menu-item { - display: flex; - - > a { - padding-left: var(--primary-nav--padding); - padding-right: var(--primary-nav--padding); - - + .sub-menu-toggle { - margin-left: calc(5px - var(--primary-nav--padding)); - } - } - } - } - } - - // Menu Item Link - a { - display: block; - font-family: var(--primary-nav--font-family-mobile); - font-size: var(--primary-nav--font-size-mobile); - font-weight: var(--primary-nav--font-weight); - padding: var(--primary-nav--padding) 0; - text-decoration: none; - - @include media(mobile) { - display: block; - font-family: var(--primary-nav--font-family); - font-size: var(--primary-nav--font-size); - font-weight: var(--primary-nav--font-weight); - } - - + svg { - fill: var(--primary-nav--color-text); - } - - &:hover, - &:link, - &:visited { - color: var(--primary-nav--color-link-hover); - } - - &:hover { - text-decoration: underline; - text-decoration-style: dotted; - } - - &:focus { - position: relative; - z-index: 99999; // Ensure focus styles appear above absolute positioned elements - outline-offset: 0; - text-decoration-thickness: 2px; - } - } - - .current-menu-item > a:first-child, - .current_page_item > a:first-child { - text-decoration: underline; - text-decoration-style: solid; - - &:hover { - text-decoration: underline; - text-decoration-style: dotted; - } - } - - // Sub-menu depth indicators + text styles - .sub-menu { - margin: 0; - padding: 0; - list-style: none; - margin-left: var(--primary-nav--padding); - border: 1px solid var(--primary-nav--border-color); - - .sub-menu { - border: none; - } - - // Sub-menu items om wide screens. - @include media(mobile) { - - // For nested sub-menus, don't duplicate the padding - > .menu-item > .sub-menu { - padding: 0; - } - } - - .menu-item { - - @include media(mobile-only) { - - &:last-child() { - margin-bottom: 0; - } - - } - - > a { - padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); - display: block; - font-size: var(--primary-nav--font-size-sub-menu-mobile); - font-style: var(--primary-nav--font-style-sub-menu-mobile); - - @include media(mobile) { - font-size: var(--primary-nav--font-size-sub-menu); - font-style: var(--primary-nav--font-style); - } - } - } - } - - // Show top-level sub-menu indicators above mobile-breakpoint-only - .menu-item-has-children { - - > .svg-icon { - display: none; - } - - @include media(mobile) { - - > .svg-icon { - display: inline-block; - height: 100%; - } - - .sub-menu .svg-icon { - display: none; - } - } - - } - - .menu-item-description { - display: block; - clear: both; - font-size: var(--global--font-size-xs); - text-transform: none; - line-height: 1.7; - - > span { - display: inline-block; - } - } -} - -// Keep the menu pinned to the top when the menu is open. -@include media(mobile-only) { - - .lock-scrolling .site { - position: fixed; - max-width: 100%; - width: 100%; - } -} - -// Close button animation for when a custom logo is present. -@keyframes twentytwentyone-close-button-transition { - - from { - opacity: 0; - } - - to { - opacity: 1; - } -} + +// Navigation + +// Mobile menu toggles +.menu-button-container { + display: none; + justify-content: space-between; + position: absolute; + right: 0; + padding-top: calc(0.5 * var(--global--spacing-vertical)); + padding-bottom: calc(0.25 * var(--global--spacing-vertical)); + + @include media(mobile-only) { + display: flex; + } + + // Override specificity from default button styles. + #primary-mobile-menu { + display: flex; + margin-left: auto; + padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal)); + font-size: var(--primary-nav--font-size-button); + font-weight: var(--primary-nav--font-weight-button); + background-color: transparent; + border: none; + color: var(--primary-nav--color-link); + + .dropdown-icon { + display: flex; + align-items: center; + + .svg-icon { + margin-left: calc(0.25 * var(--global--spacing-unit)); + } + + // Menu icon is off-center vertically to prevent blurry pixels. + &.open .svg-icon { + position: relative; + top: -1px; + } + + &.close { + display: none; + } + } + + &[aria-expanded*="true"] { + + .dropdown-icon { + + &.open { + display: none; + } + + &.close { + display: flex; + + .has-logo.has-title-and-tagline & { + animation-name: twentytwentyone-close-button-transition; + animation-duration: 0.3s; + } + } + } + } + } + + // When the menu is open, hide the close button and show the hide button. + .primary-navigation-open & { + width: 100%; + z-index: 500; + background-color: var(--global--color-background); + + #primary-mobile-menu { + position: static; + } + } +} + +.primary-navigation { + position: absolute; + top: var(--global--admin-bar--height); + right: 0; + color: var(--primary-nav--color-text); + font-size: var(--primary-nav--font-size); + line-height: 1.15; + margin-top: 0; + margin-bottom: 0; + + // Mobile menu closed + > .primary-menu-container { + position: fixed; + visibility: hidden; + opacity: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + // Height of the menu-button-container using font size, line height, and total padding, plus 5px so the focus of the first item is visible. + padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px); + padding-left: var(--global--spacing-unit); + padding-right: var(--global--spacing-unit); + padding-bottom: var(--global--spacing-horizontal); + background-color: var(--global--color-background); + transition: all .15s ease-in-out; + transform: translateY(var(--global--spacing-vertical)); + + @include media(mobile-only) { + height: 100vh; + z-index: 499; + overflow-x: hidden; + overflow-y: auto; + border: 2px solid transparent; + + .has-logo.has-title-and-tagline & { + position: fixed; + transform: translateY(0) translateX(100%); + } + + .admin-bar .has-logo.has-title-and-tagline & { + top: var(--global--admin-bar--height); + } + + .admin-bar & { + height: calc(100vh - var(--global--admin-bar--height)); + } + + &:focus { + border: 2px solid var(--global--color-primary); + } + } + } + + // Mobile menu open + .primary-navigation-open & { + + @include media(mobile-only) { + width: 100%; + position: fixed; + z-index: 2; // To be greater than the cover block and embeds. + } + + > .primary-menu-container { + position: absolute; + visibility: visible; + opacity: 1; + transform: translateY(0); + } + } + + .primary-navigation-open .has-logo.has-title-and-tagline & { + @include media(mobile-only) { + + > .primary-menu-container { + transform: translateX(0) translateY(0); + } + } + } + + @include media(mobile) { + position: relative; + margin-left: auto; + + // Hide Mobile menu on desktop + > .primary-menu-container { + visibility: visible; + opacity: 1; + position: relative; + padding: 0; + background-color: transparent; + overflow: initial; + transform: none; + } + + // Hide mobile menu toggle + #toggle-menu { + display: none; + } + + // Hide sub-sub-menus + > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul { + display: none; + } + + // Don't adjust position when logged-in + .admin-bar & { + top: initial; + + > .primary-menu-container { + top: initial; + } + } + } + + // Menu list wrapper + > div > .menu-wrapper { + display: flex; + justify-content: flex-start; + flex-wrap: wrap; + list-style: none; + margin: 0; + max-width: none; + padding-left: 0; + position: relative; + + @include media(mobile-only) { + padding-bottom: 100px; + + ul { + padding-left: 0; + } + } + + li { + display: block; + position: relative; + width: 100%; + + @include media(mobile) { + margin: 0; + width: inherit; + + &:last-child { + margin-right: 0; + } + } + } + + // Sub-menu buttons + .sub-menu-toggle { + display: flex; + height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px); + width: 44px; + padding: 0; + justify-content: center; + align-items: center; + background: transparent; + color: currentColor; + border: none; + + &:focus { + outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); + } + + @include media(mobile-only) { + display: none; + } + + .icon-plus, + .icon-minus { + height: 100%; + display: flex; + align-items: center; + + svg { + margin-top: -1px; + } + } + + .icon-minus { + display: none; + } + + // When the sub-menu is open, display the minus icon + &[aria-expanded="true"] { + + .icon-minus { + display: flex; + } + + .icon-plus { + display: none; + } + } + } + + // Sub-menus Flyout + > li > .sub-menu { + + position: relative; + + @include media(mobile) { + left: 0; + margin: 0; + min-width: max-content; + position: absolute; + top: 100%; + padding-top: 3px; + transition: all 0.5s ease; + z-index: 88888; + + &:before, + &: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; + } + + &:after { + top: -9px; + border-color: var(--global--color-background) transparent; + } + + li { + background: var(--global--color-background); + } + + &.submenu-reposition-left { + + /* rtl:ignore */ + left: 0; + + /* rtl:ignore */ + right: auto; + + &:before, + &:after { + + /* rtl:ignore */ + left: var(--global--spacing-horizontal); + + /* rtl:ignore */ + right: auto; + } + } + + &.submenu-reposition-right { + + /* rtl:ignore */ + right: 0; + + /* rtl:ignore */ + left: auto; + + &:before, + &:after { + + /* rtl:ignore */ + left: auto; + + /* rtl:ignore */ + right: var(--global--spacing-horizontal); + } + } + } + } + } + + // Top-level Item Link Colors + .primary-menu > .menu-item:hover > a { + color: var(--primary-nav--color-link-hover); + } + + .primary-menu-container { + @include media(mobile) { + // Better align with the site title when the menu wraps. + margin-right: calc(0px - var(--primary-nav--padding)); + margin-left: calc(0px - var(--primary-nav--padding)); + + // Top-level Menu Item + > ul > .menu-item { + display: flex; + + > a { + padding-left: var(--primary-nav--padding); + padding-right: var(--primary-nav--padding); + + + .sub-menu-toggle { + margin-left: calc(5px - var(--primary-nav--padding)); + } + } + } + } + } + + // Menu Item Link + a { + display: block; + font-family: var(--primary-nav--font-family-mobile); + font-size: var(--primary-nav--font-size-mobile); + font-weight: var(--primary-nav--font-weight); + padding: var(--primary-nav--padding) 0; + text-decoration: none; + + @include media(mobile) { + display: block; + font-family: var(--primary-nav--font-family); + font-size: var(--primary-nav--font-size); + font-weight: var(--primary-nav--font-weight); + } + + + svg { + fill: var(--primary-nav--color-text); + } + + &:hover, + &:link, + &:visited { + color: var(--primary-nav--color-link-hover); + } + + &:hover { + text-decoration: underline; + text-decoration-style: dotted; + } + + &:focus { + position: relative; + z-index: 99999; // Ensure focus styles appear above absolute positioned elements + outline-offset: 0; + text-decoration-thickness: 2px; + } + } + + .current-menu-item > a:first-child, + .current_page_item > a:first-child { + text-decoration: underline; + text-decoration-style: solid; + + &:hover { + text-decoration: underline; + text-decoration-style: dotted; + } + } + + // Sub-menu depth indicators + text styles + .sub-menu { + margin: 0; + padding: 0; + list-style: none; + margin-left: var(--primary-nav--padding); + border: 1px solid var(--primary-nav--border-color); + + .sub-menu { + border: none; + } + + // Sub-menu items om wide screens. + @include media(mobile) { + + // For nested sub-menus, don't duplicate the padding + > .menu-item > .sub-menu { + padding: 0; + } + } + + .menu-item { + + @include media(mobile-only) { + + &:last-child { + margin-bottom: 0; + } + + } + + > a { + padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); + display: block; + font-size: var(--primary-nav--font-size-sub-menu-mobile); + font-style: var(--primary-nav--font-style-sub-menu-mobile); + + @include media(mobile) { + font-size: var(--primary-nav--font-size-sub-menu); + font-style: var(--primary-nav--font-style); + } + } + } + } + + // Show top-level sub-menu indicators above mobile-breakpoint-only + .menu-item-has-children { + + > .svg-icon { + display: none; + } + + @include media(mobile) { + + > .svg-icon { + display: inline-block; + height: 100%; + } + + .sub-menu .svg-icon { + display: none; + } + } + + } + + .menu-item-description { + display: block; + clear: both; + font-size: var(--global--font-size-xs); + text-transform: none; + line-height: 1.7; + + > span { + display: inline-block; + } + } +} + +// Keep the menu pinned to the top when the menu is open. +@include media(mobile-only) { + + .lock-scrolling .site { + position: fixed; + max-width: 100%; + width: 100%; + } +} + +// Close button animation for when a custom logo is present. +@keyframes twentytwentyone-close-button-transition { + + from { + opacity: 0; + } + + to { + opacity: 1; + } +} diff --git a/themes/twentytwentyone/assets/sass/06-components/pagination.scss b/themes/twentytwentyone/assets/sass/06-components/pagination.scss index 65f9dfce..0f3029c4 100644 --- a/themes/twentytwentyone/assets/sass/06-components/pagination.scss +++ b/themes/twentytwentyone/assets/sass/06-components/pagination.scss @@ -1,243 +1,243 @@ -/* Next/Previous navigation */ - -// All navigation -.navigation { - color: var(--global--color-primary); - - a { - color: var(--global--color-primary); - text-decoration: none; - - &:hover { - color: var(--global--color-primary-hover); - text-decoration: underline; - text-decoration-style: dotted; - } - - &:focus { - color: var(--global--color-secondary); - } - - &:active { - color: var(--global--color-primary); - } - } - - .nav-links { - - > * { - min-width: 44px; - min-height: 44px; - } - - .nav-next a, - .nav-previous a { - display: flex; - flex-direction: column; - } - - .dots { - text-align: center; - } - - @include media(tablet) { - display: flex; - justify-content: center; - flex-wrap: wrap; - - .nav-next, - .nav-previous { - flex: 0 1 auto; - margin-bottom: inherit; - margin-top: inherit; - max-width: calc(50% - (0.5 * var(--global--spacing-unit))); - } - - .nav-next { - text-align: right; - } - } - } - - .svg-icon { - display: inline-block; - fill: currentColor; - vertical-align: middle; - position: relative; - } - - .nav-previous .svg-icon, - .prev .svg-icon { - top: -2px; - margin-right: calc(0.25 * var(--global--spacing-unit)); - } - - .nav-next .svg-icon, - .next .svg-icon { - top: -1px; - margin-left: calc(0.25 * var(--global--spacing-unit)); - } -} - -// Singular navigation -.post-navigation { - - margin: var(--global--spacing-vertical) auto; - - @include media(desktop) { - margin: var(--global--spacing-vertical) auto; - } - - @extend %responsive-alignwide-width; - - .meta-nav { - line-height: var(--global--line-height-body); - color: var(--global--color-primary); - } - - .post-title { - display: inline-block; - font-family: var(--global--font-primary); - font-size: var(--global--font-size-lg); - font-weight: var(--pagination--font-weight-strong); - line-height: var(--global--line-height-heading); - @include media(desktop) { - margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0; - } - } - - .nav-links { - @include media(mobile) { - justify-content: space-between; - } - } - - .nav-next, - .nav-previous { - margin-top: var(--global--spacing-vertical); - margin-bottom: var(--global--spacing-vertical); - - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } -} - -// Index/archive navigation -.pagination, -.comments-pagination { - - border-top: 3px solid var(--global--color-border); - padding-top: var(--global--spacing-vertical); - margin: var(--global--spacing-vertical) auto; - - @include media(desktop) { - margin: var(--global--spacing-vertical) auto; - } - - @extend %responsive-alignwide-width; - - // Resets the top margin added to the .nav-links items below. - .nav-links { - margin-top: calc(-1 * var(--global--spacing-vertical)); - - a:hover { - color: var(--pagination--color-link-hover); - } - - .is-dark-theme & { - - a:active, - a:hover:active, - a:hover:focus { - color: var(--global--color-background); - } - } - - .has-background-white & { - - a:active, - a:hover:active, - a:hover:focus { - color: var(--global--color-white); - } - } - } - - .nav-links > * { - color: var(--pagination--color-text); - font-family: var(--pagination--font-family); - font-size: var(--pagination--font-size); - font-weight: var(--pagination--font-weight); - margin-top: var(--global--spacing-vertical); - margin-left: calc(0.66 * var(--global--spacing-unit)); - margin-right: calc(0.66 * var(--global--spacing-unit)); - - &.current { - text-decoration: underline; - } - - &:not(.dots):not(.current):hover { - text-decoration-style: dotted; - } - - &:first-child { - margin-left: 0; - } - - &:last-child { - margin-right: 0; - } - - &.next { - margin-left: auto; - } - - &.prev { - margin-right: auto; - } - } - - @include media(desktop-only) { - - .nav-links { - display: flex; - flex-wrap: wrap; - } - - .page-numbers { - display: none; - - &.prev, - &.next { - display: inline-block; - flex: 0 1 auto; - } - } - } - - @include media(mobile-only) { - - .nav-short { - display: none; - } - } -} - -// Comments pagination -.comments-pagination { - padding-top: calc(0.66 * var(--global--spacing-vertical)); - margin: calc(3 * var(--global--spacing-vertical)) auto; - - @include media(desktop) { - margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto; - } - - .nav-links > * { - font-size: var(--global--font-size-md); - } -} +/* Next/Previous navigation */ + +// All navigation +.navigation { + color: var(--global--color-primary); + + a { + color: var(--global--color-primary); + text-decoration: none; + + &:hover { + color: var(--global--color-primary-hover); + text-decoration: underline; + text-decoration-style: dotted; + } + + &:focus { + color: var(--global--color-secondary); + } + + &:active { + color: var(--global--color-primary); + } + } + + .nav-links { + + > * { + min-width: 44px; + min-height: 44px; + } + + .nav-next a, + .nav-previous a { + display: flex; + flex-direction: column; + } + + .dots { + text-align: center; + } + + @include media(tablet) { + display: flex; + justify-content: center; + flex-wrap: wrap; + + .nav-next, + .nav-previous { + flex: 0 1 auto; + margin-bottom: inherit; + margin-top: inherit; + max-width: calc(50% - (0.5 * var(--global--spacing-unit))); + } + + .nav-next { + text-align: right; + } + } + } + + .svg-icon { + display: inline-block; + fill: currentColor; + vertical-align: middle; + position: relative; + } + + .nav-previous .svg-icon, + .prev .svg-icon { + top: -2px; + margin-right: calc(0.25 * var(--global--spacing-unit)); + } + + .nav-next .svg-icon, + .next .svg-icon { + top: -1px; + margin-left: calc(0.25 * var(--global--spacing-unit)); + } +} + +// Singular navigation +.post-navigation { + + margin: var(--global--spacing-vertical) auto; + + @include media(desktop) { + margin: var(--global--spacing-vertical) auto; + } + + @extend %responsive-alignwide-width; + + .meta-nav { + line-height: var(--global--line-height-body); + color: var(--global--color-primary); + } + + .post-title { + display: inline-block; + font-family: var(--global--font-primary); + font-size: var(--global--font-size-lg); + font-weight: var(--pagination--font-weight-strong); + line-height: var(--global--line-height-heading); + @include media(desktop) { + margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0; + } + } + + .nav-links { + @include media(mobile) { + justify-content: space-between; + } + } + + .nav-next, + .nav-previous { + margin-top: var(--global--spacing-vertical); + margin-bottom: var(--global--spacing-vertical); + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + } +} + +// Index/archive navigation +.pagination, +.comments-pagination { + + border-top: 3px solid var(--global--color-border); + padding-top: var(--global--spacing-vertical); + margin: var(--global--spacing-vertical) auto; + + @include media(desktop) { + margin: var(--global--spacing-vertical) auto; + } + + @extend %responsive-alignwide-width; + + // Resets the top margin added to the .nav-links items below. + .nav-links { + margin-top: calc(-1 * var(--global--spacing-vertical)); + + a:hover { + color: var(--pagination--color-link-hover); + } + + .is-dark-theme & { + + a:active, + a:hover:active, + a:hover:focus { + color: var(--global--color-background); + } + } + + .has-background-white & { + + a:active, + a:hover:active, + a:hover:focus { + color: var(--global--color-white); + } + } + } + + .nav-links > * { + color: var(--pagination--color-text); + font-family: var(--pagination--font-family); + font-size: var(--pagination--font-size); + font-weight: var(--pagination--font-weight); + margin-top: var(--global--spacing-vertical); + margin-left: calc(0.66 * var(--global--spacing-unit)); + margin-right: calc(0.66 * var(--global--spacing-unit)); + + &.current { + text-decoration: underline; + } + + &:not(.dots):not(.current):hover { + text-decoration-style: dotted; + } + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } + + &.next { + margin-left: auto; + } + + &.prev { + margin-right: auto; + } + } + + @include media(desktop-only) { + + .nav-links { + display: flex; + flex-wrap: wrap; + } + + .page-numbers { + display: none; + + &.prev, + &.next { + display: inline-block; + flex: 0 1 auto; + } + } + } + + @include media(mobile-only) { + + .nav-short { + display: none; + } + } +} + +// Comments pagination +.comments-pagination { + padding-top: calc(0.66 * var(--global--spacing-vertical)); + margin: calc(3 * var(--global--spacing-vertical)) auto; + + @include media(desktop) { + margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto; + } + + .nav-links > * { + font-size: var(--global--font-size-md); + } +} diff --git a/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss b/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss index 71b76257..a6f28767 100644 --- a/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss +++ b/themes/twentytwentyone/assets/sass/06-components/posts-and-pages.scss @@ -1,24 +1,24 @@ -.sticky { - // This class is required to pass ThemeCheck. -} - -.no-results.not-found > *:first-child { - margin-bottom: calc(3 * var(--global--spacing-vertical)); -} - -// Styling for wp_link_pages. -.page-links { - clear: both; - - .post-page-numbers { - display: inline-block; - margin-left: calc(0.66 * var(--global--spacing-unit)); - margin-right: calc(0.66 * var(--global--spacing-unit)); - min-width: 44px; - min-height: 44px; - - &:first-child { - margin-left: 0; - } - } -} +.sticky { + // This class is required to pass ThemeCheck. +} + +.no-results.not-found > *:first-child { + margin-bottom: calc(3 * var(--global--spacing-vertical)); +} + +// Styling for wp_link_pages. +.page-links { + clear: both; + + .post-page-numbers { + display: inline-block; + margin-left: calc(0.66 * var(--global--spacing-unit)); + margin-right: calc(0.66 * var(--global--spacing-unit)); + min-width: 44px; + min-height: 44px; + + &:first-child { + margin-left: 0; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/06-components/search.scss b/themes/twentytwentyone/assets/sass/06-components/search.scss index 9807d23b..a4ccf52f 100644 --- a/themes/twentytwentyone/assets/sass/06-components/search.scss +++ b/themes/twentytwentyone/assets/sass/06-components/search.scss @@ -1,3 +1,3 @@ -.search-no-results .page-content { - margin-top: calc(3 * var(--global--spacing-vertical)); -} +.search-no-results .page-content { + margin-top: calc(3 * var(--global--spacing-vertical)); +} diff --git a/themes/twentytwentyone/assets/sass/06-components/single.scss b/themes/twentytwentyone/assets/sass/06-components/single.scss index 3d66cb7f..239aa856 100644 --- a/themes/twentytwentyone/assets/sass/06-components/single.scss +++ b/themes/twentytwentyone/assets/sass/06-components/single.scss @@ -1,17 +1,17 @@ -.singular .entry-header { - border-bottom: 3px solid var(--global--color-border); - padding-bottom: calc(2 * var(--global--spacing-vertical)); - margin-bottom: calc(3 * var(--global--spacing-vertical)); -} - -.home .entry-header { - border-bottom: none; - padding-bottom: 0; - margin-bottom: 0; -} - -.singular .has-post-thumbnail .entry-header { - border-bottom: none; - padding-bottom: calc(1.3 * var(--global--spacing-vertical)); - margin-bottom: 0; -} +.singular .entry-header { + border-bottom: 3px solid var(--global--color-border); + padding-bottom: calc(2 * var(--global--spacing-vertical)); + margin-bottom: calc(3 * var(--global--spacing-vertical)); +} + +.home .entry-header { + border-bottom: none; + padding-bottom: 0; + margin-bottom: 0; +} + +.singular .has-post-thumbnail .entry-header { + border-bottom: none; + padding-bottom: calc(1.3 * var(--global--spacing-vertical)); + margin-bottom: 0; +} diff --git a/themes/twentytwentyone/assets/sass/06-components/widgets.scss b/themes/twentytwentyone/assets/sass/06-components/widgets.scss index 7a5f4e50..2c9e9ccc 100644 --- a/themes/twentytwentyone/assets/sass/06-components/widgets.scss +++ b/themes/twentytwentyone/assets/sass/06-components/widgets.scss @@ -1,133 +1,126 @@ -.widget-area { - @extend %responsive-alignwide-width; - margin-top: calc(6 * var(--global--spacing-vertical)); - padding-bottom: calc(var(--global--spacing-vertical) / 3); - color: var(--footer--color-text); - font-size: var(--footer--font-size); - font-family: var(--footer--font-family); - - @include media(laptop) { - display: grid; - grid-template-columns: repeat(2, 1fr); - column-gap: calc(2 * var(--global--spacing-horizontal)); - } - - @include media(wide) { - grid-template-columns: repeat(3, 1fr); - } - - @include media(mobile-only) { - margin-top: calc(3 * var(--global--spacing-vertical)); - } - - ul { - list-style-type: none; - padding: 0; - - li { - line-height: var(--widget--line-height-list); - } - - &.sub-menu, - &.children { - margin-left: var(--widget--spacing-menu); - } - - .sub-menu-toggle { - display: none; - } - } - - a { - color: var(--footer--color-link); - text-decoration: underline; - text-decoration-style: solid; - text-decoration-color: currentColor; - - &:link, - &:visited, - &:active { - color: var(--footer--color-link); - } - - &:hover { - color: var(--footer--color-link-hover); - text-decoration-style: dotted; - } - } - - .wp-block-social-links { - - &.alignright { - margin-top: var(--global--spacing-vertical); - justify-content: flex-end; - } - - &.alignleft { - margin-top: var(--global--spacing-vertical); - } - } - - &:after { - content: ""; - display: table; - clear: both; - } -} - -.widget-title { - font-size: var(--global--font-size-sm); - font-weight: var(--widget--font-weight-title); - line-height: var(--widget--line-height-title); -} - -// Search widget styles -.search-form { - display: flex; - flex-wrap: wrap; - margin: auto; - max-width: var(--responsive--aligndefault-width); - - > label { - width: 100%; - margin-bottom: 0; - font-weight: var(--form--label-weight); - } - - .search-field { - flex-grow: 1; - max-width: inherit; - margin-top: calc(var(--global--spacing-vertical) / 3); - margin-right: calc(0.66 * var(--global--spacing-horizontal)); - } - - .search-submit { - margin-top: calc(var(--global--spacing-vertical) / 3); - margin-left: 10px; - } -} - -.widget_search > .search-form { - - .search-field { - margin-right: calc(-1 * var(--button--border-width)); - -webkit-appearance: none; - margin-bottom: calc(0.5 * var(--global--spacing-vertical)); - } - - .search-submit { - margin-left: 0; - background-color: transparent; - color: var(--button--color-text-hover); - margin-bottom: calc(0.5 * var(--global--spacing-vertical)); - - &:hover { - background-color: var(--button--color-background); - color: var(--button--color-text); - } - } -} - -.widget_rss a.rsswidget .rss-widget-icon { - display: none; -} +.widget-area { + @extend %responsive-alignwide-width; + margin-top: calc(6 * var(--global--spacing-vertical)); + padding-bottom: calc(var(--global--spacing-vertical) / 3); + color: var(--footer--color-text); + font-size: var(--footer--font-size); + font-family: var(--footer--font-family); + + @include media(laptop) { + display: grid; + grid-template-columns: repeat(2, 1fr); + column-gap: calc(2 * var(--global--spacing-horizontal)); + } + + @include media(wide) { + grid-template-columns: repeat(3, 1fr); + } + + @include media(mobile-only) { + margin-top: calc(3 * var(--global--spacing-vertical)); + } + + ul { + list-style-type: none; + padding: 0; + + li { + line-height: var(--widget--line-height-list); + } + + &.sub-menu, + &.children { + margin-left: var(--widget--spacing-menu); + } + + .sub-menu-toggle { + display: none; + } + } + + a { + color: var(--footer--color-link); + text-decoration: underline; + text-decoration-style: solid; + text-decoration-color: currentColor; + + &:link, + &:visited, + &:active { + color: var(--footer--color-link); + } + + &:hover { + color: var(--footer--color-link-hover); + text-decoration-style: dotted; + } + } + + .wp-block-social-links { + + &.alignright { + margin-top: var(--global--spacing-vertical); + justify-content: flex-end; + } + + &.alignleft { + margin-top: var(--global--spacing-vertical); + } + } + + &:after { + content: ""; + display: table; + clear: both; + } +} + +.widget-title { + font-size: var(--global--font-size-sm); + font-weight: var(--widget--font-weight-title); + line-height: var(--widget--line-height-title); +} + +// Search widget styles +.search-form { + display: flex; + flex-wrap: wrap; + margin: auto; + max-width: var(--responsive--aligndefault-width); + + > label { + width: 100%; + margin-bottom: 0; + font-weight: var(--form--label-weight); + } + + .search-field { + flex-grow: 1; + max-width: inherit; + margin-top: calc(var(--global--spacing-vertical) / 3); + margin-right: calc(0.66 * var(--global--spacing-horizontal)); + } + + .search-submit { + margin-top: calc(var(--global--spacing-vertical) / 3); + margin-left: 10px; + } +} + +.widget_search > .search-form { + + .search-field { + margin-right: calc(-1 * var(--button--border-width)); + -webkit-appearance: none; + margin-bottom: calc(0.5 * var(--global--spacing-vertical)); + } + + .search-submit { + margin-left: 0; + margin-bottom: calc(0.5 * var(--global--spacing-vertical)); + } +} + +.widget_rss a.rsswidget .rss-widget-icon { + display: none; +} diff --git a/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss b/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss index 314e3542..6c56a19f 100644 --- a/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss +++ b/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss @@ -1,48 +1,48 @@ -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute !important; - width: 1px; - word-wrap: normal !important; - word-break: normal; -} - -.skip-link:focus { - background-color: #f1f1f1; - border-radius: 3px; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - clip: auto !important; - -webkit-clip-path: none; - clip-path: none; - color: #21759b; - display: block; - font-size: 0.875rem; - font-weight: 700; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; -} - -/* Do not show the outline on the skip link target. */ -#content[tabindex="-1"]:focus { - outline: 0; -} - -@media (prefers-reduced-motion) { - - * { - transition-delay: 0s !important; - transition-duration: 0s !important; - } -} +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute !important; + width: 1px; + word-wrap: normal !important; + word-break: normal; +} + +.skip-link:focus { + background-color: #f1f1f1; + border-radius: 3px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + -webkit-clip-path: none; + clip-path: none; + color: #21759b; + display: block; + font-size: 0.875rem; + font-weight: 700; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} + +/* Do not show the outline on the skip link target. */ +#content[tabindex="-1"]:focus { + outline: 0; +} + +@media (prefers-reduced-motion) { + + * { + transition-delay: 0s !important; + transition-duration: 0s !important; + } +} diff --git a/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss b/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss index 9d353fd5..5454e0ca 100644 --- a/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss +++ b/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss @@ -1,148 +1,277 @@ -// Gutenberg text color options - -.has-black-color[class] { - color: var(--global--color-black); -} - -.has-gray-color[class] { - color: var(--global--color-gray); -} - -.has-dark-gray-color[class] { - color: var(--global--color-dark-gray); -} - -.has-green-color[class] { - color: var(--global--color-green); -} - -.has-blue-color[class] { - color: var(--global--color-blue); -} - -.has-purple-color[class] { - color: var(--global--color-purple); -} - -.has-red-color[class] { - color: var(--global--color-red); -} - -.has-orange-color[class] { - color: var(--global--color-orange); -} - -.has-yellow-color[class] { - color: var(--global--color-yellow); -} - -.has-white-color[class] { - color: var(--global--color-white); -} - -// Gutenberg background-color options -.has-background { - - a, - p, - h1, - h2, - h3, - h4, - h5, - h6 { - color: currentColor; - } -} - -.has-black-background-color[class] { - background-color: var(--global--color-black); -} - -.has-gray-background-color[class] { - background-color: var(--global--color-gray); -} - -.has-dark-gray-background-color[class] { - background-color: var(--global--color-dark-gray); -} - -.has-green-background-color[class] { - background-color: var(--global--color-green); -} - -.has-blue-background-color[class] { - background-color: var(--global--color-blue); -} - -.has-purple-background-color[class] { - background-color: var(--global--color-purple); -} - -.has-red-background-color[class] { - background-color: var(--global--color-red); -} - -.has-orange-background-color[class] { - background-color: var(--global--color-orange); -} - -.has-yellow-background-color[class] { - background-color: var(--global--color-yellow); -} - -.has-white-background-color[class] { - background-color: var(--global--color-white); -} - -:not(.has-text-color) { - - &.has-black-background-color[class], - &.has-gray-background-color[class], - &.has-dark-gray-background-color[class] { - color: var(--global--color-white); - } - - &.has-green-background-color[class], - &.has-blue-background-color[class], - &.has-purple-background-color[class], - &.has-red-background-color[class], - &.has-orange-background-color[class], - &.has-yellow-background-color[class], - &.has-white-background-color[class] { - color: var(--global--color-dark-gray); - } -} - -// Custom gradients -.has-purple-to-yellow-gradient-background { - background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow)); -} - -.has-yellow-to-purple-gradient-background { - background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple)); -} - -.has-green-to-yellow-gradient-background { - background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow)); -} - -.has-yellow-to-green-gradient-background { - background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green)); -} - -.has-red-to-yellow-gradient-background { - background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow)); -} - -.has-yellow-to-red-gradient-background { - background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red)); -} - -.has-purple-to-red-gradient-background { - background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red)); -} - -.has-red-to-purple-gradient-background { - background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple)); -} +// Gutenberg text color options + +.has-black-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-primary: var(--global--color-black, #000000); + color: var(--local--color-primary); + } + color: var(--global--color-black); +} + +.has-gray-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-primary: var(--global--color-gray, #000000); + color: var(--local--color-primary); + } + color: var(--global--color-gray); +} + +.has-dark-gray-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-primary: var(--global--color-dark-gray, #000000); + color: var(--local--color-primary); + } + color: var(--global--color-dark-gray); +} + +.has-green-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-primary: var(--global--color-green, #FFFFFF); + color: var(--local--color-primary); + } + color: var(--global--color-green); +} + +.has-blue-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-primary: var(--global--color-blue, #FFFFFF); + color: var(--local--color-primary); + } + color: var(--global--color-blue); +} + +.has-purple-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-primary: var(--global--color-purple, #FFFFFF); + color: var(--local--color-primary); + } + color: var(--global--color-purple); +} + +.has-red-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-primary: var(--global--color-red, #FFFFFF); + color: var(--local--color-primary); + } + color: var(--global--color-red); +} + +.has-orange-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-primary: var(--global--color-orange, #FFFFFF); + color: var(--local--color-primary); + } + color: var(--global--color-orange); +} + +.has-yellow-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-primary: var(--global--color-yellow, #FFFFFF); + color: var(--local--color-primary); + } + color: var(--global--color-yellow); +} + +.has-white-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-primary: var(--global--color-white, #FFFFFF); + color: var(--local--color-primary); + } + color: var(--global--color-white); +} + +// Gutenberg background-color options +.has-background { + + a, + p, + h1, + h2, + h3, + h4, + h5, + h6 { + color: currentColor; + } +} + +.has-black-background-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-background: var(--global--color-black, #000000); + background-color: var(--local--color-background); + } + background-color: var(--global--color-black); +} + +.has-dark-gray-background-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-background: var(--global--color-dark-gray, #000000); + background-color: var(--local--color-background); + } + background-color: var(--global--color-dark-gray); +} + +.has-gray-background-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-background: var(--global--color-gray, #000000); + background-color: var(--local--color-background); + } + background-color: var(--global--color-gray); +} + +.has-light-gray-background-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-background: var(--global--color-light-gray, #FFFFFF); + background-color: var(--local--color-background); + } + background-color: var(--global--color-light-gray); +} + +.has-green-background-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-background: var(--global--color-green, #FFFFFF); + background-color: var(--local--color-background); + } + background-color: var(--global--color-green); +} + +.has-blue-background-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-background: var(--global--color-blue, #FFFFFF); + background-color: var(--local--color-background); + } + background-color: var(--global--color-blue); +} + +.has-purple-background-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-background: var(--global--color-purple, #FFFFFF); + background-color: var(--local--color-background); + } + background-color: var(--global--color-purple); +} + +.has-red-background-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-background: var(--global--color-red, #FFFFFF); + background-color: var(--local--color-background); + } + background-color: var(--global--color-red); +} + +.has-orange-background-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-background: var(--global--color-orange, #FFFFFF); + background-color: var(--local--color-background); + } + background-color: var(--global--color-orange); +} + +.has-yellow-background-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-background: var(--global--color-yellow, #FFFFFF); + background-color: var(--local--color-background); + } + background-color: var(--global--color-yellow); +} + +.has-white-background-color[class] { + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-background: var(--global--color-white, #FFFFFF); + background-color: var(--local--color-background); + } + background-color: var(--global--color-white); +} + +.has-background:not(.has-text-color) { + + &.has-black-background-color[class], + &.has-gray-background-color[class], + &.has-dark-gray-background-color[class] { + color: var(--global--color-white); + + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-primary: var(--global--color-background, #FFFFFF); + // Reverse the local foreground color in darkmode + .is-dark-theme & { + --local--color-primary: var(--global--color-primary, #000000); + } + color: var(--local--color-primary, var(--global--color-primary)); + } + } + + &.has-green-background-color[class], + &.has-blue-background-color[class], + &.has-purple-background-color[class], + &.has-red-background-color[class], + &.has-orange-background-color[class], + &.has-yellow-background-color[class], + &.has-white-background-color[class] { + color: var(--global--color-dark-gray); + + // Localize CSS-variables to limit relationship scope + > [class*="__inner-container"] { + --local--color-primary: var(--global--color-primary, #000000); + // Reverse the local foreground color in darkmode + .is-dark-theme & { + --local--color-primary: var(--global--color-background, #FFFFFF); + } + color: var(--local--color-primary, var(--global--color-primary)); + } + } +} + +// Custom gradients +.has-purple-to-yellow-gradient-background { + background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow)); +} + +.has-yellow-to-purple-gradient-background { + background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple)); +} + +.has-green-to-yellow-gradient-background { + background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow)); +} + +.has-yellow-to-green-gradient-background { + background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green)); +} + +.has-red-to-yellow-gradient-background { + background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow)); +} + +.has-yellow-to-red-gradient-background { + background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red)); +} + +.has-purple-to-red-gradient-background { + background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red)); +} + +.has-red-to-purple-gradient-background { + background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple)); +} diff --git a/themes/twentytwentyone/assets/sass/07-utilities/ie.scss b/themes/twentytwentyone/assets/sass/07-utilities/ie.scss index d678cc65..7df9025f 100644 --- a/themes/twentytwentyone/assets/sass/07-utilities/ie.scss +++ b/themes/twentytwentyone/assets/sass/07-utilities/ie.scss @@ -1,53 +1,53 @@ -.is-IE { - - &.is-dark-theme { - color: #fff; - - *, - a, - .site-description, - .entry-title, - .entry-footer, - .widget-area, - .post-navigation .meta-nav, - .footer-navigation-wrapper li a:link, - .site-footer > .site-info, - .site-footer > .site-info a, - .site-footer > .site-info a:visited { - color: #fff; - } - - .sub-menu-toggle svg, - .sub-menu-toggle path, - .post-navigation .meta-nav svg, - .post-navigation .meta-nav path { - fill: #fff; - } - - .primary-navigation > div > .menu-wrapper > li > .sub-menu li { - background: #000; - } - - &.primary-navigation-open { - @include media(mobile-only) { - - .primary-navigation > .primary-menu-container, - .menu-button-container { - background-color: #000; - } - } - } - - .skip-link:focus { - color: #21759b; - } - } - - .navigation .nav-links { - display: block; - } - - .post-thumbnail .wp-post-image { - min-width: auto; - } -} +.is-IE { + + &.is-dark-theme { + color: #fff; + + *, + a, + .site-description, + .entry-title, + .entry-footer, + .widget-area, + .post-navigation .meta-nav, + .footer-navigation-wrapper li a:link, + .site-footer > .site-info, + .site-footer > .site-info a, + .site-footer > .site-info a:visited { + color: #fff; + } + + .sub-menu-toggle svg, + .sub-menu-toggle path, + .post-navigation .meta-nav svg, + .post-navigation .meta-nav path { + fill: #fff; + } + + .primary-navigation > div > .menu-wrapper > li > .sub-menu li { + background: #000; + } + + &.primary-navigation-open { + @include media(mobile-only) { + + .primary-navigation > .primary-menu-container, + .menu-button-container { + background-color: #000; + } + } + } + + .skip-link:focus { + color: #21759b; + } + } + + .navigation .nav-links { + display: block; + } + + .post-thumbnail .wp-post-image { + min-width: auto; + } +} diff --git a/themes/twentytwentyone/assets/sass/07-utilities/measure.scss b/themes/twentytwentyone/assets/sass/07-utilities/measure.scss index 27247884..38026ed8 100644 --- a/themes/twentytwentyone/assets/sass/07-utilities/measure.scss +++ b/themes/twentytwentyone/assets/sass/07-utilities/measure.scss @@ -1,22 +1,22 @@ -// Measure -// - The width of a line of text, in characters, is known as its measure. - -header *, -main *, -footer * { - max-width: var(--global--spacing-measure); -} - -html, -body, -div, -header, -nav, -article, -figure, -hr, -main, -section, -footer { - max-width: none; -} +// Measure +// - The width of a line of text, in characters, is known as its measure. + +header *, +main *, +footer * { + max-width: var(--global--spacing-measure); +} + +html, +body, +div, +header, +nav, +article, +figure, +hr, +main, +section, +footer { + max-width: none; +} diff --git a/themes/twentytwentyone/assets/sass/07-utilities/print.scss b/themes/twentytwentyone/assets/sass/07-utilities/print.scss index dbacbbbd..b1641566 100644 --- a/themes/twentytwentyone/assets/sass/07-utilities/print.scss +++ b/themes/twentytwentyone/assets/sass/07-utilities/print.scss @@ -1,184 +1,184 @@ -/* -Adding print support. The print styles are based on the the great work of -Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/. -*/ - -/*-------------------------------------------------------------- ->>> TABLE OF CONTENTS: ----------------------------------------------------------------- -# Margins & paddings -# Typography -# Page breaks -# Links -# Visibility ---------------------------------------------------------------*/ - -@media print { - - /* Margins & paddings */ - - @page { - margin: 2cm; - } - - .entry .entry-header, - .entry, - .single .site-main > article > .entry-footer { - margin-top: 0; - margin-bottom: 0; - } - - .site-footer .site-info { - margin: 0; - } - - .site-header { - padding: 0; - } - - /* Fonts */ - - body { - font: 13pt Georgia, "Times New Roman", Times, serif; // Fallback for browsers without CSS variables support. - font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif); - line-height: 1.3; - background: #fff !important; - color: #000; - } - - // Override color settings that changes the text to white. - .has-background-dark * { - color: #000 !important; - } - - h1, - .entry-title, - .singular .entry-title, - .page-title { - font-size: 22pt; - font-weight: bold; - } - - h2, - h3, - h4, - .has-regular-font-size, - .has-large-font-size, - h2.author-title, - p.author-bio, - .comments-title, - .archive-description { - font-size: 14pt; - margin-top: 25px; - } - - .comment-meta, - .comment-meta .comment-author .fn { - font-size: 13pt; - } - - /* Page breaks */ - - a { - page-break-inside: avoid; - } - - blockquote { - page-break-inside: avoid; - } - - h1, - h2, - h3, - h4, - h5, - h6 { - page-break-after: avoid; - page-break-inside: avoid; - } - - img { - page-break-inside: avoid; - page-break-after: avoid; - } - - table, - pre, - figure { - page-break-inside: avoid; - } - - ul, - ol, - dl { - page-break-before: avoid; - } - - /* Links */ - - a:link, - a:visited, - a { - background: transparent; - font-weight: bold; - text-decoration: underline; - text-align: left; - } - - a[href^="http"]:after { - content: " < " attr(href) "> "; - } - - a:after > img { - content: ""; - } - - article a[href^="#"]:after { - content: ""; - } - - a:not(:local-link):after { // stylelint-disable-line selector-pseudo-class-no-unknown - content: " < " attr(href) "> "; - } - - .entry-title a:after { - content: "\a < " attr(href) "> "; - white-space: pre; - font-size: 14pt; - } - - .cat-links a:after, - .tags-links a:after, - .byline a:after, - .comment-metadata a:after, - .wp-block-calendar a:after, - .wp-block-tag-cloud a:after, - .page-links a:after { - content: ""; - } - - /* Visibility */ - .primary-navigation, - .site-title + .primary-navigation, - .footer-navigation, - .entry-footer, - .post-navigation, - .navigation.pagination, - .widget-area, - .edit-link, - .more-link, - .comment-reply, - .reply, - .comment .comment-metadata .edit-link, - .comment-respond, - #dark-mode-toggler { - display: none !important; - } - - .entry .entry-content .wp-block-button .wp-block-button__link, - .entry .entry-content .button, - .entry .entry-content .wp-block-file__button { - color: #000; - background: none; - } -} +/* +Adding print support. The print styles are based on the the great work of +Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/. +*/ + +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Margins & paddings +# Typography +# Page breaks +# Links +# Visibility +--------------------------------------------------------------*/ + +@media print { + + /* Margins & paddings */ + + @page { + margin: 2cm; + } + + .entry .entry-header, + .entry, + .single .site-main > article > .entry-footer { + margin-top: 0; + margin-bottom: 0; + } + + .site-footer .site-info { + margin: 0; + } + + .site-header { + padding: 0; + } + + /* Fonts */ + + body { + font: 13pt Georgia, "Times New Roman", Times, serif; // Fallback for browsers without CSS variables support. + font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif); + line-height: 1.3; + background: #fff !important; + color: #000; + } + + // Override color settings that changes the text to white. + .has-background-dark * { + color: #000 !important; + } + + h1, + .entry-title, + .singular .entry-title, + .page-title { + font-size: 22pt; + font-weight: bold; + } + + h2, + h3, + h4, + .has-regular-font-size, + .has-large-font-size, + h2.author-title, + p.author-bio, + .comments-title, + .archive-description { + font-size: 14pt; + margin-top: 25px; + } + + .comment-meta, + .comment-meta .comment-author .fn { + font-size: 13pt; + } + + /* Page breaks */ + + a { + page-break-inside: avoid; + } + + blockquote { + page-break-inside: avoid; + } + + h1, + h2, + h3, + h4, + h5, + h6 { + page-break-after: avoid; + page-break-inside: avoid; + } + + img { + page-break-inside: avoid; + page-break-after: avoid; + } + + table, + pre, + figure { + page-break-inside: avoid; + } + + ul, + ol, + dl { + page-break-before: avoid; + } + + /* Links */ + + a:link, + a:visited, + a { + background: transparent; + font-weight: bold; + text-decoration: underline; + text-align: left; + } + + a[href^="http"]:after { + content: " < " attr(href) "> "; + } + + a:after > img { + content: ""; + } + + article a[href^="#"]:after { + content: ""; + } + + a:not(:local-link):after { // stylelint-disable-line selector-pseudo-class-no-unknown + content: " < " attr(href) "> "; + } + + .entry-title a:after { + content: "\a < " attr(href) "> "; + white-space: pre; + font-size: 14pt; + } + + .cat-links a:after, + .tags-links a:after, + .byline a:after, + .comment-metadata a:after, + .wp-block-calendar a:after, + .wp-block-tag-cloud a:after, + .page-links a:after { + content: ""; + } + + /* Visibility */ + .primary-navigation, + .site-title + .primary-navigation, + .footer-navigation, + .entry-footer, + .post-navigation, + .navigation.pagination, + .widget-area, + .edit-link, + .more-link, + .comment-reply, + .reply, + .comment .comment-metadata .edit-link, + .comment-respond, + #dark-mode-toggler { + display: none !important; + } + + .entry .entry-content .wp-block-button .wp-block-button__link, + .entry .entry-content .button, + .entry .entry-content .wp-block-file__button { + color: #000; + background: none; + } +} diff --git a/themes/twentytwentyone/assets/sass/style-dark-mode.scss b/themes/twentytwentyone/assets/sass/style-dark-mode.scss index 8e7e8baa..f00df45c 100644 --- a/themes/twentytwentyone/assets/sass/style-dark-mode.scss +++ b/themes/twentytwentyone/assets/sass/style-dark-mode.scss @@ -1,108 +1,101 @@ -/* OS dark theme preference */ -@media only screen { - - .is-dark-theme.is-dark-theme { - --global--color-background: var(--global--color-dark-gray); - --global--color-primary: var(--global--color-light-gray); - --global--color-secondary: var(--global--color-light-gray); - --button--color-text: var(--global--color-background); - --button--color-text-hover: var(--global--color-secondary); - --button--color-text-active: var(--global--color-secondary); - --button--color-background: var(--global--color-secondary); - --button--color-background-active: var(--global--color-background); - --global--color-border: #9ea1a7; - - /* Block: Table */ - --table--stripes-border-color: rgba(240, 240, 240, 0.15); - --table--stripes-background-color: rgba(240, 240, 240, 0.15); - - .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), - .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { - background: #000; - color: #fff; - text-decoration: none; - } - - img { - filter: brightness(.85) contrast(1.1); - } - } - - .respect-color-scheme-preference.is-dark-theme body { - background-color: var(--global--color-background); - } - - #dark-mode-toggler { - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - font-size: var(--global--font-size-xs); - padding: 0.5em; - min-height: 44px; // A11y requirement for minimum clickable area. - min-width: max-content; - border: 2px solid currentColor; - box-shadow: none; - background: var(--button--color-text); - color: var(--button--color-background); - z-index: 9998; - - .no-js & { - display: none; - } - - &.fixed-bottom { - position: fixed; - bottom: 5px; - right: 5px; - transition: bottom 0.5s; - - &.hide:not(:focus) { - bottom: -80px; - } - } - - &.relative { - position: absolute; - height: 44px; - top: calc(2.4 * var(--global--spacing-vertical) - 44px); - right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em); - - .admin-bar & { - top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px); - - @media only screen and (max-width: 782px) { - top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px); - } - - @media only screen and (max-width: 481px) { - top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px); - } - } - - ~ nav { - - body:not(.primary-navigation-open) & { - @media only screen and (max-width: 481px) { - top: calc(44px + 44px); - } - } - } - } - - .primary-navigation-open & { - display: none; - } - - &:hover, - &:focus { - color: var(--button--color-background-active); - border: 2px solid var(--button--color-text-active); - background-color: var(--button--color-text-active); - } - - .is-IE & { - display: none; - } - } -} +/* OS dark theme preference */ +@media only screen { + + .is-dark-theme.is-dark-theme { + --global--color-background: var(--global--color-dark-gray); + --global--color-primary: var(--global--color-light-gray); + --global--color-secondary: var(--global--color-light-gray); + --button--color-text: var(--global--color-background); + --button--color-text-hover: var(--global--color-secondary); + --button--color-text-active: var(--global--color-secondary); + --button--color-background: var(--global--color-secondary); + --button--color-background-active: var(--global--color-background); + --global--color-border: #9ea1a7; + + /* Block: Table */ + --table--stripes-border-color: rgba(240, 240, 240, 0.15); + --table--stripes-background-color: rgba(240, 240, 240, 0.15); + + img { + filter: brightness(.85) contrast(1.1); + } + } + + .respect-color-scheme-preference.is-dark-theme body { + background-color: var(--global--color-background); + } + + #dark-mode-toggler { + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-size: var(--global--font-size-xs); + padding: 0.5em; + min-height: 44px; // A11y requirement for minimum clickable area. + min-width: max-content; + border: 2px solid currentColor; + box-shadow: none; + background: var(--button--color-text); + color: var(--button--color-background); + z-index: 9998; + + .no-js & { + display: none; + } + + &.fixed-bottom { + position: fixed; + bottom: 5px; + right: 5px; + transition: bottom 0.5s; + + &.hide:not(:focus) { + bottom: -80px; + } + } + + &.relative { + position: absolute; + height: 44px; + top: calc(2.4 * var(--global--spacing-vertical) - 44px); + right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em); + + .admin-bar & { + top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px); + + @media only screen and (max-width: 782px) { + top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px); + } + + @media only screen and (max-width: 481px) { + top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px); + } + } + + ~ nav { + + body:not(.primary-navigation-open) & { + @media only screen and (max-width: 481px) { + top: calc(44px + 44px); + } + } + } + } + + .primary-navigation-open & { + display: none; + } + + &:hover, + &:focus { + color: var(--button--color-background-active); + border: 2px solid var(--button--color-text-active); + background-color: var(--button--color-text-active); + } + + .is-IE & { + display: none; + } + } +} diff --git a/themes/twentytwentyone/assets/sass/style-editor.scss b/themes/twentytwentyone/assets/sass/style-editor.scss index 05cdac00..6106d38a 100644 --- a/themes/twentytwentyone/assets/sass/style-editor.scss +++ b/themes/twentytwentyone/assets/sass/style-editor.scss @@ -1,21 +1,21 @@ -/** - * These styles should be loaded by the Block Editor only - */ -@import "01-settings/fonts"; -@import "01-settings/global"; - -@import "02-tools/mixins"; -@import "02-tools/functions"; - -@import "03-generic/breakpoints"; - -@import "04-elements/blockquote"; -@import "04-elements/media"; -@import "04-elements/forms-editor"; -@import "04-elements/links"; - -@import "05-blocks/blocks-editor"; - -@import "06-components/editor"; - -@import "07-utilities/color-palette"; +/** + * These styles should be loaded by the Block Editor only + */ +@import "01-settings/fonts"; +@import "01-settings/global"; + +@import "02-tools/mixins"; +@import "02-tools/functions"; + +@import "03-generic/breakpoints"; + +@import "04-elements/blockquote"; +@import "04-elements/media"; +@import "04-elements/forms-editor"; +@import "04-elements/links"; + +@import "05-blocks/blocks-editor"; + +@import "06-components/editor"; + +@import "07-utilities/color-palette"; diff --git a/themes/twentytwentyone/assets/sass/style.scss b/themes/twentytwentyone/assets/sass/style.scss index 1591d620..085cfe19 100644 --- a/themes/twentytwentyone/assets/sass/style.scss +++ b/themes/twentytwentyone/assets/sass/style.scss @@ -1,122 +1,122 @@ -@import "01-settings/file-header"; - -/** - * SETTINGS - * File-header..........The file header for the themes style.css file. - * Fonts................Any font files, if the project needs specific fonts. - * Global...............Project-specific, globally available variables. - * - * TOOLS - * Functions............Global functions. - * Mixins...............Global mixins. - * - * GENERIC - * Normalize.css........Normalise browser defaults. - * Breakpoints..........Mixins and variables for responsive styles - * Vertical-margins.....Vertical spacing for the main components. - * Reset................Reset specific elements to make them easier to style in other contexts. - * Clearings............Clearings for the main components. - * - * ELEMENTS - * Blockquote...........Default blockquote. - * Forms................Element-level form styling. - * Headings.............H1–H6 - * Links................Default links. - * Lists................Default lists. - * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video. - * - * BLOCKS - * Audio................Specific styles for the audio block. - * Button...............Specific styles for the button block. - * Code.................Specific styles for the code block. - * Columns..............Specific styles for the columns block. - * Cover................Specific styles for the cover block. - * File.................Specific styles for the file block. - * Gallery..............Specific styles for the gallery block. - * Group................Specific styles for the group block. - * Heading..............Specific styles for the heading block. - * Image................Specific styles for the image block. - * Latest comments......Specific styles for the latest comments block. - * Latest posts.........Specific styles for the latest posts block. - * Legacy...............Specific styles for the legacy gallery. - * List.................Specific styles for the list block. - * Media text...........Specific styles for the media and text block. - * Navigation...........Specific styles for the navigation block. - * Paragraph............Specific styles for the paragraph block. - * Pullquote............Specific styles for the pullquote block. - * Quote................Specific styles for the quote block. - * Search...............Specific styles for the search block. - * Separator............Specific styles for the separator block. - * Spacer...............Specific styles for the spacer block. - * Table................Specific styles for the table block. - * Verse................Specific styles for the verse block. - * Video................Specific styles for the video block. - * Utilities............Block alignments. - * - * COMPONENTS - * Header...............Header styles. - * Footer...............Footer styles. - * Comments.............Comment styles. - * Archives.............Archive styles. - * 404..................404 styles. - * Search...............Search styles. - * Navigation...........Navigation styles. - * Footer Navigation....Footer Navigation styles. - * Pagination...........Pagination styles. - * Single...............Single page and post styles. - * Posts and pages......Misc, sticky post styles. - * Entry................Entry, author biography. - * Widget...............Widget styles. - * Editor...............Editor styles. - * - * UTILITIES - * A11y.................Screen reader text, prefers reduced motion etc. - * Color Palette........Classes for the color palette colors. - * Editor Font Sizes....Editor Font Sizes. - * Measure..............The width of a line of text, in characters. - */ -// Print................Print styles - -/* Categories 01 to 03 are the basics. */ -@import "01-settings/fonts"; -@import "01-settings/global"; - -@import "02-tools/mixins"; -@import "02-tools/functions"; - -@import "03-generic/normalize"; -@import "03-generic/breakpoints"; -@import "03-generic/vertical-margins"; -@import "03-generic/reset"; -@import "03-generic/clearings"; - -/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */ -@import "04-elements/blockquote"; -@import "04-elements/forms"; -@import "04-elements/media"; -@import "04-elements/misc"; -@import "04-elements/links"; - -/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */ -@import "05-blocks/blocks"; - -/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */ -@import "06-components/header"; -@import "06-components/footer"; -@import "06-components/single"; -@import "06-components/posts-and-pages"; -@import "06-components/entry"; -@import "06-components/archives"; -@import "06-components/404"; -@import "06-components/search"; -@import "06-components/comments"; -@import "06-components/navigation"; -@import "06-components/footer-navigation"; -@import "06-components/pagination"; -@import "06-components/widgets"; - -/* Category 07 is for any utility classes that are not assigned to a specific component. */ -@import "07-utilities/a11y"; -@import "07-utilities/color-palette"; -@import "07-utilities/measure"; -@import "07-utilities/ie"; +@import "01-settings/file-header"; + +/** + * SETTINGS + * File-header..........The file header for the themes style.css file. + * Fonts................Any font files, if the project needs specific fonts. + * Global...............Project-specific, globally available variables. + * + * TOOLS + * Functions............Global functions. + * Mixins...............Global mixins. + * + * GENERIC + * Normalize.css........Normalise browser defaults. + * Breakpoints..........Mixins and variables for responsive styles + * Vertical-margins.....Vertical spacing for the main components. + * Reset................Reset specific elements to make them easier to style in other contexts. + * Clearings............Clearings for the main components. + * + * ELEMENTS + * Blockquote...........Default blockquote. + * Forms................Element-level form styling. + * Headings.............H1–H6 + * Links................Default links. + * Lists................Default lists. + * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video. + * + * BLOCKS + * Audio................Specific styles for the audio block. + * Button...............Specific styles for the button block. + * Code.................Specific styles for the code block. + * Columns..............Specific styles for the columns block. + * Cover................Specific styles for the cover block. + * File.................Specific styles for the file block. + * Gallery..............Specific styles for the gallery block. + * Group................Specific styles for the group block. + * Heading..............Specific styles for the heading block. + * Image................Specific styles for the image block. + * Latest comments......Specific styles for the latest comments block. + * Latest posts.........Specific styles for the latest posts block. + * Legacy...............Specific styles for the legacy gallery. + * List.................Specific styles for the list block. + * Media text...........Specific styles for the media and text block. + * Navigation...........Specific styles for the navigation block. + * Paragraph............Specific styles for the paragraph block. + * Pullquote............Specific styles for the pullquote block. + * Quote................Specific styles for the quote block. + * Search...............Specific styles for the search block. + * Separator............Specific styles for the separator block. + * Spacer...............Specific styles for the spacer block. + * Table................Specific styles for the table block. + * Verse................Specific styles for the verse block. + * Video................Specific styles for the video block. + * Utilities............Block alignments. + * + * COMPONENTS + * Header...............Header styles. + * Footer...............Footer styles. + * Comments.............Comment styles. + * Archives.............Archive styles. + * 404..................404 styles. + * Search...............Search styles. + * Navigation...........Navigation styles. + * Footer Navigation....Footer Navigation styles. + * Pagination...........Pagination styles. + * Single...............Single page and post styles. + * Posts and pages......Misc, sticky post styles. + * Entry................Entry, author biography. + * Widget...............Widget styles. + * Editor...............Editor styles. + * + * UTILITIES + * A11y.................Screen reader text, prefers reduced motion etc. + * Color Palette........Classes for the color palette colors. + * Editor Font Sizes....Editor Font Sizes. + * Measure..............The width of a line of text, in characters. + */ +// Print................Print styles + +/* Categories 01 to 03 are the basics. */ +@import "01-settings/fonts"; +@import "01-settings/global"; + +@import "02-tools/mixins"; +@import "02-tools/functions"; + +@import "03-generic/normalize"; +@import "03-generic/breakpoints"; +@import "03-generic/vertical-margins"; +@import "03-generic/reset"; +@import "03-generic/clearings"; + +/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */ +@import "04-elements/blockquote"; +@import "04-elements/forms"; +@import "04-elements/media"; +@import "04-elements/misc"; +@import "04-elements/links"; + +/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */ +@import "05-blocks/blocks"; + +/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */ +@import "06-components/header"; +@import "06-components/footer"; +@import "06-components/single"; +@import "06-components/posts-and-pages"; +@import "06-components/entry"; +@import "06-components/archives"; +@import "06-components/404"; +@import "06-components/search"; +@import "06-components/comments"; +@import "06-components/navigation"; +@import "06-components/footer-navigation"; +@import "06-components/pagination"; +@import "06-components/widgets"; + +/* Category 07 is for any utility classes that are not assigned to a specific component. */ +@import "07-utilities/a11y"; +@import "07-utilities/color-palette"; +@import "07-utilities/measure"; +@import "07-utilities/ie"; diff --git a/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php b/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php index 7bd95689..4adfb13e 100644 --- a/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php +++ b/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php @@ -1,412 +1,412 @@ - in the dashboard. - add_filter( 'admin_body_class', array( $this, 'admin_body_classes' ) ); - - // Add the switch on the frontend & customizer. - add_action( 'wp_footer', array( $this, 'the_switch' ) ); - - // Add the privacy policy content. - add_action( 'admin_init', array( $this, 'add_privacy_policy_content' ) ); - } - - /** - * Editor custom color variables & scripts. - * - * @access public - * - * @since Twenty Twenty-One 1.0 - * - * @return void - */ - public function editor_custom_color_variables() { - if ( ! $this->switch_should_render() ) { - return; - } - $background_color = get_theme_mod( 'background_color', 'D1E4DD' ); - $should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false ); - if ( $should_respect_color_scheme && Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) > 127 ) { - // Add Dark Mode variable overrides. - wp_add_inline_style( - 'twenty-twenty-one-custom-color-overrides', - '.is-dark-theme.is-dark-theme .editor-styles-wrapper { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --global--color-border: #9ea1a7; --table--stripes-border-color: rgba(240, 240, 240, 0.15); --table--stripes-background-color: rgba(240, 240, 240, 0.15); }' - ); - } - wp_enqueue_script( - 'twentytwentyone-dark-mode-support-toggle', - get_template_directory_uri() . '/assets/js/dark-mode-toggler.js', - array(), - '1.0.0', - true - ); - - wp_enqueue_script( - 'twentytwentyone-editor-dark-mode-support', - get_template_directory_uri() . '/assets/js/editor-dark-mode-support.js', - array( 'twentytwentyone-dark-mode-support-toggle' ), - '1.0.0', - true - ); - } - - /** - * Enqueue scripts and styles. - * - * @access public - * - * @since Twenty Twenty-One 1.0 - * - * @return void - */ - public function enqueue_scripts() { - if ( ! $this->switch_should_render() ) { - return; - } - $url = get_template_directory_uri() . '/assets/css/style-dark-mode.css'; - if ( is_rtl() ) { - $url = get_template_directory_uri() . '/assets/css/style-dark-mode-rtl.css'; - } - wp_enqueue_style( 'tt1-dark-mode', $url, array( 'twenty-twenty-one-style' ), wp_get_theme()->get( 'Version' ) ); // @phpstan-ignore-line. Version is always a string. - } - - /** - * Enqueue scripts for the customizer. - * - * @access public - * - * @since Twenty Twenty-One 1.0 - * - * @return void - */ - public function customize_controls_enqueue_scripts() { - if ( ! $this->switch_should_render() ) { - return; - } - wp_enqueue_script( - 'twentytwentyone-customize-controls', - get_template_directory_uri() . '/assets/js/customize.js', - array( 'customize-base', 'customize-controls', 'underscore', 'jquery', 'twentytwentyone-customize-helpers' ), - '1.0.0', - true - ); - } - - /** - * Register customizer options. - * - * @access public - * - * @since Twenty Twenty-One 1.0 - * - * @param WP_Customize_Manager $wp_customize Theme Customizer object. - * - * @return void - */ - public function customizer_controls( $wp_customize ) { - - $colors_section = $wp_customize->get_section( 'colors' ); - if ( is_object( $colors_section ) ) { - $colors_section->title = __( 'Colors & Dark Mode', 'twentytwentyone' ); - } - - // Custom notice control. - include_once get_theme_file_path( 'classes/class-twenty-twenty-one-customize-notice-control.php' ); // phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound - - $wp_customize->add_setting( - 'respect_user_color_preference_notice', - array( - 'capability' => 'edit_theme_options', - 'default' => '', - 'sanitize_callback' => '__return_empty_string', - ) - ); - - $wp_customize->add_control( - new Twenty_Twenty_One_Customize_Notice_Control( - $wp_customize, - 'respect_user_color_preference_notice', - array( - 'section' => 'colors', - 'priority' => 100, - 'active_callback' => function() { - return 127 >= Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) ); - }, - ) - ) - ); - - $wp_customize->add_setting( - 'respect_user_color_preference', - array( - 'capability' => 'edit_theme_options', - 'default' => false, - 'sanitize_callback' => function( $value ) { - return (bool) $value; - }, - ) - ); - - $description = '

'; - $description .= sprintf( - /* translators: %s: Twenty Twenty-One support article URL. */ - __( 'Dark Mode is a device setting. If a visitor to your site requests it, your site will be shown with a dark background and light text. Learn more about Dark Mode.', 'twentytwentyone' ), - esc_url( __( 'https://wordpress.org/support/article/twenty-twenty-one/#dark-mode-support', 'twentytwentyone' ) ) - ); - $description .= '

'; - $description .= '

' . __( 'Dark Mode can also be turned on and off with a button that you can find in the bottom right corner of the page.', 'twentytwentyone' ) . '

'; - - $wp_customize->add_control( - 'respect_user_color_preference', - array( - 'type' => 'checkbox', - 'section' => 'colors', - 'label' => esc_html__( 'Dark Mode support', 'twentytwentyone' ), - 'priority' => 110, - 'description' => $description, - 'active_callback' => function( $value ) { - return 127 < Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) ); - }, - ) - ); - - // Add partial for background_color. - $wp_customize->selective_refresh->add_partial( - 'background_color', - array( - 'selector' => '#dark-mode-toggler', - 'container_inclusive' => true, - 'render_callback' => function() { - $attrs = ( $this->switch_should_render() ) ? array() : array( 'style' => 'display:none;' ); - $this->the_html( $attrs ); - }, - ) - ); - } - - /** - * Calculate classes for the main element. - * - * @access public - * - * @since Twenty Twenty-One 1.0 - * - * @param string $classes The classes for element. - * - * @return string - */ - public function html_classes( $classes ) { - if ( ! $this->switch_should_render() ) { - return $classes; - } - - $background_color = get_theme_mod( 'background_color', 'D1E4DD' ); - $should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false ); - if ( $should_respect_color_scheme && 127 <= Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) ) { - return ( $classes ) ? ' respect-color-scheme-preference' : 'respect-color-scheme-preference'; - } - - return $classes; - } - - /** - * Adds a class to the element in the editor to accommodate dark-mode. - * - * @access public - * - * @since Twenty Twenty-One 1.0 - * - * @param string $classes The admin body-classes. - * - * @return string - */ - public function admin_body_classes( $classes ) { - if ( ! $this->switch_should_render() ) { - return $classes; - } - - global $current_screen; - if ( empty( $current_screen ) ) { - set_current_screen(); - } - - if ( $current_screen->is_block_editor() ) { - $should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false ); - $background_color = get_theme_mod( 'background_color', 'D1E4DD' ); - - if ( $should_respect_color_scheme && Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) > 127 ) { - $classes .= ' twentytwentyone-supports-dark-theme'; - } - } - - return $classes; - } - - /** - * Determine if we want to print the dark-mode switch or not. - * - * @access public - * - * @since Twenty Twenty-One 1.0 - * - * @return bool - */ - public function switch_should_render() { - global $is_IE; - return ( - get_theme_mod( 'respect_user_color_preference', false ) && - ! $is_IE && - 127 <= Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) ) - ); - } - - /** - * Add night/day switch. - * - * @access public - * - * @since Twenty Twenty-One 1.0 - * - * @return void - */ - public function the_switch() { - if ( ! $this->switch_should_render() ) { - return; - } - $this->the_html(); - $this->the_script(); - } - - /** - * Print the dark-mode switch HTML. - * - * Inspired from https://codepen.io/aaroniker/pen/KGpXZo (MIT-licensed) - * - * @access public - * - * @since Twenty Twenty-One 1.0 - * - * @param array $attrs The attributes to add to our '; - ?> - - - '; - include get_template_directory() . '/assets/js/dark-mode-toggler.js'; // phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude - echo ''; - } - - /** - * Adds information to the privacy policy. - * - * @access public - * - * @since Twenty Twenty-One 1.0 - * - * @return void - */ - public function add_privacy_policy_content() { - if ( ! function_exists( 'wp_add_privacy_policy_content' ) ) { - return; - } - $content = '

' . __( 'Twenty Twenty-One uses LocalStorage when Dark Mode support is enabled.', 'twentytwentyone' ) . '

' - . '' . __( 'Suggested text:', 'twentytwentyone' ) . ' ' - . __( 'This website uses LocalStorage to save the setting when Dark Mode support is turned on or off.
LocalStorage is necessary for the setting to work and is only used when a user clicks on the Dark Mode button.
No data is saved in the database or transferred.', 'twentytwentyone' ); - wp_add_privacy_policy_content( 'Twenty Twenty-One', wp_kses_post( wpautop( $content, false ) ) ); - } - -} + in the dashboard. + add_filter( 'admin_body_class', array( $this, 'admin_body_classes' ) ); + + // Add the switch on the frontend & customizer. + add_action( 'wp_footer', array( $this, 'the_switch' ) ); + + // Add the privacy policy content. + add_action( 'admin_init', array( $this, 'add_privacy_policy_content' ) ); + } + + /** + * Editor custom color variables & scripts. + * + * @access public + * + * @since Twenty Twenty-One 1.0 + * + * @return void + */ + public function editor_custom_color_variables() { + if ( ! $this->switch_should_render() ) { + return; + } + $background_color = get_theme_mod( 'background_color', 'D1E4DD' ); + $should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false ); + if ( $should_respect_color_scheme && Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) > 127 ) { + // Add Dark Mode variable overrides. + wp_add_inline_style( + 'twenty-twenty-one-custom-color-overrides', + '.is-dark-theme.is-dark-theme .editor-styles-wrapper { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --global--color-border: #9ea1a7; --table--stripes-border-color: rgba(240, 240, 240, 0.15); --table--stripes-background-color: rgba(240, 240, 240, 0.15); }' + ); + } + wp_enqueue_script( + 'twentytwentyone-dark-mode-support-toggle', + get_template_directory_uri() . '/assets/js/dark-mode-toggler.js', + array(), + '1.0.0', + true + ); + + wp_enqueue_script( + 'twentytwentyone-editor-dark-mode-support', + get_template_directory_uri() . '/assets/js/editor-dark-mode-support.js', + array( 'twentytwentyone-dark-mode-support-toggle' ), + '1.0.0', + true + ); + } + + /** + * Enqueue scripts and styles. + * + * @access public + * + * @since Twenty Twenty-One 1.0 + * + * @return void + */ + public function enqueue_scripts() { + if ( ! $this->switch_should_render() ) { + return; + } + $url = get_template_directory_uri() . '/assets/css/style-dark-mode.css'; + if ( is_rtl() ) { + $url = get_template_directory_uri() . '/assets/css/style-dark-mode-rtl.css'; + } + wp_enqueue_style( 'tt1-dark-mode', $url, array( 'twenty-twenty-one-style' ), wp_get_theme()->get( 'Version' ) ); // @phpstan-ignore-line. Version is always a string. + } + + /** + * Enqueue scripts for the customizer. + * + * @access public + * + * @since Twenty Twenty-One 1.0 + * + * @return void + */ + public function customize_controls_enqueue_scripts() { + if ( ! $this->switch_should_render() ) { + return; + } + wp_enqueue_script( + 'twentytwentyone-customize-controls', + get_template_directory_uri() . '/assets/js/customize.js', + array( 'customize-base', 'customize-controls', 'underscore', 'jquery', 'twentytwentyone-customize-helpers' ), + '1.0.0', + true + ); + } + + /** + * Register customizer options. + * + * @access public + * + * @since Twenty Twenty-One 1.0 + * + * @param WP_Customize_Manager $wp_customize Theme Customizer object. + * + * @return void + */ + public function customizer_controls( $wp_customize ) { + + $colors_section = $wp_customize->get_section( 'colors' ); + if ( is_object( $colors_section ) ) { + $colors_section->title = __( 'Colors & Dark Mode', 'twentytwentyone' ); + } + + // Custom notice control. + include_once get_theme_file_path( 'classes/class-twenty-twenty-one-customize-notice-control.php' ); // phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + + $wp_customize->add_setting( + 'respect_user_color_preference_notice', + array( + 'capability' => 'edit_theme_options', + 'default' => '', + 'sanitize_callback' => '__return_empty_string', + ) + ); + + $wp_customize->add_control( + new Twenty_Twenty_One_Customize_Notice_Control( + $wp_customize, + 'respect_user_color_preference_notice', + array( + 'section' => 'colors', + 'priority' => 100, + 'active_callback' => function() { + return 127 >= Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) ); + }, + ) + ) + ); + + $wp_customize->add_setting( + 'respect_user_color_preference', + array( + 'capability' => 'edit_theme_options', + 'default' => false, + 'sanitize_callback' => function( $value ) { + return (bool) $value; + }, + ) + ); + + $description = '

'; + $description .= sprintf( + /* translators: %s: Twenty Twenty-One support article URL. */ + __( 'Dark Mode is a device setting. If a visitor to your site requests it, your site will be shown with a dark background and light text. Learn more about Dark Mode.', 'twentytwentyone' ), + esc_url( __( 'https://wordpress.org/support/article/twenty-twenty-one/#dark-mode-support', 'twentytwentyone' ) ) + ); + $description .= '

'; + $description .= '

' . __( 'Dark Mode can also be turned on and off with a button that you can find in the bottom right corner of the page.', 'twentytwentyone' ) . '

'; + + $wp_customize->add_control( + 'respect_user_color_preference', + array( + 'type' => 'checkbox', + 'section' => 'colors', + 'label' => esc_html__( 'Dark Mode support', 'twentytwentyone' ), + 'priority' => 110, + 'description' => $description, + 'active_callback' => function( $value ) { + return 127 < Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) ); + }, + ) + ); + + // Add partial for background_color. + $wp_customize->selective_refresh->add_partial( + 'background_color', + array( + 'selector' => '#dark-mode-toggler', + 'container_inclusive' => true, + 'render_callback' => function() { + $attrs = ( $this->switch_should_render() ) ? array() : array( 'style' => 'display:none;' ); + $this->the_html( $attrs ); + }, + ) + ); + } + + /** + * Calculate classes for the main element. + * + * @access public + * + * @since Twenty Twenty-One 1.0 + * + * @param string $classes The classes for element. + * + * @return string + */ + public function html_classes( $classes ) { + if ( ! $this->switch_should_render() ) { + return $classes; + } + + $background_color = get_theme_mod( 'background_color', 'D1E4DD' ); + $should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false ); + if ( $should_respect_color_scheme && 127 <= Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) ) { + return ( $classes ) ? ' respect-color-scheme-preference' : 'respect-color-scheme-preference'; + } + + return $classes; + } + + /** + * Adds a class to the element in the editor to accommodate dark-mode. + * + * @access public + * + * @since Twenty Twenty-One 1.0 + * + * @param string $classes The admin body-classes. + * + * @return string + */ + public function admin_body_classes( $classes ) { + if ( ! $this->switch_should_render() ) { + return $classes; + } + + global $current_screen; + if ( empty( $current_screen ) ) { + set_current_screen(); + } + + if ( $current_screen->is_block_editor() ) { + $should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false ); + $background_color = get_theme_mod( 'background_color', 'D1E4DD' ); + + if ( $should_respect_color_scheme && Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) > 127 ) { + $classes .= ' twentytwentyone-supports-dark-theme'; + } + } + + return $classes; + } + + /** + * Determine if we want to print the dark-mode switch or not. + * + * @access public + * + * @since Twenty Twenty-One 1.0 + * + * @return bool + */ + public function switch_should_render() { + global $is_IE; + return ( + get_theme_mod( 'respect_user_color_preference', false ) && + ! $is_IE && + 127 <= Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) ) + ); + } + + /** + * Add night/day switch. + * + * @access public + * + * @since Twenty Twenty-One 1.0 + * + * @return void + */ + public function the_switch() { + if ( ! $this->switch_should_render() ) { + return; + } + $this->the_html(); + $this->the_script(); + } + + /** + * Print the dark-mode switch HTML. + * + * Inspired from https://codepen.io/aaroniker/pen/KGpXZo (MIT-licensed) + * + * @access public + * + * @since Twenty Twenty-One 1.0 + * + * @param array $attrs The attributes to add to our '; + ?> + + + '; + include get_template_directory() . '/assets/js/dark-mode-toggler.js'; // phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude + echo ''; + } + + /** + * Adds information to the privacy policy. + * + * @access public + * + * @since Twenty Twenty-One 1.0 + * + * @return void + */ + public function add_privacy_policy_content() { + if ( ! function_exists( 'wp_add_privacy_policy_content' ) ) { + return; + } + $content = '

' . __( 'Twenty Twenty-One uses LocalStorage when Dark Mode support is enabled.', 'twentytwentyone' ) . '

' + . '' . __( 'Suggested text:', 'twentytwentyone' ) . ' ' + . __( 'This website uses LocalStorage to save the setting when Dark Mode support is turned on or off.
LocalStorage is necessary for the setting to work and is only used when a user clicks on the Dark Mode button.
No data is saved in the database or transferred.', 'twentytwentyone' ); + wp_add_privacy_policy_content( 'Twenty Twenty-One', wp_kses_post( wpautop( $content, false ) ) ); + } + +} diff --git a/themes/twentytwentyone/comments.php b/themes/twentytwentyone/comments.php index e2f97619..5e3b7ef7 100644 --- a/themes/twentytwentyone/comments.php +++ b/themes/twentytwentyone/comments.php @@ -36,7 +36,7 @@ '', - /* translators: %: page number. */ + /* translators: %: Page number. */ 'pagelink' => esc_html__( 'Page %', 'twentytwentyone' ), ) ); @@ -55,7 +55,7 @@ if ( wp_get_post_parent_id( $post ) ) { echo ''; printf( - /* translators: %s: parent post. */ + /* translators: %s: Parent post. */ esc_html__( 'Published in %s', 'twentytwentyone' ), '' . esc_html( get_the_title( wp_get_post_parent_id( $post ) ) ) . '' ); diff --git a/themes/twentytwentyone/inc/block-patterns.php b/themes/twentytwentyone/inc/block-patterns.php index 9b03480e..353b15eb 100644 --- a/themes/twentytwentyone/inc/block-patterns.php +++ b/themes/twentytwentyone/inc/block-patterns.php @@ -69,7 +69,7 @@ 'categories' => array( 'twentytwentyone' ), 'viewportWidth' => 1024, 'description' => esc_html_x( 'Three images inside an overlapping columns block.', 'Block pattern description', 'twentytwentyone' ), - 'content' => '
' . esc_attr__( '“Roses Tremieres” by Berthe Morisot', 'twentytwentyone' ) . '
' . esc_attr__( '“In the Bois de Boulogne” by Berthe Morisot', 'twentytwentyone' ) . '
' . esc_attr__( '“Young Woman in Mauve” by Berthe Morisot', 'twentytwentyone' ) . '
', + 'content' => '
' . esc_attr__( '“Roses Trémières” by Berthe Morisot', 'twentytwentyone' ) . '
' . esc_attr__( '“In the Bois de Boulogne” by Berthe Morisot', 'twentytwentyone' ) . '
' . esc_attr__( '“Young Woman in Mauve” by Berthe Morisot', 'twentytwentyone' ) . '
', ) ); @@ -104,7 +104,7 @@ 'title' => esc_html__( 'Portfolio list', 'twentytwentyone' ), 'categories' => array( 'twentytwentyone' ), 'description' => esc_html_x( 'A list of projects with thumbnail images.', 'Block pattern description', 'twentytwentyone' ), - 'content' => '

' . esc_html__( 'Roses Tremieres', 'twentytwentyone' ) . '

' . esc_attr__( '“Roses Tremieres” by Berthe Morisot', 'twentytwentyone' ) . '

' . esc_html__( 'Villa with Orange Trees, Nice', 'twentytwentyone' ) . '

“Villa with Orange Trees, Nice” by Berthe Morisot

' . esc_html__( 'In the Bois de Boulogne', 'twentytwentyone' ) . '

' . esc_attr__( '“In the Bois de Boulogne” by Berthe Morisot', 'twentytwentyone' ) . '

' . esc_html__( 'The Garden at Bougival', 'twentytwentyone' ) . '

' . esc_attr__( '“The Garden at Bougival” by Berthe Morisot', 'twentytwentyone' ) . '

' . esc_html__( 'Young Woman in Mauve', 'twentytwentyone' ) . '

' . esc_attr__( '“Young Woman in Mauve” by Berthe Morisot', 'twentytwentyone' ) . '

' . esc_html__( 'Reading', 'twentytwentyone' ) . '

' . esc_attr__( '“Reading” by Berthe Morisot', 'twentytwentyone' ) . '
', + 'content' => '

' . esc_html__( 'Roses Trémières', 'twentytwentyone' ) . '

' . esc_attr__( '“Roses Trémières” by Berthe Morisot', 'twentytwentyone' ) . '

' . esc_html__( 'Villa with Orange Trees, Nice', 'twentytwentyone' ) . '

“Villa with Orange Trees, Nice” by Berthe Morisot

' . esc_html__( 'In the Bois de Boulogne', 'twentytwentyone' ) . '

' . esc_attr__( '“In the Bois de Boulogne” by Berthe Morisot', 'twentytwentyone' ) . '

' . esc_html__( 'The Garden at Bougival', 'twentytwentyone' ) . '

' . esc_attr__( '“The Garden at Bougival” by Berthe Morisot', 'twentytwentyone' ) . '

' . esc_html__( 'Young Woman in Mauve', 'twentytwentyone' ) . '

' . esc_attr__( '“Young Woman in Mauve” by Berthe Morisot', 'twentytwentyone' ) . '

' . esc_html__( 'Reading', 'twentytwentyone' ) . '

' . esc_attr__( '“Reading” by Berthe Morisot', 'twentytwentyone' ) . '
', ) ); diff --git a/themes/twentytwentyone/inc/starter-content.php b/themes/twentytwentyone/inc/starter-content.php index 62ea53c8..83521a65 100644 --- a/themes/twentytwentyone/inc/starter-content.php +++ b/themes/twentytwentyone/inc/starter-content.php @@ -12,7 +12,7 @@ /** * Function to return the array of starter content for the theme. * - * Passes it through the `twentytwenty_starter_content` filter before returning. + * Passes it through the `twenty_twenty_one_starter_content` filter before returning. * * @since Twenty Twenty-One 1.0 * @@ -40,7 +40,7 @@ function twenty_twenty_one_get_starter_content() {
-
' . esc_attr__( '“Roses Tremieres” by Berthe Morisot', 'twentytwentyone' ) . '
+
' . esc_attr__( '“Roses Trémières” by Berthe Morisot', 'twentytwentyone' ) . '
diff --git a/themes/twentytwentyone/inc/template-functions.php b/themes/twentytwentyone/inc/template-functions.php index 1cbd67b3..258a29ad 100644 --- a/themes/twentytwentyone/inc/template-functions.php +++ b/themes/twentytwentyone/inc/template-functions.php @@ -417,6 +417,10 @@ function twenty_twenty_one_password_form( $post = 0 ) { */ function twenty_twenty_one_get_attachment_image_attributes( $attr, $attachment, $size ) { + if ( is_admin() ) { + return $attr; + } + if ( isset( $attr['class'] ) && false !== strpos( $attr['class'], 'custom-logo' ) ) { return $attr; } diff --git a/themes/twentytwentyone/inc/template-tags.php b/themes/twentytwentyone/inc/template-tags.php index c7df3461..0cbfe891 100644 --- a/themes/twentytwentyone/inc/template-tags.php +++ b/themes/twentytwentyone/inc/template-tags.php @@ -25,7 +25,7 @@ function twenty_twenty_one_posted_on() { ); echo ''; printf( - /* translators: %s: publish date. */ + /* translators: %s: Publish date. */ esc_html__( 'Published %s', 'twentytwentyone' ), $time_string // phpcs:ignore WordPress.Security.EscapeOutput ); @@ -45,7 +45,7 @@ function twenty_twenty_one_posted_by() { if ( ! get_the_author_meta( 'description' ) && post_type_supports( get_post_type(), 'author' ) ) { echo ''; printf( - /* translators: %s author name. */ + /* translators: %s: Author name. */ esc_html__( 'By %s', 'twentytwentyone' ), '' ); @@ -100,21 +100,21 @@ function twenty_twenty_one_entry_meta_footer() { echo '
'; - /* translators: used between list items, there is a space after the comma. */ + /* translators: Used between list items, there is a space after the comma. */ $categories_list = get_the_category_list( __( ', ', 'twentytwentyone' ) ); if ( $categories_list ) { printf( - /* translators: %s: list of categories. */ + /* translators: %s: List of categories. */ '' . esc_html__( 'Categorized as %s', 'twentytwentyone' ) . ' ', $categories_list // phpcs:ignore WordPress.Security.EscapeOutput ); } - /* translators: used between list items, there is a space after the comma. */ + /* translators: Used between list items, there is a space after the comma. */ $tags_list = get_the_tag_list( '', __( ', ', 'twentytwentyone' ) ); if ( $tags_list ) { printf( - /* translators: %s: list of tags. */ + /* translators: %s: List of tags. */ '' . esc_html__( 'Tagged %s', 'twentytwentyone' ) . '', $tags_list // phpcs:ignore WordPress.Security.EscapeOutput ); @@ -144,21 +144,21 @@ function twenty_twenty_one_entry_meta_footer() { echo '
'; - /* translators: used between list items, there is a space after the comma. */ + /* translators: Used between list items, there is a space after the comma. */ $categories_list = get_the_category_list( __( ', ', 'twentytwentyone' ) ); if ( $categories_list ) { printf( - /* translators: %s: list of categories. */ + /* translators: %s: List of categories. */ '' . esc_html__( 'Categorized as %s', 'twentytwentyone' ) . ' ', $categories_list // phpcs:ignore WordPress.Security.EscapeOutput ); } - /* translators: used between list items, there is a space after the comma. */ + /* translators: Used between list items, there is a space after the comma. */ $tags_list = get_the_tag_list( '', __( ', ', 'twentytwentyone' ) ); if ( $tags_list ) { printf( - /* translators: %s: list of tags. */ + /* translators: %s: List of tags. */ '' . esc_html__( 'Tagged %s', 'twentytwentyone' ) . '', $tags_list // phpcs:ignore WordPress.Security.EscapeOutput ); diff --git a/themes/twentytwentyone/package-lock.json b/themes/twentytwentyone/package-lock.json index aa24e241..92ee9285 100644 --- a/themes/twentytwentyone/package-lock.json +++ b/themes/twentytwentyone/package-lock.json @@ -1,4398 +1,4792 @@ -{ - "name": "twentytwentyone", - "version": "1.1.0", - "lockfileVersion": 1, - "requires": true, - "dependencies": { - "@babel/code-frame": { - "version": "7.10.4", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz", - "integrity": "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==", - "dev": true, - "requires": { - "@babel/highlight": "^7.10.4" - } - }, - "@babel/core": { - "version": "7.12.9", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.12.9.tgz", - "integrity": "sha512-gTXYh3M5wb7FRXQy+FErKFAv90BnlOuNn1QkCK2lREoPAjrQCO49+HVSrFoe5uakFAF5eenS75KbO2vQiLrTMQ==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.10.4", - "@babel/generator": "^7.12.5", - "@babel/helper-module-transforms": "^7.12.1", - "@babel/helpers": "^7.12.5", - "@babel/parser": "^7.12.7", - "@babel/template": "^7.12.7", - "@babel/traverse": "^7.12.9", - "@babel/types": "^7.12.7", - "convert-source-map": "^1.7.0", - "debug": "^4.1.0", - "gensync": "^1.0.0-beta.1", - "json5": "^2.1.2", - "lodash": "^4.17.19", - "resolve": "^1.3.2", - "semver": "^5.4.1", - "source-map": "^0.5.0" - }, - "dependencies": { - "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", - "dev": true - } - } - }, - "@babel/generator": { - "version": "7.12.5", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.12.5.tgz", - "integrity": "sha512-m16TQQJ8hPt7E+OS/XVQg/7U184MLXtvuGbCdA7na61vha+ImkyyNM/9DDA0unYCVZn3ZOhng+qz48/KBOT96A==", - "dev": true, - "requires": { - "@babel/types": "^7.12.5", - "jsesc": "^2.5.1", - "source-map": "^0.5.0" - } - }, - "@babel/helper-function-name": { - "version": "7.10.4", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz", - "integrity": "sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==", - "dev": true, - "requires": { - "@babel/helper-get-function-arity": "^7.10.4", - "@babel/template": "^7.10.4", - "@babel/types": "^7.10.4" - } - }, - "@babel/helper-get-function-arity": { - "version": "7.10.4", - "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz", - "integrity": "sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==", - "dev": true, - "requires": { - "@babel/types": "^7.10.4" - } - }, - "@babel/helper-member-expression-to-functions": { - "version": "7.12.7", - "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.7.tgz", - "integrity": "sha512-DCsuPyeWxeHgh1Dus7APn7iza42i/qXqiFPWyBDdOFtvS581JQePsc1F/nD+fHrcswhLlRc2UpYS1NwERxZhHw==", - "dev": true, - "requires": { - "@babel/types": "^7.12.7" - } - }, - "@babel/helper-module-imports": { - "version": "7.12.5", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.12.5.tgz", - "integrity": "sha512-SR713Ogqg6++uexFRORf/+nPXMmWIn80TALu0uaFb+iQIUoR7bOC7zBWyzBs5b3tBBJXuyD0cRu1F15GyzjOWA==", - "dev": true, - "requires": { - "@babel/types": "^7.12.5" - } - }, - "@babel/helper-module-transforms": { - "version": "7.12.1", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.12.1.tgz", - "integrity": "sha512-QQzehgFAZ2bbISiCpmVGfiGux8YVFXQ0abBic2Envhej22DVXV9nCFaS5hIQbkyo1AdGb+gNME2TSh3hYJVV/w==", - "dev": true, - "requires": { - "@babel/helper-module-imports": "^7.12.1", - "@babel/helper-replace-supers": "^7.12.1", - "@babel/helper-simple-access": "^7.12.1", - "@babel/helper-split-export-declaration": "^7.11.0", - "@babel/helper-validator-identifier": "^7.10.4", - "@babel/template": "^7.10.4", - "@babel/traverse": "^7.12.1", - "@babel/types": "^7.12.1", - "lodash": "^4.17.19" - } - }, - "@babel/helper-optimise-call-expression": { - "version": "7.12.7", - "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.12.7.tgz", - "integrity": "sha512-I5xc9oSJ2h59OwyUqjv95HRyzxj53DAubUERgQMrpcCEYQyToeHA+NEcUEsVWB4j53RDeskeBJ0SgRAYHDBckw==", - "dev": true, - "requires": { - "@babel/types": "^7.12.7" - } - }, - "@babel/helper-replace-supers": { - "version": "7.12.5", - "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.12.5.tgz", - "integrity": "sha512-5YILoed0ZyIpF4gKcpZitEnXEJ9UoDRki1Ey6xz46rxOzfNMAhVIJMoune1hmPVxh40LRv1+oafz7UsWX+vyWA==", - "dev": true, - "requires": { - "@babel/helper-member-expression-to-functions": "^7.12.1", - "@babel/helper-optimise-call-expression": "^7.10.4", - "@babel/traverse": "^7.12.5", - "@babel/types": "^7.12.5" - } - }, - "@babel/helper-simple-access": { - "version": "7.12.1", - "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.12.1.tgz", - "integrity": "sha512-OxBp7pMrjVewSSC8fXDFrHrBcJATOOFssZwv16F3/6Xtc138GHybBfPbm9kfiqQHKhYQrlamWILwlDCeyMFEaA==", - "dev": true, - "requires": { - "@babel/types": "^7.12.1" - } - }, - "@babel/helper-split-export-declaration": { - "version": "7.11.0", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.11.0.tgz", - "integrity": "sha512-74Vejvp6mHkGE+m+k5vHY93FX2cAtrw1zXrZXRlG4l410Nm9PxfEiVTn1PjDPV5SnmieiueY4AFg2xqhNFuuZg==", - "dev": true, - "requires": { - "@babel/types": "^7.11.0" - } - }, - "@babel/helper-validator-identifier": { - "version": "7.10.4", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz", - "integrity": "sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==", - "dev": true - }, - "@babel/helpers": { - "version": "7.12.5", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.12.5.tgz", - "integrity": "sha512-lgKGMQlKqA8meJqKsW6rUnc4MdUk35Ln0ATDqdM1a/UpARODdI4j5Y5lVfUScnSNkJcdCRAaWkspykNoFg9sJA==", - "dev": true, - "requires": { - "@babel/template": "^7.10.4", - "@babel/traverse": "^7.12.5", - "@babel/types": "^7.12.5" - } - }, - "@babel/highlight": { - "version": "7.10.4", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz", - "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==", - "dev": true, - "requires": { - "@babel/helper-validator-identifier": "^7.10.4", - "chalk": "^2.0.0", - "js-tokens": "^4.0.0" - } - }, - "@babel/parser": { - "version": "7.12.7", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.7.tgz", - "integrity": "sha512-oWR02Ubp4xTLCAqPRiNIuMVgNO5Aif/xpXtabhzW2HWUD47XJsAB4Zd/Rg30+XeQA3juXigV7hlquOTmwqLiwg==", - "dev": true - }, - "@babel/runtime": { - "version": "7.12.5", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.5.tgz", - "integrity": "sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==", - "dev": true, - "requires": { - "regenerator-runtime": "^0.13.4" - } - }, - "@babel/runtime-corejs3": { - "version": "7.12.5", - "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.12.5.tgz", - "integrity": "sha512-roGr54CsTmNPPzZoCP1AmDXuBoNao7tnSA83TXTwt+UK5QVyh1DIJnrgYRPWKCF2flqZQXwa7Yr8v7VmLzF0YQ==", - "dev": true, - "requires": { - "core-js-pure": "^3.0.0", - "regenerator-runtime": "^0.13.4" - } - }, - "@babel/template": { - "version": "7.12.7", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.7.tgz", - "integrity": "sha512-GkDzmHS6GV7ZeXfJZ0tLRBhZcMcY0/Lnb+eEbXDBfCAcZCjrZKe6p3J4we/D24O9Y8enxWAg1cWwof59yLh2ow==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.10.4", - "@babel/parser": "^7.12.7", - "@babel/types": "^7.12.7" - } - }, - "@babel/traverse": { - "version": "7.12.9", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.9.tgz", - "integrity": "sha512-iX9ajqnLdoU1s1nHt36JDI9KG4k+vmI8WgjK5d+aDTwQbL2fUnzedNedssA645Ede3PM2ma1n8Q4h2ohwXgMXw==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.10.4", - "@babel/generator": "^7.12.5", - "@babel/helper-function-name": "^7.10.4", - "@babel/helper-split-export-declaration": "^7.11.0", - "@babel/parser": "^7.12.7", - "@babel/types": "^7.12.7", - "debug": "^4.1.0", - "globals": "^11.1.0", - "lodash": "^4.17.19" - }, - "dependencies": { - "globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", - "dev": true - } - } - }, - "@babel/types": { - "version": "7.12.7", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.7.tgz", - "integrity": "sha512-MNyI92qZq6jrQkXvtIiykvl4WtoRrVV9MPn+ZfsoEENjiWcBQ3ZSHrkxnJWgWtLX3XXqX5hrSQ+X69wkmesXuQ==", - "dev": true, - "requires": { - "@babel/helper-validator-identifier": "^7.10.4", - "lodash": "^4.17.19", - "to-fast-properties": "^2.0.0" - } - }, - "@choojs/findup": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/@choojs/findup/-/findup-0.2.1.tgz", - "integrity": "sha512-YstAqNb0MCN8PjdLCDfRsBcGVRN41f3vgLvaI0IrIcBp4AqILRSS0DeWNGkicC+f/zRIPJLc+9RURVSepwvfBw==", - "dev": true, - "requires": { - "commander": "^2.15.1" - } - }, - "@eslint/eslintrc": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.2.1.tgz", - "integrity": "sha512-XRUeBZ5zBWLYgSANMpThFddrZZkEbGHgUdt5UJjZfnlN9BGCiUBrf+nvbRupSjMvqzwnQN0qwCmOxITt1cfywA==", - "dev": true, - "requires": { - "ajv": "^6.12.4", - "debug": "^4.1.1", - "espree": "^7.3.0", - "globals": "^12.1.0", - "ignore": "^4.0.6", - "import-fresh": "^3.2.1", - "js-yaml": "^3.13.1", - "lodash": "^4.17.19", - "minimatch": "^3.0.4", - "strip-json-comments": "^3.1.1" - } - }, - "@nodelib/fs.scandir": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz", - "integrity": "sha512-eGmwYQn3gxo4r7jdQnkrrN6bY478C3P+a/y72IJukF8LjB6ZHeB3c+Ehacj3sYeSmUXGlnA67/PmbM9CVwL7Dw==", - "dev": true, - "requires": { - "@nodelib/fs.stat": "2.0.3", - "run-parallel": "^1.1.9" - } - }, - "@nodelib/fs.stat": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.3.tgz", - "integrity": "sha512-bQBFruR2TAwoevBEd/NWMoAAtNGzTRgdrqnYCc7dhzfoNvqPzLyqlEQnzZ3kVnNrSp25iyxE00/3h2fqGAGArA==", - "dev": true - }, - "@nodelib/fs.walk": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.4.tgz", - "integrity": "sha512-1V9XOY4rDW0rehzbrcqAmHnz8e7SKvX27gh8Gt2WgB0+pdzdiLV83p72kZPU+jvMbS1qU5mauP2iOvO8rhmurQ==", - "dev": true, - "requires": { - "@nodelib/fs.scandir": "2.1.3", - "fastq": "^1.6.0" - } - }, - "@stylelint/postcss-css-in-js": { - "version": "0.37.2", - "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.2.tgz", - "integrity": "sha512-nEhsFoJurt8oUmieT8qy4nk81WRHmJynmVwn/Vts08PL9fhgIsMhk1GId5yAN643OzqEEb5S/6At2TZW7pqPDA==", - "dev": true, - "requires": { - "@babel/core": ">=7.9.0" - } - }, - "@stylelint/postcss-markdown": { - "version": "0.36.2", - "resolved": "https://registry.npmjs.org/@stylelint/postcss-markdown/-/postcss-markdown-0.36.2.tgz", - "integrity": "sha512-2kGbqUVJUGE8dM+bMzXG/PYUWKkjLIkRLWNh39OaADkiabDRdw8ATFCgbMz5xdIcvwspPAluSL7uY+ZiTWdWmQ==", - "dev": true, - "requires": { - "remark": "^13.0.0", - "unist-util-find-all-after": "^3.0.2" - } - }, - "@types/json-schema": { - "version": "7.0.6", - "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.6.tgz", - "integrity": "sha512-3c+yGKvVP5Y9TYBEibGNR+kLtijnj7mYrXRg+WpFb2X9xm04g/DXYkfg4hmzJQosc9snFNUPkbYIhu+KAm6jJw==", - "dev": true - }, - "@types/mdast": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.3.tgz", - "integrity": "sha512-SXPBMnFVQg1s00dlMCc/jCdvPqdE4mXaMMCeRlxLDmTAEoegHT53xKtkDnzDTOcmMHUfcjyf36/YYZ6SxRdnsw==", - "dev": true, - "requires": { - "@types/unist": "*" - } - }, - "@types/minimist": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.1.tgz", - "integrity": "sha512-fZQQafSREFyuZcdWFAExYjBiCL7AUCdgsk80iO0q4yihYYdcIiH28CcuPTGFgLOCC8RlW49GSQxdHwZP+I7CNg==", - "dev": true - }, - "@types/normalize-package-data": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz", - "integrity": "sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA==", - "dev": true - }, - "@types/parse-json": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz", - "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==", - "dev": true - }, - "@types/unist": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.3.tgz", - "integrity": "sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ==", - "dev": true - }, - "@typescript-eslint/experimental-utils": { - "version": "2.34.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz", - "integrity": "sha512-eS6FTkq+wuMJ+sgtuNTtcqavWXqsflWcfBnlYhg/nS4aZ1leewkXGbvBhaapn1q6qf4M71bsR1tez5JTRMuqwA==", - "dev": true, - "requires": { - "@types/json-schema": "^7.0.3", - "@typescript-eslint/typescript-estree": "2.34.0", - "eslint-scope": "^5.0.0", - "eslint-utils": "^2.0.0" - } - }, - "@typescript-eslint/typescript-estree": { - "version": "2.34.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-2.34.0.tgz", - "integrity": "sha512-OMAr+nJWKdlVM9LOqCqh3pQQPwxHAN7Du8DR6dmwCrAmxtiXQnhHJ6tBNtf+cggqfo51SG/FCwnKhXCIM7hnVg==", - "dev": true, - "requires": { - "debug": "^4.1.1", - "eslint-visitor-keys": "^1.1.0", - "glob": "^7.1.6", - "is-glob": "^4.0.1", - "lodash": "^4.17.15", - "semver": "^7.3.2", - "tsutils": "^3.17.1" - } - }, - "@wordpress/browserslist-config": { - "version": "2.7.0", - "resolved": "https://registry.npmjs.org/@wordpress/browserslist-config/-/browserslist-config-2.7.0.tgz", - "integrity": "sha512-pB45JlfmHuEigNFZ1X+CTgIsOT3/TTb9iZxw1DHXge/7ytY8FNhtcNwTfF9IgnS6/xaFRZBqzw4DyH4sP1Lyxg==", - "dev": true - }, - "@wordpress/eslint-plugin": { - "version": "7.3.0", - "resolved": "https://registry.npmjs.org/@wordpress/eslint-plugin/-/eslint-plugin-7.3.0.tgz", - "integrity": "sha512-7wIFzzc14E1XuuT9haBuhoA9FRUGWlbD4Oek+XkiZlzNVqZI3slgbtIFJ6/Mfij1V18rv6Ns9a1cPJLtCU8JHQ==", - "dev": true, - "requires": { - "@wordpress/prettier-config": "^0.4.0", - "babel-eslint": "^10.1.0", - "cosmiconfig": "^7.0.0", - "eslint-config-prettier": "^6.10.1", - "eslint-plugin-jest": "^23.8.2", - "eslint-plugin-jsdoc": "^30.2.2", - "eslint-plugin-jsx-a11y": "^6.2.3", - "eslint-plugin-prettier": "^3.1.2", - "eslint-plugin-react": "^7.20.0", - "eslint-plugin-react-hooks": "^4.0.4", - "globals": "^12.0.0", - "prettier": "npm:wp-prettier@2.0.5", - "requireindex": "^1.2.0" - }, - "dependencies": { - "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 - } - } - }, - "@wordpress/prettier-config": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/@wordpress/prettier-config/-/prettier-config-0.4.0.tgz", - "integrity": "sha512-7c4VeugkCwDkaHSD7ffxoP0VC5c///gCTEAT032OhI5Rik2dPxE3EkNAB2NhotGE8M4dMAg4g5Wj2OWZIn8TFw==", - "dev": true - }, - "acorn": { - "version": "7.4.1", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", - "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", - "dev": true - }, - "acorn-jsx": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.1.tgz", - "integrity": "sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng==", - "dev": true - }, - "ajv": { - "version": "6.12.6", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", - "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } - }, - "ansi-colors": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz", - "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==", - "dev": true - }, - "ansi-regex": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", - "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", - "dev": true - }, - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dev": true, - "requires": { - "color-convert": "^1.9.0" - } - }, - "anymatch": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz", - "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==", - "dev": true, - "requires": { - "normalize-path": "^3.0.0", - "picomatch": "^2.0.4" - } - }, - "argparse": { - "version": "1.0.10", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", - "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", - "dev": true, - "requires": { - "sprintf-js": "~1.0.2" - } - }, - "aria-query": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-4.2.2.tgz", - "integrity": "sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==", - "dev": true, - "requires": { - "@babel/runtime": "^7.10.2", - "@babel/runtime-corejs3": "^7.10.2" - } - }, - "array-includes": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.2.tgz", - "integrity": "sha512-w2GspexNQpx+PutG3QpT437/BenZBj0M/MZGn5mzv/MofYqo0xmRHzn4lFsoDlWJ+THYsGJmFlW68WlDFx7VRw==", - "dev": true, - "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "es-abstract": "^1.18.0-next.1", - "get-intrinsic": "^1.0.1", - "is-string": "^1.0.5" - } - }, - "array-union": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz", - "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==", - "dev": true - }, - "array.prototype.flatmap": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.2.4.tgz", - "integrity": "sha512-r9Z0zYoxqHz60vvQbWEdXIEtCwHF0yxaWfno9qzXeNHvfyl3BZqygmGzb84dsubyaXLH4husF+NFgMSdpZhk2Q==", - "dev": true, - "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "es-abstract": "^1.18.0-next.1", - "function-bind": "^1.1.1" - } - }, - "arrify": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz", - "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=", - "dev": true - }, - "ast-types-flow": { - "version": "0.0.7", - "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz", - "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=", - "dev": true - }, - "astral-regex": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz", - "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==", - "dev": true - }, - "at-least-node": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz", - "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==", - "dev": true - }, - "autoprefixer": { - "version": "9.8.6", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.6.tgz", - "integrity": "sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==", - "dev": true, - "requires": { - "browserslist": "^4.12.0", - "caniuse-lite": "^1.0.30001109", - "colorette": "^1.2.1", - "normalize-range": "^0.1.2", - "num2fraction": "^1.2.2", - "postcss": "^7.0.32", - "postcss-value-parser": "^4.1.0" - } - }, - "axe-core": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.1.1.tgz", - "integrity": "sha512-5Kgy8Cz6LPC9DJcNb3yjAXTu3XihQgEdnIg50c//zOC/MyLP0Clg+Y8Sh9ZjjnvBrDZU4DgXS9C3T9r4/scGZQ==", - "dev": true - }, - "axobject-query": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz", - "integrity": "sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==", - "dev": true - }, - "babel-eslint": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz", - "integrity": "sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.0.0", - "@babel/parser": "^7.7.0", - "@babel/traverse": "^7.7.0", - "@babel/types": "^7.7.0", - "eslint-visitor-keys": "^1.0.0", - "resolve": "^1.12.0" - } - }, - "bail": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz", - "integrity": "sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==", - "dev": true - }, - "balanced-match": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", - "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=", - "dev": true - }, - "binary-extensions": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz", - "integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==", - "dev": true - }, - "brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "dev": true, - "requires": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", - "dev": true, - "requires": { - "fill-range": "^7.0.1" - } - }, - "browserslist": { - "version": "4.14.7", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.7.tgz", - "integrity": "sha512-BSVRLCeG3Xt/j/1cCGj1019Wbty0H+Yvu2AOuZSuoaUWn3RatbL33Cxk+Q4jRMRAbOm0p7SLravLjpnT6s0vzQ==", - "dev": true, - "requires": { - "caniuse-lite": "^1.0.30001157", - "colorette": "^1.2.1", - "electron-to-chromium": "^1.3.591", - "escalade": "^3.1.1", - "node-releases": "^1.1.66" - } - }, - "call-bind": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.0.tgz", - "integrity": "sha512-AEXsYIyyDY3MCzbwdhzG3Jx1R0J2wetQyUynn6dYHAO+bg8l1k7jwZtRv4ryryFs7EP+NDlikJlVe59jr0cM2w==", - "dev": true, - "requires": { - "function-bind": "^1.1.1", - "get-intrinsic": "^1.0.0" - } - }, - "caller-callsite": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz", - "integrity": "sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=", - "dev": true, - "requires": { - "callsites": "^2.0.0" - }, - "dependencies": { - "callsites": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz", - "integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=", - "dev": true - } - } - }, - "caller-path": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz", - "integrity": "sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=", - "dev": true, - "requires": { - "caller-callsite": "^2.0.0" - } - }, - "callsites": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", - "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", - "dev": true - }, - "camelcase": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", - "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", - "dev": true - }, - "camelcase-keys": { - "version": "6.2.2", - "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz", - "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==", - "dev": true, - "requires": { - "camelcase": "^5.3.1", - "map-obj": "^4.0.0", - "quick-lru": "^4.0.1" - } - }, - "caniuse-lite": { - "version": "1.0.30001164", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001164.tgz", - "integrity": "sha512-G+A/tkf4bu0dSp9+duNiXc7bGds35DioCyC6vgK2m/rjA4Krpy5WeZgZyfH2f0wj2kI6yAWWucyap6oOwmY1mg==", - "dev": true - }, - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "character-entities": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz", - "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==", - "dev": true - }, - "character-entities-legacy": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz", - "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==", - "dev": true - }, - "character-reference-invalid": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz", - "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==", - "dev": true - }, - "chokidar": { - "version": "3.4.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.3.tgz", - "integrity": "sha512-DtM3g7juCXQxFVSNPNByEC2+NImtBuxQQvWlHunpJIS5Ocr0lG306cC7FCi7cEA0fzmybPUIl4txBIobk1gGOQ==", - "dev": true, - "requires": { - "anymatch": "~3.1.1", - "braces": "~3.0.2", - "fsevents": "~2.1.2", - "glob-parent": "~5.1.0", - "is-binary-path": "~2.1.0", - "is-glob": "~4.0.1", - "normalize-path": "~3.0.0", - "readdirp": "~3.5.0" - } - }, - "chokidar-cli": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/chokidar-cli/-/chokidar-cli-2.1.0.tgz", - "integrity": "sha512-6n21AVpW6ywuEPoxJcLXMA2p4T+SLjWsXKny/9yTWFz0kKxESI3eUylpeV97LylING/27T/RVTY0f2/0QaWq9Q==", - "dev": true, - "requires": { - "chokidar": "^3.2.3", - "lodash.debounce": "^4.0.8", - "lodash.throttle": "^4.1.1", - "yargs": "^13.3.0" - } - }, - "cliui": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz", - "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==", - "dev": true, - "requires": { - "string-width": "^3.1.0", - "strip-ansi": "^5.2.0", - "wrap-ansi": "^5.1.0" - } - }, - "clone-regexp": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz", - "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==", - "dev": true, - "requires": { - "is-regexp": "^2.0.0" - } - }, - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dev": true, - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", - "dev": true - }, - "colorette": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.1.tgz", - "integrity": "sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==", - "dev": true - }, - "commander": { - "version": "2.20.3", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", - "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", - "dev": true - }, - "comment-parser": { - "version": "0.7.6", - "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-0.7.6.tgz", - "integrity": "sha512-GKNxVA7/iuTnAqGADlTWX4tkhzxZKXp5fLJqKTlQLHkE65XDUKutZ3BHaJC5IGcper2tT3QRD1xr4o3jNpgXXg==", - "dev": true - }, - "concat-map": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", - "dev": true - }, - "convert-source-map": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz", - "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.1" - } - }, - "core-js-pure": { - "version": "3.8.0", - "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.8.0.tgz", - "integrity": "sha512-fRjhg3NeouotRoIV0L1FdchA6CK7ZD+lyINyMoz19SyV+ROpC4noS1xItWHFtwZdlqfMfVPJEyEGdfri2bD1pA==", - "dev": true - }, - "cosmiconfig": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz", - "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==", - "dev": true, - "requires": { - "@types/parse-json": "^4.0.0", - "import-fresh": "^3.2.1", - "parse-json": "^5.0.0", - "path-type": "^4.0.0", - "yaml": "^1.10.0" - } - }, - "cross-spawn": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", - "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", - "dev": true, - "requires": { - "path-key": "^3.1.0", - "shebang-command": "^2.0.0", - "which": "^2.0.1" - } - }, - "cssesc": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", - "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", - "dev": true - }, - "damerau-levenshtein": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.6.tgz", - "integrity": "sha512-JVrozIeElnj3QzfUIt8tB8YMluBJom4Vw9qTPpjGYQ9fYlB3D/rb6OordUxf3xeFB35LKWs0xqcO5U6ySvBtug==", - "dev": true - }, - "debug": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz", - "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==", - "dev": true, - "requires": { - "ms": "2.1.2" - } - }, - "decamelize": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", - "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=", - "dev": true - }, - "decamelize-keys": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz", - "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=", - "dev": true, - "requires": { - "decamelize": "^1.1.0", - "map-obj": "^1.0.0" - }, - "dependencies": { - "map-obj": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", - "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=", - "dev": true - } - } - }, - "deep-is": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz", - "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=", - "dev": true - }, - "define-properties": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz", - "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", - "dev": true, - "requires": { - "object-keys": "^1.0.12" - } - }, - "dependency-graph": { - "version": "0.9.0", - "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.9.0.tgz", - "integrity": "sha512-9YLIBURXj4DJMFALxXw9K3Y3rwb5Fk0X5/8ipCzaN84+gKxoHK43tVKRNakCQbiEx07E8Uwhuq21BpUagFhZ8w==", - "dev": true - }, - "dir-glob": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", - "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", - "dev": true, - "requires": { - "path-type": "^4.0.0" - } - }, - "doctrine": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz", - "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==", - "dev": true, - "requires": { - "esutils": "^2.0.2" - } - }, - "dom-serializer": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz", - "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==", - "dev": true, - "requires": { - "domelementtype": "^2.0.1", - "entities": "^2.0.0" - }, - "dependencies": { - "domelementtype": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.0.2.tgz", - "integrity": "sha512-wFwTwCVebUrMgGeAwRL/NhZtHAUyT9n9yg4IMDwf10+6iCMxSkVq9MGCVEH+QZWo1nNidy8kNvwmv4zWHDTqvA==", - "dev": true - }, - "entities": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-2.1.0.tgz", - "integrity": "sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==", - "dev": true - } - } - }, - "domelementtype": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz", - "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==", - "dev": true - }, - "domhandler": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz", - "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==", - "dev": true, - "requires": { - "domelementtype": "1" - } - }, - "domutils": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz", - "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==", - "dev": true, - "requires": { - "dom-serializer": "0", - "domelementtype": "1" - } - }, - "electron-to-chromium": { - "version": "1.3.612", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.612.tgz", - "integrity": "sha512-CdrdX1B6mQqxfw+51MPWB5qA6TKWjza9f5voBtUlRfEZEwZiFaxJLrhFI8zHE9SBAuGt4h84rQU6Ho9Bauo1LA==", - "dev": true - }, - "emoji-regex": { - "version": "9.2.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.0.tgz", - "integrity": "sha512-DNc3KFPK18bPdElMJnf/Pkv5TXhxFU3YFDEuGLDRtPmV4rkmCjBkCSEp22u6rBHdSN9Vlp/GK7k98prmE1Jgug==", - "dev": true - }, - "enquirer": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz", - "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==", - "dev": true, - "requires": { - "ansi-colors": "^4.1.1" - } - }, - "entities": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", - "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==", - "dev": true - }, - "error-ex": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", - "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", - "dev": true, - "requires": { - "is-arrayish": "^0.2.1" - } - }, - "es-abstract": { - "version": "1.18.0-next.1", - "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0-next.1.tgz", - "integrity": "sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==", - "dev": true, - "requires": { - "es-to-primitive": "^1.2.1", - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.1", - "is-callable": "^1.2.2", - "is-negative-zero": "^2.0.0", - "is-regex": "^1.1.1", - "object-inspect": "^1.8.0", - "object-keys": "^1.1.1", - "object.assign": "^4.1.1", - "string.prototype.trimend": "^1.0.1", - "string.prototype.trimstart": "^1.0.1" - } - }, - "es-to-primitive": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz", - "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==", - "dev": true, - "requires": { - "is-callable": "^1.1.4", - "is-date-object": "^1.0.1", - "is-symbol": "^1.0.2" - } - }, - "escalade": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", - "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", - "dev": true - }, - "escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=", - "dev": true - }, - "eslint": { - "version": "7.14.0", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.14.0.tgz", - "integrity": "sha512-5YubdnPXrlrYAFCKybPuHIAH++PINe1pmKNc5wQRB9HSbqIK1ywAnntE3Wwua4giKu0bjligf1gLF6qxMGOYRA==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.0.0", - "@eslint/eslintrc": "^0.2.1", - "ajv": "^6.10.0", - "chalk": "^4.0.0", - "cross-spawn": "^7.0.2", - "debug": "^4.0.1", - "doctrine": "^3.0.0", - "enquirer": "^2.3.5", - "eslint-scope": "^5.1.1", - "eslint-utils": "^2.1.0", - "eslint-visitor-keys": "^2.0.0", - "espree": "^7.3.0", - "esquery": "^1.2.0", - "esutils": "^2.0.2", - "file-entry-cache": "^5.0.1", - "functional-red-black-tree": "^1.0.1", - "glob-parent": "^5.0.0", - "globals": "^12.1.0", - "ignore": "^4.0.6", - "import-fresh": "^3.0.0", - "imurmurhash": "^0.1.4", - "is-glob": "^4.0.0", - "js-yaml": "^3.13.1", - "json-stable-stringify-without-jsonify": "^1.0.1", - "levn": "^0.4.1", - "lodash": "^4.17.19", - "minimatch": "^3.0.4", - "natural-compare": "^1.4.0", - "optionator": "^0.9.1", - "progress": "^2.0.0", - "regexpp": "^3.1.0", - "semver": "^7.2.1", - "strip-ansi": "^6.0.0", - "strip-json-comments": "^3.1.0", - "table": "^5.2.3", - "text-table": "^0.2.0", - "v8-compile-cache": "^2.0.3" - }, - "dependencies": { - "ansi-regex": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz", - "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==", - "dev": true - }, - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", - "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "doctrine": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz", - "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==", - "dev": true, - "requires": { - "esutils": "^2.0.2" - } - }, - "eslint-visitor-keys": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz", - "integrity": "sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "strip-ansi": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz", - "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==", - "dev": true, - "requires": { - "ansi-regex": "^5.0.0" - } - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "eslint-config-prettier": { - "version": "6.15.0", - "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.15.0.tgz", - "integrity": "sha512-a1+kOYLR8wMGustcgAjdydMsQ2A/2ipRPwRKUmfYaSxc9ZPcrku080Ctl6zrZzZNs/U82MjSv+qKREkoq3bJaw==", - "dev": true, - "requires": { - "get-stdin": "^6.0.0" - } - }, - "eslint-plugin-jest": { - "version": "23.20.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-23.20.0.tgz", - "integrity": "sha512-+6BGQt85OREevBDWCvhqj1yYA4+BFK4XnRZSGJionuEYmcglMZYLNNBBemwzbqUAckURaHdJSBcjHPyrtypZOw==", - "dev": true, - "requires": { - "@typescript-eslint/experimental-utils": "^2.5.0" - } - }, - "eslint-plugin-jsdoc": { - "version": "30.7.8", - "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-30.7.8.tgz", - "integrity": "sha512-OWm2AYvXjCl7nRbpcw5xisfSVkpVAyp4lGqL9T+DeK4kaPm6ecnmTc/G5s1PtcRrwbaI8bIWGzwScqv5CdGyxA==", - "dev": true, - "requires": { - "comment-parser": "^0.7.6", - "debug": "^4.2.0", - "jsdoctypeparser": "^9.0.0", - "lodash": "^4.17.20", - "regextras": "^0.7.1", - "semver": "^7.3.2", - "spdx-expression-parse": "^3.0.1" - } - }, - "eslint-plugin-jsx-a11y": { - "version": "6.4.1", - "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.4.1.tgz", - "integrity": "sha512-0rGPJBbwHoGNPU73/QCLP/vveMlM1b1Z9PponxO87jfr6tuH5ligXbDT6nHSSzBC8ovX2Z+BQu7Bk5D/Xgq9zg==", - "dev": true, - "requires": { - "@babel/runtime": "^7.11.2", - "aria-query": "^4.2.2", - "array-includes": "^3.1.1", - "ast-types-flow": "^0.0.7", - "axe-core": "^4.0.2", - "axobject-query": "^2.2.0", - "damerau-levenshtein": "^1.0.6", - "emoji-regex": "^9.0.0", - "has": "^1.0.3", - "jsx-ast-utils": "^3.1.0", - "language-tags": "^1.0.5" - } - }, - "eslint-plugin-prettier": { - "version": "3.1.4", - "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.4.tgz", - "integrity": "sha512-jZDa8z76klRqo+TdGDTFJSavwbnWK2ZpqGKNZ+VvweMW516pDUMmQ2koXvxEE4JhzNvTv+radye/bWGBmA6jmg==", - "dev": true, - "requires": { - "prettier-linter-helpers": "^1.0.0" - } - }, - "eslint-plugin-react": { - "version": "7.21.5", - "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.21.5.tgz", - "integrity": "sha512-8MaEggC2et0wSF6bUeywF7qQ46ER81irOdWS4QWxnnlAEsnzeBevk1sWh7fhpCghPpXb+8Ks7hvaft6L/xsR6g==", - "dev": true, - "requires": { - "array-includes": "^3.1.1", - "array.prototype.flatmap": "^1.2.3", - "doctrine": "^2.1.0", - "has": "^1.0.3", - "jsx-ast-utils": "^2.4.1 || ^3.0.0", - "object.entries": "^1.1.2", - "object.fromentries": "^2.0.2", - "object.values": "^1.1.1", - "prop-types": "^15.7.2", - "resolve": "^1.18.1", - "string.prototype.matchall": "^4.0.2" - } - }, - "eslint-plugin-react-hooks": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz", - "integrity": "sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==", - "dev": true - }, - "eslint-scope": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", - "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", - "dev": true, - "requires": { - "esrecurse": "^4.3.0", - "estraverse": "^4.1.1" - } - }, - "eslint-utils": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz", - "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==", - "dev": true, - "requires": { - "eslint-visitor-keys": "^1.1.0" - } - }, - "eslint-visitor-keys": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz", - "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==", - "dev": true - }, - "espree": { - "version": "7.3.0", - "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.0.tgz", - "integrity": "sha512-dksIWsvKCixn1yrEXO8UosNSxaDoSYpq9reEjZSbHLpT5hpaCAKTLBwq0RHtLrIr+c0ByiYzWT8KTMRzoRCNlw==", - "dev": true, - "requires": { - "acorn": "^7.4.0", - "acorn-jsx": "^5.2.0", - "eslint-visitor-keys": "^1.3.0" - } - }, - "esprima": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", - "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", - "dev": true - }, - "esquery": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.3.1.tgz", - "integrity": "sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==", - "dev": true, - "requires": { - "estraverse": "^5.1.0" - }, - "dependencies": { - "estraverse": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz", - "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==", - "dev": true - } - } - }, - "esrecurse": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", - "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", - "dev": true, - "requires": { - "estraverse": "^5.2.0" - }, - "dependencies": { - "estraverse": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz", - "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==", - "dev": true - } - } - }, - "estraverse": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", - "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", - "dev": true - }, - "esutils": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", - "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", - "dev": true - }, - "execall": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz", - "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==", - "dev": true, - "requires": { - "clone-regexp": "^2.1.0" - } - }, - "extend": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", - "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", - "dev": true - }, - "fast-deep-equal": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", - "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", - "dev": true - }, - "fast-diff": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz", - "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==", - "dev": true - }, - "fast-glob": { - "version": "3.2.4", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.4.tgz", - "integrity": "sha512-kr/Oo6PX51265qeuCYsyGypiO5uJFgBS0jksyG7FUeCyQzNwYnzrNIMR1NXfkZXsMYXYLRAHgISHBz8gQcxKHQ==", - "dev": true, - "requires": { - "@nodelib/fs.stat": "^2.0.2", - "@nodelib/fs.walk": "^1.2.3", - "glob-parent": "^5.1.0", - "merge2": "^1.3.0", - "micromatch": "^4.0.2", - "picomatch": "^2.2.1" - } - }, - "fast-json-stable-stringify": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", - "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", - "dev": true - }, - "fast-levenshtein": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", - "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=", - "dev": true - }, - "fastest-levenshtein": { - "version": "1.0.12", - "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz", - "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==", - "dev": true - }, - "fastq": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.9.0.tgz", - "integrity": "sha512-i7FVWL8HhVY+CTkwFxkN2mk3h+787ixS5S63eb78diVRc1MCssarHq3W5cj0av7YDSwmaV928RNag+U1etRQ7w==", - "dev": true, - "requires": { - "reusify": "^1.0.4" - } - }, - "file-entry-cache": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz", - "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==", - "dev": true, - "requires": { - "flat-cache": "^2.0.1" - } - }, - "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", - "dev": true, - "requires": { - "to-regex-range": "^5.0.1" - } - }, - "find-up": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", - "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "dev": true, - "requires": { - "locate-path": "^3.0.0" - } - }, - "flat-cache": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz", - "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==", - "dev": true, - "requires": { - "flatted": "^2.0.0", - "rimraf": "2.6.3", - "write": "1.0.3" - } - }, - "flatted": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz", - "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==", - "dev": true - }, - "fs-extra": { - "version": "9.0.1", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.0.1.tgz", - "integrity": "sha512-h2iAoN838FqAFJY2/qVpzFXy+EBxfVE220PalAqQLDVsFOHLJrZvut5puAbCdNv6WJk+B8ihI+k0c7JK5erwqQ==", - "dev": true, - "requires": { - "at-least-node": "^1.0.0", - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^1.0.0" - } - }, - "fs.realpath": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=", - "dev": true - }, - "fsevents": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz", - "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==", - "dev": true, - "optional": true - }, - "function-bind": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", - "dev": true - }, - "functional-red-black-tree": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz", - "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=", - "dev": true - }, - "gensync": { - "version": "1.0.0-beta.2", - "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", - "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", - "dev": true - }, - "get-caller-file": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", - "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", - "dev": true - }, - "get-intrinsic": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.0.1.tgz", - "integrity": "sha512-ZnWP+AmS1VUaLgTRy47+zKtjTxz+0xMpx3I52i+aalBK1QP19ggLF3Db89KJX7kjfOfP2eoa01qc++GwPgufPg==", - "dev": true, - "requires": { - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.1" - } - }, - "get-stdin": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz", - "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==", - "dev": true - }, - "glob": { - "version": "7.1.6", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", - "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", - "dev": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "glob-parent": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz", - "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==", - "dev": true, - "requires": { - "is-glob": "^4.0.1" - } - }, - "global-modules": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz", - "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==", - "dev": true, - "requires": { - "global-prefix": "^3.0.0" - } - }, - "global-prefix": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz", - "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==", - "dev": true, - "requires": { - "ini": "^1.3.5", - "kind-of": "^6.0.2", - "which": "^1.3.1" - }, - "dependencies": { - "which": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", - "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", - "dev": true, - "requires": { - "isexe": "^2.0.0" - } - } - } - }, - "globals": { - "version": "12.4.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz", - "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==", - "dev": true, - "requires": { - "type-fest": "^0.8.1" - } - }, - "globby": { - "version": "11.0.1", - "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.1.tgz", - "integrity": "sha512-iH9RmgwCmUJHi2z5o2l3eTtGBtXek1OYlHrbcxOYugyHLmAsZrPj43OtHThd62Buh/Vv6VyCBD2bdyWcGNQqoQ==", - "dev": true, - "requires": { - "array-union": "^2.1.0", - "dir-glob": "^3.0.1", - "fast-glob": "^3.1.1", - "ignore": "^5.1.4", - "merge2": "^1.3.0", - "slash": "^3.0.0" - }, - "dependencies": { - "ignore": { - "version": "5.1.8", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz", - "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==", - "dev": true - } - } - }, - "globjoin": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz", - "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=", - "dev": true - }, - "gonzales-pe": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-4.3.0.tgz", - "integrity": "sha512-otgSPpUmdWJ43VXyiNgEYE4luzHCL2pz4wQ0OnDluC6Eg4Ko3Vexy/SrSynglw/eR+OhkzmqFCZa/OFa/RgAOQ==", - "dev": true, - "requires": { - "minimist": "^1.2.5" - } - }, - "graceful-fs": { - "version": "4.2.4", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz", - "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==", - "dev": true - }, - "hard-rejection": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz", - "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==", - "dev": true - }, - "has": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", - "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", - "dev": true, - "requires": { - "function-bind": "^1.1.1" - } - }, - "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", - "dev": true - }, - "has-symbols": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz", - "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==", - "dev": true - }, - "hosted-git-info": { - "version": "2.8.8", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz", - "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==", - "dev": true - }, - "html-tags": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.1.0.tgz", - "integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==", - "dev": true - }, - "htmlparser2": { - "version": "3.10.1", - "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz", - "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==", - "dev": true, - "requires": { - "domelementtype": "^1.3.1", - "domhandler": "^2.3.0", - "domutils": "^1.5.1", - "entities": "^1.1.1", - "inherits": "^2.0.1", - "readable-stream": "^3.1.1" - } - }, - "ignore": { - "version": "4.0.6", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz", - "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==", - "dev": true - }, - "import-cwd": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz", - "integrity": "sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=", - "dev": true, - "requires": { - "import-from": "^2.1.0" - } - }, - "import-fresh": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.2.tgz", - "integrity": "sha512-cTPNrlvJT6twpYy+YmKUKrTSjWFs3bjYjAhCwm+z4EOCubZxAuO+hHpRN64TqjEaYSHs7tJAE0w1CKMGmsG/lw==", - "dev": true, - "requires": { - "parent-module": "^1.0.0", - "resolve-from": "^4.0.0" - } - }, - "import-from": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz", - "integrity": "sha1-M1238qev/VOqpHHUuAId7ja387E=", - "dev": true, - "requires": { - "resolve-from": "^3.0.0" - }, - "dependencies": { - "resolve-from": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz", - "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=", - "dev": true - } - } - }, - "import-lazy": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz", - "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==", - "dev": true - }, - "imurmurhash": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", - "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=", - "dev": true - }, - "indent-string": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", - "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", - "dev": true - }, - "indexes-of": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz", - "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=", - "dev": true - }, - "inflight": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", - "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", - "dev": true, - "requires": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "inherits": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", - "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", - "dev": true - }, - "ini": { - "version": "1.3.7", - "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.7.tgz", - "integrity": "sha512-iKpRpXP+CrP2jyrxvg1kMUpXDyRUFDWurxbnVT1vQPx+Wz9uCYsMIqYuSBLV+PAaZG/d7kRLKRFc9oDMsH+mFQ==", - "dev": true - }, - "internal-slot": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.2.tgz", - "integrity": "sha512-2cQNfwhAfJIkU4KZPkDI+Gj5yNNnbqi40W9Gge6dfnk4TocEVm00B3bdiL+JINrbGJil2TeHvM4rETGzk/f/0g==", - "dev": true, - "requires": { - "es-abstract": "^1.17.0-next.1", - "has": "^1.0.3", - "side-channel": "^1.0.2" - }, - "dependencies": { - "es-abstract": { - "version": "1.17.7", - "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.7.tgz", - "integrity": "sha512-VBl/gnfcJ7OercKA9MVaegWsBHFjV492syMudcnQZvt/Dw8ezpcOHYZXa/J96O8vx+g4x65YKhxOwDUh63aS5g==", - "dev": true, - "requires": { - "es-to-primitive": "^1.2.1", - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.1", - "is-callable": "^1.2.2", - "is-regex": "^1.1.1", - "object-inspect": "^1.8.0", - "object-keys": "^1.1.1", - "object.assign": "^4.1.1", - "string.prototype.trimend": "^1.0.1", - "string.prototype.trimstart": "^1.0.1" - } - } - } - }, - "is-alphabetical": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz", - "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==", - "dev": true - }, - "is-alphanumerical": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz", - "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==", - "dev": true, - "requires": { - "is-alphabetical": "^1.0.0", - "is-decimal": "^1.0.0" - } - }, - "is-arrayish": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", - "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=", - "dev": true - }, - "is-binary-path": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", - "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", - "dev": true, - "requires": { - "binary-extensions": "^2.0.0" - } - }, - "is-buffer": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz", - "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==", - "dev": true - }, - "is-callable": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.2.tgz", - "integrity": "sha512-dnMqspv5nU3LoewK2N/y7KLtxtakvTuaCsU9FU50/QDmdbHNy/4/JuRtMHqRU22o3q+W89YQndQEeCVwK+3qrA==", - "dev": true - }, - "is-core-module": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.2.0.tgz", - "integrity": "sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==", - "dev": true, - "requires": { - "has": "^1.0.3" - } - }, - "is-date-object": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.2.tgz", - "integrity": "sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==", - "dev": true - }, - "is-decimal": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz", - "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==", - "dev": true - }, - "is-directory": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz", - "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=", - "dev": true - }, - "is-extglob": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", - "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", - "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=", - "dev": true - }, - "is-glob": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", - "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", - "dev": true, - "requires": { - "is-extglob": "^2.1.1" - } - }, - "is-hexadecimal": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz", - "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==", - "dev": true - }, - "is-negative-zero": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.0.tgz", - "integrity": "sha1-lVOxIbD6wohp2p7UWeIMdUN4hGE=", - "dev": true - }, - "is-number": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true - }, - "is-plain-obj": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz", - "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==", - "dev": true - }, - "is-regex": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.1.tgz", - "integrity": "sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==", - "dev": true, - "requires": { - "has-symbols": "^1.0.1" - } - }, - "is-regexp": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz", - "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==", - "dev": true - }, - "is-string": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.5.tgz", - "integrity": "sha512-buY6VNRjhQMiF1qWDouloZlQbRhDPCebwxSjxMjxgemYT46YMd2NR0/H+fBhEfWX4A/w9TBJ+ol+okqJKFE6vQ==", - "dev": true - }, - "is-symbol": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.3.tgz", - "integrity": "sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==", - "dev": true, - "requires": { - "has-symbols": "^1.0.1" - } - }, - "is-typedarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz", - "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=", - "dev": true - }, - "isexe": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", - "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=", - "dev": true - }, - "js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", - "dev": true - }, - "js-yaml": { - "version": "3.14.0", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.0.tgz", - "integrity": "sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==", - "dev": true, - "requires": { - "argparse": "^1.0.7", - "esprima": "^4.0.0" - } - }, - "jsdoctypeparser": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/jsdoctypeparser/-/jsdoctypeparser-9.0.0.tgz", - "integrity": "sha512-jrTA2jJIL6/DAEILBEh2/w9QxCuwmvNXIry39Ay/HVfhE3o2yVV0U44blYkqdHA/OKloJEqvJy0xU+GSdE2SIw==", - "dev": true - }, - "jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", - "dev": true - }, - "json-parse-better-errors": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz", - "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==", - "dev": true - }, - "json-parse-even-better-errors": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", - "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", - "dev": true - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true - }, - "json-stable-stringify-without-jsonify": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", - "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=", - "dev": true - }, - "json5": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz", - "integrity": "sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==", - "dev": true, - "requires": { - "minimist": "^1.2.5" - } - }, - "jsonfile": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", - "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.6", - "universalify": "^2.0.0" - }, - "dependencies": { - "universalify": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz", - "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==", - "dev": true - } - } - }, - "jsx-ast-utils": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.1.0.tgz", - "integrity": "sha512-d4/UOjg+mxAWxCiF0c5UTSwyqbchkbqCvK87aBovhnh8GtysTjWmgC63tY0cJx/HzGgm9qnA147jVBdpOiQ2RA==", - "dev": true, - "requires": { - "array-includes": "^3.1.1", - "object.assign": "^4.1.1" - } - }, - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - }, - "known-css-properties": { - "version": "0.20.0", - "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.20.0.tgz", - "integrity": "sha512-URvsjaA9ypfreqJ2/ylDr5MUERhJZ+DhguoWRr2xgS5C7aGCalXo+ewL+GixgKBfhT2vuL02nbIgNGqVWgTOYw==", - "dev": true - }, - "language-subtag-registry": { - "version": "0.3.21", - "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz", - "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==", - "dev": true - }, - "language-tags": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz", - "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=", - "dev": true, - "requires": { - "language-subtag-registry": "~0.3.2" - } - }, - "levn": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", - "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==", - "dev": true, - "requires": { - "prelude-ls": "^1.2.1", - "type-check": "~0.4.0" - } - }, - "lines-and-columns": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz", - "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=", - "dev": true - }, - "load-json-file": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz", - "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^4.0.0", - "pify": "^3.0.0", - "strip-bom": "^3.0.0" - }, - "dependencies": { - "parse-json": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", - "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", - "dev": true, - "requires": { - "error-ex": "^1.3.1", - "json-parse-better-errors": "^1.0.1" - } - } - } - }, - "locate-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", - "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", - "dev": true, - "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" - } - }, - "lodash": { - "version": "4.17.20", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz", - "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==", - "dev": true - }, - "lodash.debounce": { - "version": "4.0.8", - "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", - "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=", - "dev": true - }, - "lodash.throttle": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz", - "integrity": "sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ=", - "dev": true - }, - "log-symbols": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz", - "integrity": "sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==", - "dev": true, - "requires": { - "chalk": "^2.0.1" - } - }, - "longest-streak": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-2.0.4.tgz", - "integrity": "sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg==", - "dev": true - }, - "loose-envify": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", - "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", - "dev": true, - "requires": { - "js-tokens": "^3.0.0 || ^4.0.0" - } - }, - "lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - }, - "map-obj": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.1.0.tgz", - "integrity": "sha512-glc9y00wgtwcDmp7GaE/0b0OnxpNJsVf3ael/An6Fe2Q51LLwN1er6sdomLRzz5h0+yMpiYLhWYF5R7HeqVd4g==", - "dev": true - }, - "mathml-tag-names": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz", - "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==", - "dev": true - }, - "mdast-util-from-markdown": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-0.8.1.tgz", - "integrity": "sha512-qJXNcFcuCSPqUF0Tb0uYcFDIq67qwB3sxo9RPdf9vG8T90ViKnksFqdB/Coq2a7sTnxL/Ify2y7aIQXDkQFH0w==", - "dev": true, - "requires": { - "@types/mdast": "^3.0.0", - "mdast-util-to-string": "^1.0.0", - "micromark": "~2.10.0", - "parse-entities": "^2.0.0" - } - }, - "mdast-util-to-markdown": { - "version": "0.5.4", - "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-0.5.4.tgz", - "integrity": "sha512-0jQTkbWYx0HdEA/h++7faebJWr5JyBoBeiRf0u3F4F3QtnyyGaWIsOwo749kRb1ttKrLLr+wRtOkfou9yB0p6A==", - "dev": true, - "requires": { - "@types/unist": "^2.0.0", - "longest-streak": "^2.0.0", - "mdast-util-to-string": "^2.0.0", - "parse-entities": "^2.0.0", - "repeat-string": "^1.0.0", - "zwitch": "^1.0.0" - }, - "dependencies": { - "mdast-util-to-string": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz", - "integrity": "sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==", - "dev": true - } - } - }, - "mdast-util-to-string": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-1.1.0.tgz", - "integrity": "sha512-jVU0Nr2B9X3MU4tSK7JP1CMkSvOj7X5l/GboG1tKRw52lLF1x2Ju92Ms9tNetCcbfX3hzlM73zYo2NKkWSfF/A==", - "dev": true - }, - "memorystream": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz", - "integrity": "sha1-htcJCzDORV1j+64S3aUaR93K+bI=", - "dev": true - }, - "meow": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/meow/-/meow-8.0.0.tgz", - "integrity": "sha512-nbsTRz2fwniJBFgUkcdISq8y/q9n9VbiHYbfwklFh5V4V2uAcxtKQkDc0yCLPM/kP0d+inZBewn3zJqewHE7kg==", - "dev": true, - "requires": { - "@types/minimist": "^1.2.0", - "camelcase-keys": "^6.2.2", - "decamelize-keys": "^1.1.0", - "hard-rejection": "^2.1.0", - "minimist-options": "4.1.0", - "normalize-package-data": "^3.0.0", - "read-pkg-up": "^7.0.1", - "redent": "^3.0.0", - "trim-newlines": "^3.0.0", - "type-fest": "^0.18.0", - "yargs-parser": "^20.2.3" - }, - "dependencies": { - "hosted-git-info": { - "version": "3.0.7", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-3.0.7.tgz", - "integrity": "sha512-fWqc0IcuXs+BmE9orLDyVykAG9GJtGLGuZAAqgcckPgv5xad4AcXGIv8galtQvlwutxSlaMcdw7BUtq2EIvqCQ==", - "dev": true, - "requires": { - "lru-cache": "^6.0.0" - } - }, - "normalize-package-data": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.0.tgz", - "integrity": "sha512-6lUjEI0d3v6kFrtgA/lOx4zHCWULXsFNIjHolnZCKCTLA6m/G625cdn3O7eNmT0iD3jfo6HZ9cdImGZwf21prw==", - "dev": true, - "requires": { - "hosted-git-info": "^3.0.6", - "resolve": "^1.17.0", - "semver": "^7.3.2", - "validate-npm-package-license": "^3.0.1" - } - }, - "type-fest": { - "version": "0.18.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz", - "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==", - "dev": true - }, - "yargs-parser": { - "version": "20.2.4", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.4.tgz", - "integrity": "sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==", - "dev": true - } - } - }, - "merge2": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", - "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", - "dev": true - }, - "micromark": { - "version": "2.10.1", - "resolved": "https://registry.npmjs.org/micromark/-/micromark-2.10.1.tgz", - "integrity": "sha512-fUuVF8sC1X7wsCS29SYQ2ZfIZYbTymp0EYr6sab3idFjigFFjGa5UwoniPlV9tAgntjuapW1t9U+S0yDYeGKHQ==", - "dev": true, - "requires": { - "debug": "^4.0.0", - "parse-entities": "^2.0.0" - } - }, - "micromatch": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz", - "integrity": "sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==", - "dev": true, - "requires": { - "braces": "^3.0.1", - "picomatch": "^2.0.5" - } - }, - "min-indent": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", - "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==", - "dev": true - }, - "minimatch": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", - "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", - "dev": true, - "requires": { - "brace-expansion": "^1.1.7" - } - }, - "minimist": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", - "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==", - "dev": true - }, - "minimist-options": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz", - "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==", - "dev": true, - "requires": { - "arrify": "^1.0.1", - "is-plain-obj": "^1.1.0", - "kind-of": "^6.0.3" - }, - "dependencies": { - "is-plain-obj": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz", - "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=", - "dev": true - } - } - }, - "mkdirp": { - "version": "0.5.5", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", - "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", - "dev": true, - "requires": { - "minimist": "^1.2.5" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - }, - "natural-compare": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", - "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=", - "dev": true - }, - "nice-try": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz", - "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==", - "dev": true - }, - "node-releases": { - "version": "1.1.67", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.67.tgz", - "integrity": "sha512-V5QF9noGFl3EymEwUYzO+3NTDpGfQB4ve6Qfnzf3UNydMhjQRVPR1DZTuvWiLzaFJYw2fmDwAfnRNEVb64hSIg==", - "dev": true - }, - "normalize-package-data": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", - "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", - "dev": true, - "requires": { - "hosted-git-info": "^2.1.4", - "resolve": "^1.10.0", - "semver": "2 || 3 || 4 || 5", - "validate-npm-package-license": "^3.0.1" - }, - "dependencies": { - "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", - "dev": true - } - } - }, - "normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true - }, - "normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=", - "dev": true - }, - "normalize-selector": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz", - "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=", - "dev": true - }, - "npm-run-all": { - "version": "4.1.5", - "resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz", - "integrity": "sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.1", - "chalk": "^2.4.1", - "cross-spawn": "^6.0.5", - "memorystream": "^0.3.1", - "minimatch": "^3.0.4", - "pidtree": "^0.3.0", - "read-pkg": "^3.0.0", - "shell-quote": "^1.6.1", - "string.prototype.padend": "^3.0.0" - }, - "dependencies": { - "cross-spawn": { - "version": "6.0.5", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", - "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", - "dev": true, - "requires": { - "nice-try": "^1.0.4", - "path-key": "^2.0.1", - "semver": "^5.5.0", - "shebang-command": "^1.2.0", - "which": "^1.2.9" - } - }, - "path-key": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz", - "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=", - "dev": true - }, - "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", - "dev": true - }, - "shebang-command": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", - "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=", - "dev": true, - "requires": { - "shebang-regex": "^1.0.0" - } - }, - "shebang-regex": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz", - "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=", - "dev": true - }, - "which": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", - "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", - "dev": true, - "requires": { - "isexe": "^2.0.0" - } - } - } - }, - "num2fraction": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", - "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=", - "dev": true - }, - "object-assign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", - "dev": true - }, - "object-inspect": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.9.0.tgz", - "integrity": "sha512-i3Bp9iTqwhaLZBxGkRfo5ZbE07BQRT7MGu8+nNgwW9ItGp1TzCTw2DLEoWwjClxBjOFI/hWljTAmYGCEwmtnOw==", - "dev": true - }, - "object-keys": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", - "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==", - "dev": true - }, - "object.assign": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz", - "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==", - "dev": true, - "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "has-symbols": "^1.0.1", - "object-keys": "^1.1.1" - } - }, - "object.entries": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.3.tgz", - "integrity": "sha512-ym7h7OZebNS96hn5IJeyUmaWhaSM4SVtAPPfNLQEI2MYWCO2egsITb9nab2+i/Pwibx+R0mtn+ltKJXRSeTMGg==", - "dev": true, - "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "es-abstract": "^1.18.0-next.1", - "has": "^1.0.3" - } - }, - "object.fromentries": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.3.tgz", - "integrity": "sha512-IDUSMXs6LOSJBWE++L0lzIbSqHl9KDCfff2x/JSEIDtEUavUnyMYC2ZGay/04Zq4UT8lvd4xNhU4/YHKibAOlw==", - "dev": true, - "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "es-abstract": "^1.18.0-next.1", - "has": "^1.0.3" - } - }, - "object.values": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.2.tgz", - "integrity": "sha512-MYC0jvJopr8EK6dPBiO8Nb9mvjdypOachO5REGk6MXzujbBrAisKo3HmdEI6kZDL6fC31Mwee/5YbtMebixeag==", - "dev": true, - "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "es-abstract": "^1.18.0-next.1", - "has": "^1.0.3" - } - }, - "once": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", - "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", - "dev": true, - "requires": { - "wrappy": "1" - } - }, - "optionator": { - "version": "0.9.1", - "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz", - "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==", - "dev": true, - "requires": { - "deep-is": "^0.1.3", - "fast-levenshtein": "^2.0.6", - "levn": "^0.4.1", - "prelude-ls": "^1.2.1", - "type-check": "^0.4.0", - "word-wrap": "^1.2.3" - } - }, - "p-limit": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", - "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", - "dev": true, - "requires": { - "p-try": "^2.0.0" - } - }, - "p-locate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", - "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", - "dev": true, - "requires": { - "p-limit": "^2.0.0" - } - }, - "p-try": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", - "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", - "dev": true - }, - "parent-module": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", - "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", - "dev": true, - "requires": { - "callsites": "^3.0.0" - } - }, - "parse-entities": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-2.0.0.tgz", - "integrity": "sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==", - "dev": true, - "requires": { - "character-entities": "^1.0.0", - "character-entities-legacy": "^1.0.0", - "character-reference-invalid": "^1.0.0", - "is-alphanumerical": "^1.0.0", - "is-decimal": "^1.0.0", - "is-hexadecimal": "^1.0.0" - } - }, - "parse-json": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.1.0.tgz", - "integrity": "sha512-+mi/lmVVNKFNVyLXV31ERiy2CY5E1/F6QtJFEzoChPRwwngMNXRDQ9GJ5WdE2Z2P4AujsOi0/+2qHID68KwfIQ==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.0.0", - "error-ex": "^1.3.1", - "json-parse-even-better-errors": "^2.3.0", - "lines-and-columns": "^1.1.6" - } - }, - "path-exists": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", - "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=", - "dev": true - }, - "path-is-absolute": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", - "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=", - "dev": true - }, - "path-key": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", - "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", - "dev": true - }, - "path-parse": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", - "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==", - "dev": true - }, - "path-type": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", - "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", - "dev": true - }, - "picomatch": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz", - "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==", - "dev": true - }, - "pidtree": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.3.1.tgz", - "integrity": "sha512-qQbW94hLHEqCg7nhby4yRC7G2+jYHY4Rguc2bjw7Uug4GIJuu1tvf2uHaZv5Q8zdt+WKJ6qK1FOI6amaWUo5FA==", - "dev": true - }, - "pify": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", - "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", - "dev": true - }, - "postcss": { - "version": "7.0.35", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz", - "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==", - "dev": true, - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "postcss-calc": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-7.0.5.tgz", - "integrity": "sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==", - "dev": true, - "requires": { - "postcss": "^7.0.27", - "postcss-selector-parser": "^6.0.2", - "postcss-value-parser": "^4.0.2" - } - }, - "postcss-cli": { - "version": "7.1.2", - "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-7.1.2.tgz", - "integrity": "sha512-3mlEmN1v2NVuosMWZM2tP8bgZn7rO5PYxRRrXtdSyL5KipcgBDjJ9ct8/LKxImMCJJi3x5nYhCGFJOkGyEqXBQ==", - "dev": true, - "requires": { - "chalk": "^4.0.0", - "chokidar": "^3.3.0", - "dependency-graph": "^0.9.0", - "fs-extra": "^9.0.0", - "get-stdin": "^8.0.0", - "globby": "^11.0.0", - "postcss": "^7.0.0", - "postcss-load-config": "^2.0.0", - "postcss-reporter": "^6.0.0", - "pretty-hrtime": "^1.0.3", - "read-cache": "^1.0.0", - "yargs": "^15.0.2" - }, - "dependencies": { - "ansi-regex": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz", - "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==", - "dev": true - }, - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", - "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "cliui": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz", - "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==", - "dev": true, - "requires": { - "string-width": "^4.2.0", - "strip-ansi": "^6.0.0", - "wrap-ansi": "^6.2.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "emoji-regex": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true - }, - "find-up": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", - "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", - "dev": true, - "requires": { - "locate-path": "^5.0.0", - "path-exists": "^4.0.0" - } - }, - "get-stdin": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz", - "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", - "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", - "dev": true - }, - "locate-path": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", - "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", - "dev": true, - "requires": { - "p-locate": "^4.1.0" - } - }, - "p-locate": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", - "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", - "dev": true, - "requires": { - "p-limit": "^2.2.0" - } - }, - "path-exists": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", - "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", - "dev": true - }, - "string-width": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz", - "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==", - "dev": true, - "requires": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.0" - } - }, - "strip-ansi": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz", - "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==", - "dev": true, - "requires": { - "ansi-regex": "^5.0.0" - } - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - }, - "wrap-ansi": { - "version": "6.2.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz", - "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==", - "dev": true, - "requires": { - "ansi-styles": "^4.0.0", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0" - } - }, - "yargs": { - "version": "15.4.1", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz", - "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==", - "dev": true, - "requires": { - "cliui": "^6.0.0", - "decamelize": "^1.2.0", - "find-up": "^4.1.0", - "get-caller-file": "^2.0.1", - "require-directory": "^2.1.1", - "require-main-filename": "^2.0.0", - "set-blocking": "^2.0.0", - "string-width": "^4.2.0", - "which-module": "^2.0.0", - "y18n": "^4.0.0", - "yargs-parser": "^18.1.2" - } - }, - "yargs-parser": { - "version": "18.1.3", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz", - "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==", - "dev": true, - "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" - } - } - } - }, - "postcss-css-variables": { - "version": "0.17.0", - "resolved": "https://registry.npmjs.org/postcss-css-variables/-/postcss-css-variables-0.17.0.tgz", - "integrity": "sha512-/ZpFnJgksNOrQA72b3DKhExYh+0e2P5nEc3aPZ62G7JLmdDjWRFv3k/q4LxV7uzXFnmvkhXRbdVIiH5tKgfFNA==", - "dev": true, - "requires": { - "balanced-match": "^1.0.0", - "escape-string-regexp": "^1.0.3", - "extend": "^3.0.1", - "postcss": "^6.0.8" - }, - "dependencies": { - "postcss": { - "version": "6.0.23", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", - "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", - "dev": true, - "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - } - } - }, - "postcss-custom-media": { - "version": "7.0.8", - "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz", - "integrity": "sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg==", - "dev": true, - "requires": { - "postcss": "^7.0.14" - } - }, - "postcss-focus-within": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz", - "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==", - "dev": true, - "requires": { - "postcss": "^7.0.2" - } - }, - "postcss-html": { - "version": "0.36.0", - "resolved": "https://registry.npmjs.org/postcss-html/-/postcss-html-0.36.0.tgz", - "integrity": "sha512-HeiOxGcuwID0AFsNAL0ox3mW6MHH5cstWN1Z3Y+n6H+g12ih7LHdYxWwEA/QmrebctLjo79xz9ouK3MroHwOJw==", - "dev": true, - "requires": { - "htmlparser2": "^3.10.0" - } - }, - "postcss-less": { - "version": "3.1.4", - "resolved": "https://registry.npmjs.org/postcss-less/-/postcss-less-3.1.4.tgz", - "integrity": "sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA==", - "dev": true, - "requires": { - "postcss": "^7.0.14" - } - }, - "postcss-load-config": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz", - "integrity": "sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==", - "dev": true, - "requires": { - "cosmiconfig": "^5.0.0", - "import-cwd": "^2.0.0" - }, - "dependencies": { - "cosmiconfig": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz", - "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==", - "dev": true, - "requires": { - "import-fresh": "^2.0.0", - "is-directory": "^0.3.1", - "js-yaml": "^3.13.1", - "parse-json": "^4.0.0" - } - }, - "import-fresh": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz", - "integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=", - "dev": true, - "requires": { - "caller-path": "^2.0.0", - "resolve-from": "^3.0.0" - } - }, - "parse-json": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", - "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", - "dev": true, - "requires": { - "error-ex": "^1.3.1", - "json-parse-better-errors": "^1.0.1" - } - }, - "resolve-from": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz", - "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=", - "dev": true - } - } - }, - "postcss-media-query-parser": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz", - "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=", - "dev": true - }, - "postcss-nested": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-4.2.3.tgz", - "integrity": "sha512-rOv0W1HquRCamWy2kFl3QazJMMe1ku6rCFoAAH+9AcxdbpDeBr6k968MLWuLjvjMcGEip01ak09hKOEgpK9hvw==", - "dev": true, - "requires": { - "postcss": "^7.0.32", - "postcss-selector-parser": "^6.0.2" - } - }, - "postcss-reporter": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-6.0.1.tgz", - "integrity": "sha512-LpmQjfRWyabc+fRygxZjpRxfhRf9u/fdlKf4VHG4TSPbV2XNsuISzYW1KL+1aQzx53CAppa1bKG4APIB/DOXXw==", - "dev": true, - "requires": { - "chalk": "^2.4.1", - "lodash": "^4.17.11", - "log-symbols": "^2.2.0", - "postcss": "^7.0.7" - } - }, - "postcss-resolve-nested-selector": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz", - "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=", - "dev": true - }, - "postcss-safe-parser": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz", - "integrity": "sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g==", - "dev": true, - "requires": { - "postcss": "^7.0.26" - } - }, - "postcss-sass": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/postcss-sass/-/postcss-sass-0.4.4.tgz", - "integrity": "sha512-BYxnVYx4mQooOhr+zer0qWbSPYnarAy8ZT7hAQtbxtgVf8gy+LSLT/hHGe35h14/pZDTw1DsxdbrwxBN++H+fg==", - "dev": true, - "requires": { - "gonzales-pe": "^4.3.0", - "postcss": "^7.0.21" - } - }, - "postcss-scss": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-2.1.1.tgz", - "integrity": "sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA==", - "dev": true, - "requires": { - "postcss": "^7.0.6" - } - }, - "postcss-selector-parser": { - "version": "6.0.4", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz", - "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==", - "dev": true, - "requires": { - "cssesc": "^3.0.0", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1", - "util-deprecate": "^1.0.2" - } - }, - "postcss-syntax": { - "version": "0.36.2", - "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz", - "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==", - "dev": true - }, - "postcss-value-parser": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz", - "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==", - "dev": true - }, - "prelude-ls": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", - "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", - "dev": true - }, - "prettier-linter-helpers": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz", - "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==", - "dev": true, - "requires": { - "fast-diff": "^1.1.2" - } - }, - "pretty-hrtime": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", - "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=", - "dev": true - }, - "progress": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", - "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==", - "dev": true - }, - "prop-types": { - "version": "15.7.2", - "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz", - "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==", - "dev": true, - "requires": { - "loose-envify": "^1.4.0", - "object-assign": "^4.1.1", - "react-is": "^16.8.1" - } - }, - "punycode": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", - "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", - "dev": true - }, - "quick-lru": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz", - "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==", - "dev": true - }, - "react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", - "dev": true - }, - "read-cache": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", - "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=", - "dev": true, - "requires": { - "pify": "^2.3.0" - }, - "dependencies": { - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", - "dev": true - } - } - }, - "read-pkg": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz", - "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=", - "dev": true, - "requires": { - "load-json-file": "^4.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^3.0.0" - }, - "dependencies": { - "path-type": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz", - "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==", - "dev": true, - "requires": { - "pify": "^3.0.0" - } - } - } - }, - "read-pkg-up": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz", - "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==", - "dev": true, - "requires": { - "find-up": "^4.1.0", - "read-pkg": "^5.2.0", - "type-fest": "^0.8.1" - }, - "dependencies": { - "find-up": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", - "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", - "dev": true, - "requires": { - "locate-path": "^5.0.0", - "path-exists": "^4.0.0" - } - }, - "locate-path": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", - "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", - "dev": true, - "requires": { - "p-locate": "^4.1.0" - } - }, - "p-locate": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", - "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", - "dev": true, - "requires": { - "p-limit": "^2.2.0" - } - }, - "path-exists": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", - "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", - "dev": true - }, - "read-pkg": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz", - "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==", - "dev": true, - "requires": { - "@types/normalize-package-data": "^2.4.0", - "normalize-package-data": "^2.5.0", - "parse-json": "^5.0.0", - "type-fest": "^0.6.0" - }, - "dependencies": { - "type-fest": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz", - "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==", - "dev": true - } - } - } - } - }, - "readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - }, - "readdirp": { - "version": "3.5.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz", - "integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==", - "dev": true, - "requires": { - "picomatch": "^2.2.1" - } - }, - "redent": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz", - "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==", - "dev": true, - "requires": { - "indent-string": "^4.0.0", - "strip-indent": "^3.0.0" - } - }, - "regenerator-runtime": { - "version": "0.13.7", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz", - "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==", - "dev": true - }, - "regexp.prototype.flags": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.3.0.tgz", - "integrity": "sha512-2+Q0C5g951OlYlJz6yu5/M33IcsESLlLfsyIaLJaG4FA2r4yP8MvVMJUUP/fVBkSpbbbZlS5gynbEWLipiiXiQ==", - "dev": true, - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.0-next.1" - }, - "dependencies": { - "es-abstract": { - "version": "1.17.7", - "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.7.tgz", - "integrity": "sha512-VBl/gnfcJ7OercKA9MVaegWsBHFjV492syMudcnQZvt/Dw8ezpcOHYZXa/J96O8vx+g4x65YKhxOwDUh63aS5g==", - "dev": true, - "requires": { - "es-to-primitive": "^1.2.1", - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.1", - "is-callable": "^1.2.2", - "is-regex": "^1.1.1", - "object-inspect": "^1.8.0", - "object-keys": "^1.1.1", - "object.assign": "^4.1.1", - "string.prototype.trimend": "^1.0.1", - "string.prototype.trimstart": "^1.0.1" - } - } - } - }, - "regexpp": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz", - "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==", - "dev": true - }, - "regextras": { - "version": "0.7.1", - "resolved": "https://registry.npmjs.org/regextras/-/regextras-0.7.1.tgz", - "integrity": "sha512-9YXf6xtW+qzQ+hcMQXx95MOvfqXFgsKDZodX3qZB0x2n5Z94ioetIITsBtvJbiOyxa/6s9AtyweBLCdPmPko/w==", - "dev": true - }, - "remark": { - "version": "13.0.0", - "resolved": "https://registry.npmjs.org/remark/-/remark-13.0.0.tgz", - "integrity": "sha512-HDz1+IKGtOyWN+QgBiAT0kn+2s6ovOxHyPAFGKVE81VSzJ+mq7RwHFledEvB5F1p4iJvOah/LOKdFuzvRnNLCA==", - "dev": true, - "requires": { - "remark-parse": "^9.0.0", - "remark-stringify": "^9.0.0", - "unified": "^9.1.0" - } - }, - "remark-parse": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-9.0.0.tgz", - "integrity": "sha512-geKatMwSzEXKHuzBNU1z676sGcDcFoChMK38TgdHJNAYfFtsfHDQG7MoJAjs6sgYMqyLduCYWDIWZIxiPeafEw==", - "dev": true, - "requires": { - "mdast-util-from-markdown": "^0.8.0" - } - }, - "remark-stringify": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-9.0.0.tgz", - "integrity": "sha512-8x29DpTbVzEc6Dwb90qhxCtbZ6hmj3BxWWDpMhA+1WM4dOEGH5U5/GFe3Be5Hns5MvPSFAr1e2KSVtKZkK5nUw==", - "dev": true, - "requires": { - "mdast-util-to-markdown": "^0.5.0" - } - }, - "repeat-string": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", - "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=", - "dev": true - }, - "replace-ext": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", - "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=", - "dev": true - }, - "require-directory": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", - "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=", - "dev": true - }, - "require-main-filename": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", - "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", - "dev": true - }, - "requireindex": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/requireindex/-/requireindex-1.2.0.tgz", - "integrity": "sha512-L9jEkOi3ASd9PYit2cwRfyppc9NoABujTP8/5gFcbERmo5jUoAKovIC3fsF17pkTnGsrByysqX+Kxd2OTNI1ww==", - "dev": true - }, - "resolve": { - "version": "1.19.0", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz", - "integrity": "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==", - "dev": true, - "requires": { - "is-core-module": "^2.1.0", - "path-parse": "^1.0.6" - } - }, - "resolve-from": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", - "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", - "dev": true - }, - "reusify": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", - "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", - "dev": true - }, - "rimraf": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", - "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", - "dev": true, - "requires": { - "glob": "^7.1.3" - } - }, - "rtlcss": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/rtlcss/-/rtlcss-2.6.2.tgz", - "integrity": "sha512-06LFAr+GAPo+BvaynsXRfoYTJvSaWRyOhURCQ7aeI1MKph9meM222F+Zkt3bDamyHHJuGi3VPtiRkpyswmQbGA==", - "dev": true, - "requires": { - "@choojs/findup": "^0.2.1", - "chalk": "^2.4.2", - "mkdirp": "^0.5.1", - "postcss": "^6.0.23", - "strip-json-comments": "^2.0.0" - }, - "dependencies": { - "postcss": { - "version": "6.0.23", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", - "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", - "dev": true, - "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "strip-json-comments": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz", - "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=", - "dev": true - } - } - }, - "run-parallel": { - "version": "1.1.10", - "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.1.10.tgz", - "integrity": "sha512-zb/1OuZ6flOlH6tQyMPUrE3x3Ulxjlo9WIVXR4yVYi4H9UXQaeIsPbLn2R3O3vQCnDKkAl2qHiuocKKX4Tz/Sw==", - "dev": true - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - }, - "sass": { - "version": "1.29.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.29.0.tgz", - "integrity": "sha512-ZpwAUFgnvAUCdkjwPREny+17BpUj8nh5Yr6zKPGtLNTLrmtoRYIjm7njP24COhjJldjwW1dcv52Lpf4tNZVVRA==", - "dev": true, - "requires": { - "chokidar": ">=2.0.0 <4.0.0" - } - }, - "semver": { - "version": "7.3.2", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz", - "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==", - "dev": true - }, - "set-blocking": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", - "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=", - "dev": true - }, - "shebang-command": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", - "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", - "dev": true, - "requires": { - "shebang-regex": "^3.0.0" - } - }, - "shebang-regex": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", - "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", - "dev": true - }, - "shell-quote": { - "version": "1.7.2", - "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz", - "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==", - "dev": true - }, - "side-channel": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.3.tgz", - "integrity": "sha512-A6+ByhlLkksFoUepsGxfj5x1gTSrs+OydsRptUxeNCabQpCFUvcwIczgOigI8vhY/OJCnPnyE9rGiwgvr9cS1g==", - "dev": true, - "requires": { - "es-abstract": "^1.18.0-next.0", - "object-inspect": "^1.8.0" - } - }, - "signal-exit": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz", - "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==", - "dev": true - }, - "slash": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", - "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", - "dev": true - }, - "slice-ansi": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz", - "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.0", - "astral-regex": "^1.0.0", - "is-fullwidth-code-point": "^2.0.0" - } - }, - "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", - "dev": true - }, - "spdx-correct": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz", - "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==", - "dev": true, - "requires": { - "spdx-expression-parse": "^3.0.0", - "spdx-license-ids": "^3.0.0" - } - }, - "spdx-exceptions": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz", - "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==", - "dev": true - }, - "spdx-expression-parse": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", - "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", - "dev": true, - "requires": { - "spdx-exceptions": "^2.1.0", - "spdx-license-ids": "^3.0.0" - } - }, - "spdx-license-ids": { - "version": "3.0.7", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.7.tgz", - "integrity": "sha512-U+MTEOO0AiDzxwFvoa4JVnMV6mZlJKk2sBLt90s7G0Gd0Mlknc7kxEn3nuDPNZRta7O2uy8oLcZLVT+4sqNZHQ==", - "dev": true - }, - "specificity": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz", - "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==", - "dev": true - }, - "sprintf-js": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", - "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=", - "dev": true - }, - "string-width": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", - "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", - "dev": true, - "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" - }, - "dependencies": { - "emoji-regex": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz", - "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==", - "dev": true - } - } - }, - "string.prototype.matchall": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.3.tgz", - "integrity": "sha512-OBxYDA2ifZQ2e13cP82dWFMaCV9CGF8GzmN4fljBVw5O5wep0lu4gacm1OL6MjROoUnB8VbkWRThqkV2YFLNxw==", - "dev": true, - "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "es-abstract": "^1.18.0-next.1", - "has-symbols": "^1.0.1", - "internal-slot": "^1.0.2", - "regexp.prototype.flags": "^1.3.0", - "side-channel": "^1.0.3" - } - }, - "string.prototype.padend": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/string.prototype.padend/-/string.prototype.padend-3.1.1.tgz", - "integrity": "sha512-eCzTASPnoCr5Ht+Vn1YXgm8SB015hHKgEIMu9Nr9bQmLhRBxKRfmzSj/IQsxDFc8JInJDDFA0qXwK+xxI7wDkg==", - "dev": true, - "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "es-abstract": "^1.18.0-next.1" - } - }, - "string.prototype.trimend": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.3.tgz", - "integrity": "sha512-ayH0pB+uf0U28CtjlLvL7NaohvR1amUvVZk+y3DYb0Ey2PUV5zPkkKy9+U1ndVEIXO8hNg18eIv9Jntbii+dKw==", - "dev": true, - "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3" - } - }, - "string.prototype.trimstart": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.3.tgz", - "integrity": "sha512-oBIBUy5lea5tt0ovtOFiEQaBkoBBkyJhZXzJYrSmDo5IUUqbOPvVezuRs/agBIdZ2p2Eo1FD6bD9USyBLfl3xg==", - "dev": true, - "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3" - } - }, - "string_decoder": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", - "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", - "dev": true, - "requires": { - "safe-buffer": "~5.2.0" - }, - "dependencies": { - "safe-buffer": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", - "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", - "dev": true - } - } - }, - "strip-ansi": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", - "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", - "dev": true, - "requires": { - "ansi-regex": "^4.1.0" - } - }, - "strip-bom": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz", - "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=", - "dev": true - }, - "strip-indent": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz", - "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==", - "dev": true, - "requires": { - "min-indent": "^1.0.0" - } - }, - "strip-json-comments": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", - "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", - "dev": true - }, - "style-search": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz", - "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=", - "dev": true - }, - "stylelint": { - "version": "13.8.0", - "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-13.8.0.tgz", - "integrity": "sha512-iHH3dv3UI23SLDrH4zMQDjLT9/dDIz/IpoFeuNxZmEx86KtfpjDOscxLTFioQyv+2vQjPlRZnK0UoJtfxLICXQ==", - "dev": true, - "requires": { - "@stylelint/postcss-css-in-js": "^0.37.2", - "@stylelint/postcss-markdown": "^0.36.2", - "autoprefixer": "^9.8.6", - "balanced-match": "^1.0.0", - "chalk": "^4.1.0", - "cosmiconfig": "^7.0.0", - "debug": "^4.2.0", - "execall": "^2.0.0", - "fast-glob": "^3.2.4", - "fastest-levenshtein": "^1.0.12", - "file-entry-cache": "^6.0.0", - "get-stdin": "^8.0.0", - "global-modules": "^2.0.0", - "globby": "^11.0.1", - "globjoin": "^0.1.4", - "html-tags": "^3.1.0", - "ignore": "^5.1.8", - "import-lazy": "^4.0.0", - "imurmurhash": "^0.1.4", - "known-css-properties": "^0.20.0", - "lodash": "^4.17.20", - "log-symbols": "^4.0.0", - "mathml-tag-names": "^2.1.3", - "meow": "^8.0.0", - "micromatch": "^4.0.2", - "normalize-selector": "^0.2.0", - "postcss": "^7.0.35", - "postcss-html": "^0.36.0", - "postcss-less": "^3.1.4", - "postcss-media-query-parser": "^0.2.3", - "postcss-resolve-nested-selector": "^0.1.1", - "postcss-safe-parser": "^4.0.2", - "postcss-sass": "^0.4.4", - "postcss-scss": "^2.1.1", - "postcss-selector-parser": "^6.0.4", - "postcss-syntax": "^0.36.2", - "postcss-value-parser": "^4.1.0", - "resolve-from": "^5.0.0", - "slash": "^3.0.0", - "specificity": "^0.4.1", - "string-width": "^4.2.0", - "strip-ansi": "^6.0.0", - "style-search": "^0.1.0", - "sugarss": "^2.0.0", - "svg-tags": "^1.0.0", - "table": "^6.0.3", - "v8-compile-cache": "^2.2.0", - "write-file-atomic": "^3.0.3" - }, - "dependencies": { - "ansi-regex": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz", - "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==", - "dev": true - }, - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "astral-regex": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz", - "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==", - "dev": true - }, - "chalk": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", - "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "emoji-regex": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true - }, - "file-entry-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.0.tgz", - "integrity": "sha512-fqoO76jZ3ZnYrXLDRxBR1YvOvc0k844kcOg40bgsPrE25LAb/PDqTY+ho64Xh2c8ZXgIKldchCFHczG2UVRcWA==", - "dev": true, - "requires": { - "flat-cache": "^3.0.4" - } - }, - "flat-cache": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz", - "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==", - "dev": true, - "requires": { - "flatted": "^3.1.0", - "rimraf": "^3.0.2" - } - }, - "flatted": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.1.0.tgz", - "integrity": "sha512-tW+UkmtNg/jv9CSofAKvgVcO7c2URjhTdW1ZTkcAritblu8tajiYy7YisnIflEwtKssCtOxpnBRoCB7iap0/TA==", - "dev": true - }, - "get-stdin": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz", - "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "ignore": { - "version": "5.1.8", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz", - "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", - "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", - "dev": true - }, - "log-symbols": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.0.0.tgz", - "integrity": "sha512-FN8JBzLx6CzeMrB0tg6pqlGU1wCrXW+ZXGH481kfsBqer0hToTIiHdjH4Mq8xJUbvATujKCvaREGWpGUionraA==", - "dev": true, - "requires": { - "chalk": "^4.0.0" - } - }, - "resolve-from": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", - "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", - "dev": true - }, - "rimraf": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", - "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", - "dev": true, - "requires": { - "glob": "^7.1.3" - } - }, - "slice-ansi": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz", - "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==", - "dev": true, - "requires": { - "ansi-styles": "^4.0.0", - "astral-regex": "^2.0.0", - "is-fullwidth-code-point": "^3.0.0" - } - }, - "string-width": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz", - "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==", - "dev": true, - "requires": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.0" - } - }, - "strip-ansi": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz", - "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==", - "dev": true, - "requires": { - "ansi-regex": "^5.0.0" - } - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - }, - "table": { - "version": "6.0.4", - "resolved": "https://registry.npmjs.org/table/-/table-6.0.4.tgz", - "integrity": "sha512-sBT4xRLdALd+NFBvwOz8bw4b15htyythha+q+DVZqy2RS08PPC8O2sZFgJYEY7bJvbCFKccs+WIZ/cd+xxTWCw==", - "dev": true, - "requires": { - "ajv": "^6.12.4", - "lodash": "^4.17.20", - "slice-ansi": "^4.0.0", - "string-width": "^4.2.0" - } - } - } - }, - "stylelint-config-recommended": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-3.0.0.tgz", - "integrity": "sha512-F6yTRuc06xr1h5Qw/ykb2LuFynJ2IxkKfCMf+1xqPffkxh0S09Zc902XCffcsw/XMFq/OzQ1w54fLIDtmRNHnQ==", - "dev": true - }, - "stylelint-config-recommended-scss": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-4.2.0.tgz", - "integrity": "sha512-4bI5BYbabo/GCQ6LbRZx/ZlVkK65a1jivNNsD+ix/Lw0U3iAch+jQcvliGnnAX8SUPaZ0UqzNVNNAF3urswa7g==", - "dev": true, - "requires": { - "stylelint-config-recommended": "^3.0.0" - } - }, - "stylelint-config-wordpress": { - "version": "17.0.0", - "resolved": "https://registry.npmjs.org/stylelint-config-wordpress/-/stylelint-config-wordpress-17.0.0.tgz", - "integrity": "sha512-qUU2kVMd2ezIV9AzRdgietIfnavRRENt4180A1OMoVXIowRjjhohZgBiyVPV5EtNKo3GTO63l8g/QGNG27/h9g==", - "dev": true, - "requires": { - "stylelint-config-recommended": "^3.0.0", - "stylelint-config-recommended-scss": "^4.2.0", - "stylelint-scss": "^3.17.2" - } - }, - "stylelint-scss": { - "version": "3.18.0", - "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-3.18.0.tgz", - "integrity": "sha512-LD7+hv/6/ApNGt7+nR/50ft7cezKP2HM5rI8avIdGaUWre3xlHfV4jKO/DRZhscfuN+Ewy9FMhcTq0CcS0C/SA==", - "dev": true, - "requires": { - "lodash": "^4.17.15", - "postcss-media-query-parser": "^0.2.3", - "postcss-resolve-nested-selector": "^0.1.1", - "postcss-selector-parser": "^6.0.2", - "postcss-value-parser": "^4.1.0" - } - }, - "sugarss": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/sugarss/-/sugarss-2.0.0.tgz", - "integrity": "sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ==", - "dev": true, - "requires": { - "postcss": "^7.0.2" - } - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - }, - "svg-tags": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz", - "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=", - "dev": true - }, - "table": { - "version": "5.4.6", - "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz", - "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==", - "dev": true, - "requires": { - "ajv": "^6.10.2", - "lodash": "^4.17.14", - "slice-ansi": "^2.1.0", - "string-width": "^3.0.0" - } - }, - "text-table": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", - "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=", - "dev": true - }, - "to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=", - "dev": true - }, - "to-regex-range": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", - "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, - "requires": { - "is-number": "^7.0.0" - } - }, - "trim-newlines": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.0.tgz", - "integrity": "sha512-C4+gOpvmxaSMKuEf9Qc134F1ZuOHVXKRbtEflf4NTtuuJDEIJ9p5PXsalL8SkeRw+qit1Mo+yuvMPAKwWg/1hA==", - "dev": true - }, - "trough": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.5.tgz", - "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==", - "dev": true - }, - "tslib": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", - "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", - "dev": true - }, - "tsutils": { - "version": "3.17.1", - "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.17.1.tgz", - "integrity": "sha512-kzeQ5B8H3w60nFY2g8cJIuH7JDpsALXySGtwGJ0p2LSjLgay3NdIpqq5SoOBe46bKDW2iq25irHCr8wjomUS2g==", - "dev": true, - "requires": { - "tslib": "^1.8.1" - } - }, - "type-check": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", - "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", - "dev": true, - "requires": { - "prelude-ls": "^1.2.1" - } - }, - "type-fest": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", - "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", - "dev": true - }, - "typedarray-to-buffer": { - "version": "3.1.5", - "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz", - "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==", - "dev": true, - "requires": { - "is-typedarray": "^1.0.0" - } - }, - "unified": { - "version": "9.2.0", - "resolved": "https://registry.npmjs.org/unified/-/unified-9.2.0.tgz", - "integrity": "sha512-vx2Z0vY+a3YoTj8+pttM3tiJHCwY5UFbYdiWrwBEbHmK8pvsPj2rtAX2BFfgXen8T39CJWblWRDT4L5WGXtDdg==", - "dev": true, - "requires": { - "bail": "^1.0.0", - "extend": "^3.0.0", - "is-buffer": "^2.0.0", - "is-plain-obj": "^2.0.0", - "trough": "^1.0.0", - "vfile": "^4.0.0" - } - }, - "uniq": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz", - "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=", - "dev": true - }, - "unist-util-find-all-after": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/unist-util-find-all-after/-/unist-util-find-all-after-3.0.2.tgz", - "integrity": "sha512-xaTC/AGZ0rIM2gM28YVRAFPIZpzbpDtU3dRmp7EXlNVA8ziQc4hY3H7BHXM1J49nEmiqc3svnqMReW+PGqbZKQ==", - "dev": true, - "requires": { - "unist-util-is": "^4.0.0" - } - }, - "unist-util-is": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.0.4.tgz", - "integrity": "sha512-3dF39j/u423v4BBQrk1AQ2Ve1FxY5W3JKwXxVFzBODQ6WEvccguhgp802qQLKSnxPODE6WuRZtV+ohlUg4meBA==", - "dev": true - }, - "unist-util-stringify-position": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz", - "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==", - "dev": true, - "requires": { - "@types/unist": "^2.0.2" - } - }, - "universalify": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-1.0.0.tgz", - "integrity": "sha512-rb6X1W158d7pRQBg5gkR8uPaSfiids68LTJQYOtEUhoJUWBdaQHsuT/EUduxXYxcrt4r5PJ4fuHW1MHT6p0qug==", - "dev": true - }, - "uri-js": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.0.tgz", - "integrity": "sha512-B0yRTzYdUCCn9n+F4+Gh4yIDtMQcaJsmYBDsTSG8g/OejKBodLQ2IHfN3bM7jUsRXndopT7OIXWdYqc1fjmV6g==", - "dev": true, - "requires": { - "punycode": "^2.1.0" - } - }, - "util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=", - "dev": true - }, - "v8-compile-cache": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz", - "integrity": "sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==", - "dev": true - }, - "validate-npm-package-license": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", - "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", - "dev": true, - "requires": { - "spdx-correct": "^3.0.0", - "spdx-expression-parse": "^3.0.0" - } - }, - "vfile": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.0.tgz", - "integrity": "sha512-a/alcwCvtuc8OX92rqqo7PflxiCgXRFjdyoGVuYV+qbgCb0GgZJRvIgCD4+U/Kl1yhaRsaTwksF88xbPyGsgpw==", - "dev": true, - "requires": { - "@types/unist": "^2.0.0", - "is-buffer": "^2.0.0", - "replace-ext": "1.0.0", - "unist-util-stringify-position": "^2.0.0", - "vfile-message": "^2.0.0" - } - }, - "vfile-message": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz", - "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==", - "dev": true, - "requires": { - "@types/unist": "^2.0.0", - "unist-util-stringify-position": "^2.0.0" - } - }, - "which": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", - "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", - "dev": true, - "requires": { - "isexe": "^2.0.0" - } - }, - "which-module": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz", - "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=", - "dev": true - }, - "word-wrap": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz", - "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==", - "dev": true - }, - "wrap-ansi": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz", - "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.0", - "string-width": "^3.0.0", - "strip-ansi": "^5.0.0" - } - }, - "wrappy": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", - "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=", - "dev": true - }, - "write": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/write/-/write-1.0.3.tgz", - "integrity": "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==", - "dev": true, - "requires": { - "mkdirp": "^0.5.1" - } - }, - "write-file-atomic": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz", - "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==", - "dev": true, - "requires": { - "imurmurhash": "^0.1.4", - "is-typedarray": "^1.0.0", - "signal-exit": "^3.0.2", - "typedarray-to-buffer": "^3.1.5" - } - }, - "y18n": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.1.tgz", - "integrity": "sha512-wNcy4NvjMYL8gogWWYAO7ZFWFfHcbdbE57tZO8e4cbpj8tfUcwrwqSl3ad8HxpYWCdXcJUCeKKZS62Av1affwQ==", - "dev": true - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, - "yaml": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz", - "integrity": "sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==", - "dev": true - }, - "yargs": { - "version": "13.3.2", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz", - "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==", - "dev": true, - "requires": { - "cliui": "^5.0.0", - "find-up": "^3.0.0", - "get-caller-file": "^2.0.1", - "require-directory": "^2.1.1", - "require-main-filename": "^2.0.0", - "set-blocking": "^2.0.0", - "string-width": "^3.0.0", - "which-module": "^2.0.0", - "y18n": "^4.0.0", - "yargs-parser": "^13.1.2" - } - }, - "yargs-parser": { - "version": "13.1.2", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz", - "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==", - "dev": true, - "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" - } - }, - "zwitch": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz", - "integrity": "sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==", - "dev": true - } - } -} +{ + "name": "twentytwentyone", + "version": "1.2.0", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "@babel/code-frame": { + "version": "7.12.11", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz", + "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==", + "dev": true, + "requires": { + "@babel/highlight": "^7.10.4" + } + }, + "@babel/core": { + "version": "7.12.10", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.12.10.tgz", + "integrity": "sha512-eTAlQKq65zHfkHZV0sIVODCPGVgoo1HdBlbSLi9CqOzuZanMv2ihzY+4paiKr1mH+XmYESMAmJ/dpZ68eN6d8w==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.10.4", + "@babel/generator": "^7.12.10", + "@babel/helper-module-transforms": "^7.12.1", + "@babel/helpers": "^7.12.5", + "@babel/parser": "^7.12.10", + "@babel/template": "^7.12.7", + "@babel/traverse": "^7.12.10", + "@babel/types": "^7.12.10", + "convert-source-map": "^1.7.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.1", + "json5": "^2.1.2", + "lodash": "^4.17.19", + "semver": "^5.4.1", + "source-map": "^0.5.0" + }, + "dependencies": { + "semver": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", + "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "dev": true + } + } + }, + "@babel/generator": { + "version": "7.12.11", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.12.11.tgz", + "integrity": "sha512-Ggg6WPOJtSi8yYQvLVjG8F/TlpWDlKx0OpS4Kt+xMQPs5OaGYWy+v1A+1TvxI6sAMGZpKWWoAQ1DaeQbImlItA==", + "dev": true, + "requires": { + "@babel/types": "^7.12.11", + "jsesc": "^2.5.1", + "source-map": "^0.5.0" + } + }, + "@babel/helper-function-name": { + "version": "7.12.11", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.11.tgz", + "integrity": "sha512-AtQKjtYNolKNi6nNNVLQ27CP6D9oFR6bq/HPYSizlzbp7uC1M59XJe8L+0uXjbIaZaUJF99ruHqVGiKXU/7ybA==", + "dev": true, + "requires": { + "@babel/helper-get-function-arity": "^7.12.10", + "@babel/template": "^7.12.7", + "@babel/types": "^7.12.11" + } + }, + "@babel/helper-get-function-arity": { + "version": "7.12.10", + "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.10.tgz", + "integrity": "sha512-mm0n5BPjR06wh9mPQaDdXWDoll/j5UpCAPl1x8fS71GHm7HA6Ua2V4ylG1Ju8lvcTOietbPNNPaSilKj+pj+Ag==", + "dev": true, + "requires": { + "@babel/types": "^7.12.10" + } + }, + "@babel/helper-member-expression-to-functions": { + "version": "7.12.7", + "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.7.tgz", + "integrity": "sha512-DCsuPyeWxeHgh1Dus7APn7iza42i/qXqiFPWyBDdOFtvS581JQePsc1F/nD+fHrcswhLlRc2UpYS1NwERxZhHw==", + "dev": true, + "requires": { + "@babel/types": "^7.12.7" + } + }, + "@babel/helper-module-imports": { + "version": "7.12.5", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.12.5.tgz", + "integrity": "sha512-SR713Ogqg6++uexFRORf/+nPXMmWIn80TALu0uaFb+iQIUoR7bOC7zBWyzBs5b3tBBJXuyD0cRu1F15GyzjOWA==", + "dev": true, + "requires": { + "@babel/types": "^7.12.5" + } + }, + "@babel/helper-module-transforms": { + "version": "7.12.1", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.12.1.tgz", + "integrity": "sha512-QQzehgFAZ2bbISiCpmVGfiGux8YVFXQ0abBic2Envhej22DVXV9nCFaS5hIQbkyo1AdGb+gNME2TSh3hYJVV/w==", + "dev": true, + "requires": { + "@babel/helper-module-imports": "^7.12.1", + "@babel/helper-replace-supers": "^7.12.1", + "@babel/helper-simple-access": "^7.12.1", + "@babel/helper-split-export-declaration": "^7.11.0", + "@babel/helper-validator-identifier": "^7.10.4", + "@babel/template": "^7.10.4", + "@babel/traverse": "^7.12.1", + "@babel/types": "^7.12.1", + "lodash": "^4.17.19" + } + }, + "@babel/helper-optimise-call-expression": { + "version": "7.12.10", + "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.12.10.tgz", + "integrity": "sha512-4tpbU0SrSTjjt65UMWSrUOPZTsgvPgGG4S8QSTNHacKzpS51IVWGDj0yCwyeZND/i+LSN2g/O63jEXEWm49sYQ==", + "dev": true, + "requires": { + "@babel/types": "^7.12.10" + } + }, + "@babel/helper-replace-supers": { + "version": "7.12.11", + "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.12.11.tgz", + "integrity": "sha512-q+w1cqmhL7R0FNzth/PLLp2N+scXEK/L2AHbXUyydxp828F4FEa5WcVoqui9vFRiHDQErj9Zof8azP32uGVTRA==", + "dev": true, + "requires": { + "@babel/helper-member-expression-to-functions": "^7.12.7", + "@babel/helper-optimise-call-expression": "^7.12.10", + "@babel/traverse": "^7.12.10", + "@babel/types": "^7.12.11" + } + }, + "@babel/helper-simple-access": { + "version": "7.12.1", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.12.1.tgz", + "integrity": "sha512-OxBp7pMrjVewSSC8fXDFrHrBcJATOOFssZwv16F3/6Xtc138GHybBfPbm9kfiqQHKhYQrlamWILwlDCeyMFEaA==", + "dev": true, + "requires": { + "@babel/types": "^7.12.1" + } + }, + "@babel/helper-split-export-declaration": { + "version": "7.12.11", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.11.tgz", + "integrity": "sha512-LsIVN8j48gHgwzfocYUSkO/hjYAOJqlpJEc7tGXcIm4cubjVUf8LGW6eWRyxEu7gA25q02p0rQUWoCI33HNS5g==", + "dev": true, + "requires": { + "@babel/types": "^7.12.11" + } + }, + "@babel/helper-validator-identifier": { + "version": "7.12.11", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz", + "integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==", + "dev": true + }, + "@babel/helpers": { + "version": "7.12.5", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.12.5.tgz", + "integrity": "sha512-lgKGMQlKqA8meJqKsW6rUnc4MdUk35Ln0ATDqdM1a/UpARODdI4j5Y5lVfUScnSNkJcdCRAaWkspykNoFg9sJA==", + "dev": true, + "requires": { + "@babel/template": "^7.10.4", + "@babel/traverse": "^7.12.5", + "@babel/types": "^7.12.5" + } + }, + "@babel/highlight": { + "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz", + "integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==", + "dev": true, + "requires": { + "@babel/helper-validator-identifier": "^7.10.4", + "chalk": "^2.0.0", + "js-tokens": "^4.0.0" + } + }, + "@babel/parser": { + "version": "7.12.11", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.11.tgz", + "integrity": "sha512-N3UxG+uuF4CMYoNj8AhnbAcJF0PiuJ9KHuy1lQmkYsxTer/MAH9UBNHsBoAX/4s6NvlDD047No8mYVGGzLL4hg==", + "dev": true + }, + "@babel/runtime": { + "version": "7.12.5", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.5.tgz", + "integrity": "sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==", + "dev": true, + "requires": { + "regenerator-runtime": "^0.13.4" + } + }, + "@babel/runtime-corejs3": { + "version": "7.12.5", + "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.12.5.tgz", + "integrity": "sha512-roGr54CsTmNPPzZoCP1AmDXuBoNao7tnSA83TXTwt+UK5QVyh1DIJnrgYRPWKCF2flqZQXwa7Yr8v7VmLzF0YQ==", + "dev": true, + "requires": { + "core-js-pure": "^3.0.0", + "regenerator-runtime": "^0.13.4" + } + }, + "@babel/template": { + "version": "7.12.7", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.12.7.tgz", + "integrity": "sha512-GkDzmHS6GV7ZeXfJZ0tLRBhZcMcY0/Lnb+eEbXDBfCAcZCjrZKe6p3J4we/D24O9Y8enxWAg1cWwof59yLh2ow==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.10.4", + "@babel/parser": "^7.12.7", + "@babel/types": "^7.12.7" + } + }, + "@babel/traverse": { + "version": "7.12.12", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.12.tgz", + "integrity": "sha512-s88i0X0lPy45RrLM8b9mz8RPH5FqO9G9p7ti59cToE44xFm1Q+Pjh5Gq4SXBbtb88X7Uy7pexeqRIQDDMNkL0w==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.12.11", + "@babel/generator": "^7.12.11", + "@babel/helper-function-name": "^7.12.11", + "@babel/helper-split-export-declaration": "^7.12.11", + "@babel/parser": "^7.12.11", + "@babel/types": "^7.12.12", + "debug": "^4.1.0", + "globals": "^11.1.0", + "lodash": "^4.17.19" + }, + "dependencies": { + "globals": { + "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "dev": true + } + } + }, + "@babel/types": { + "version": "7.12.12", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz", + "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==", + "dev": true, + "requires": { + "@babel/helper-validator-identifier": "^7.12.11", + "lodash": "^4.17.19", + "to-fast-properties": "^2.0.0" + } + }, + "@choojs/findup": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/@choojs/findup/-/findup-0.2.1.tgz", + "integrity": "sha512-YstAqNb0MCN8PjdLCDfRsBcGVRN41f3vgLvaI0IrIcBp4AqILRSS0DeWNGkicC+f/zRIPJLc+9RURVSepwvfBw==", + "dev": true, + "requires": { + "commander": "^2.15.1" + } + }, + "@eslint/eslintrc": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.3.0.tgz", + "integrity": "sha512-1JTKgrOKAHVivSvOYw+sJOunkBjUOvjqWk1DPja7ZFhIS2mX/4EgTT8M7eTK9jrKhL/FvXXEbQwIs3pg1xp3dg==", + "dev": true, + "requires": { + "ajv": "^6.12.4", + "debug": "^4.1.1", + "espree": "^7.3.0", + "globals": "^12.1.0", + "ignore": "^4.0.6", + "import-fresh": "^3.2.1", + "js-yaml": "^3.13.1", + "lodash": "^4.17.20", + "minimatch": "^3.0.4", + "strip-json-comments": "^3.1.1" + } + }, + "@nodelib/fs.scandir": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz", + "integrity": "sha512-eGmwYQn3gxo4r7jdQnkrrN6bY478C3P+a/y72IJukF8LjB6ZHeB3c+Ehacj3sYeSmUXGlnA67/PmbM9CVwL7Dw==", + "dev": true, + "requires": { + "@nodelib/fs.stat": "2.0.3", + "run-parallel": "^1.1.9" + } + }, + "@nodelib/fs.stat": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.3.tgz", + "integrity": "sha512-bQBFruR2TAwoevBEd/NWMoAAtNGzTRgdrqnYCc7dhzfoNvqPzLyqlEQnzZ3kVnNrSp25iyxE00/3h2fqGAGArA==", + "dev": true + }, + "@nodelib/fs.walk": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.4.tgz", + "integrity": "sha512-1V9XOY4rDW0rehzbrcqAmHnz8e7SKvX27gh8Gt2WgB0+pdzdiLV83p72kZPU+jvMbS1qU5mauP2iOvO8rhmurQ==", + "dev": true, + "requires": { + "@nodelib/fs.scandir": "2.1.3", + "fastq": "^1.6.0" + } + }, + "@stylelint/postcss-css-in-js": { + "version": "0.37.2", + "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.2.tgz", + "integrity": "sha512-nEhsFoJurt8oUmieT8qy4nk81WRHmJynmVwn/Vts08PL9fhgIsMhk1GId5yAN643OzqEEb5S/6At2TZW7pqPDA==", + "dev": true, + "requires": { + "@babel/core": ">=7.9.0" + } + }, + "@stylelint/postcss-markdown": { + "version": "0.36.2", + "resolved": "https://registry.npmjs.org/@stylelint/postcss-markdown/-/postcss-markdown-0.36.2.tgz", + "integrity": "sha512-2kGbqUVJUGE8dM+bMzXG/PYUWKkjLIkRLWNh39OaADkiabDRdw8ATFCgbMz5xdIcvwspPAluSL7uY+ZiTWdWmQ==", + "dev": true, + "requires": { + "remark": "^13.0.0", + "unist-util-find-all-after": "^3.0.2" + } + }, + "@types/json-schema": { + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.7.tgz", + "integrity": "sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA==", + "dev": true + }, + "@types/json5": { + "version": "0.0.29", + "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz", + "integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4=", + "dev": true + }, + "@types/mdast": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.3.tgz", + "integrity": "sha512-SXPBMnFVQg1s00dlMCc/jCdvPqdE4mXaMMCeRlxLDmTAEoegHT53xKtkDnzDTOcmMHUfcjyf36/YYZ6SxRdnsw==", + "dev": true, + "requires": { + "@types/unist": "*" + } + }, + "@types/minimist": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.1.tgz", + "integrity": "sha512-fZQQafSREFyuZcdWFAExYjBiCL7AUCdgsk80iO0q4yihYYdcIiH28CcuPTGFgLOCC8RlW49GSQxdHwZP+I7CNg==", + "dev": true + }, + "@types/normalize-package-data": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz", + "integrity": "sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA==", + "dev": true + }, + "@types/parse-json": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz", + "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==", + "dev": true + }, + "@types/unist": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.3.tgz", + "integrity": "sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ==", + "dev": true + }, + "@typescript-eslint/experimental-utils": { + "version": "4.14.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-4.14.1.tgz", + "integrity": "sha512-2CuHWOJwvpw0LofbyG5gvYjEyoJeSvVH2PnfUQSn0KQr4v8Dql2pr43ohmx4fdPQ/eVoTSFjTi/bsGEXl/zUUQ==", + "dev": true, + "requires": { + "@types/json-schema": "^7.0.3", + "@typescript-eslint/scope-manager": "4.14.1", + "@typescript-eslint/types": "4.14.1", + "@typescript-eslint/typescript-estree": "4.14.1", + "eslint-scope": "^5.0.0", + "eslint-utils": "^2.0.0" + } + }, + "@typescript-eslint/scope-manager": { + "version": "4.14.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-4.14.1.tgz", + "integrity": "sha512-F4bjJcSqXqHnC9JGUlnqSa3fC2YH5zTtmACS1Hk+WX/nFB0guuynVK5ev35D4XZbdKjulXBAQMyRr216kmxghw==", + "dev": true, + "requires": { + "@typescript-eslint/types": "4.14.1", + "@typescript-eslint/visitor-keys": "4.14.1" + } + }, + "@typescript-eslint/types": { + "version": "4.14.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-4.14.1.tgz", + "integrity": "sha512-SkhzHdI/AllAgQSxXM89XwS1Tkic7csPdndUuTKabEwRcEfR8uQ/iPA3Dgio1rqsV3jtqZhY0QQni8rLswJM2w==", + "dev": true + }, + "@typescript-eslint/typescript-estree": { + "version": "4.14.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-4.14.1.tgz", + "integrity": "sha512-M8+7MbzKC1PvJIA8kR2sSBnex8bsR5auatLCnVlNTJczmJgqRn8M+sAlQfkEq7M4IY3WmaNJ+LJjPVRrREVSHQ==", + "dev": true, + "requires": { + "@typescript-eslint/types": "4.14.1", + "@typescript-eslint/visitor-keys": "4.14.1", + "debug": "^4.1.1", + "globby": "^11.0.1", + "is-glob": "^4.0.1", + "lodash": "^4.17.15", + "semver": "^7.3.2", + "tsutils": "^3.17.1" + } + }, + "@typescript-eslint/visitor-keys": { + "version": "4.14.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-4.14.1.tgz", + "integrity": "sha512-TAblbDXOI7bd0C/9PE1G+AFo7R5uc+ty1ArDoxmrC1ah61Hn6shURKy7gLdRb1qKJmjHkqu5Oq+e4Kt0jwf1IA==", + "dev": true, + "requires": { + "@typescript-eslint/types": "4.14.1", + "eslint-visitor-keys": "^2.0.0" + }, + "dependencies": { + "eslint-visitor-keys": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz", + "integrity": "sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==", + "dev": true + } + } + }, + "@wordpress/browserslist-config": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@wordpress/browserslist-config/-/browserslist-config-3.0.0.tgz", + "integrity": "sha512-8BDfpILiw23rr5znj6K9M+vUZ8nBzMzG/XPyFdRG0Wr/OsnzTDlFBnOcFpQGEWnwmIr1HA2jIzLxr9PAR6c84A==", + "dev": true + }, + "@wordpress/eslint-plugin": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/@wordpress/eslint-plugin/-/eslint-plugin-8.0.1.tgz", + "integrity": "sha512-OACItHPjusd+Q0P9rKeqe3N6ATppwlQYwnqRv4YnrPh9+cElf5HpCtfQlW4rxJ7sQ5B0MsZeSCnaqY3TVGULUg==", + "dev": true, + "requires": { + "@wordpress/prettier-config": "^1.0.0", + "babel-eslint": "^10.1.0", + "cosmiconfig": "^7.0.0", + "eslint-config-prettier": "^7.1.0", + "eslint-plugin-import": "^2.22.1", + "eslint-plugin-jest": "^24.1.3", + "eslint-plugin-jsdoc": "^30.7.13", + "eslint-plugin-jsx-a11y": "^6.4.1", + "eslint-plugin-prettier": "^3.3.0", + "eslint-plugin-react": "^7.22.0", + "eslint-plugin-react-hooks": "^4.2.0", + "globals": "^12.0.0", + "prettier": "npm:wp-prettier@2.2.1-beta-1", + "requireindex": "^1.2.0" + } + }, + "@wordpress/prettier-config": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/@wordpress/prettier-config/-/prettier-config-1.0.0.tgz", + "integrity": "sha512-s8EXokSxce1rnOY2gaL0tZgp7epg9qmmkg+z7nu3UWM61tPAXO9VWpzIUUVk5oF0lf1TARyrOMf3ZgdE3jl4Nw==", + "dev": true + }, + "acorn": { + "version": "7.4.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", + "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", + "dev": true + }, + "acorn-jsx": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.1.tgz", + "integrity": "sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng==", + "dev": true + }, + "ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "requires": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + } + }, + "ansi-colors": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz", + "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==", + "dev": true + }, + "ansi-regex": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", + "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", + "dev": true + }, + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "requires": { + "color-convert": "^1.9.0" + } + }, + "anymatch": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz", + "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==", + "dev": true, + "requires": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + } + }, + "argparse": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", + "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", + "dev": true, + "requires": { + "sprintf-js": "~1.0.2" + } + }, + "aria-query": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-4.2.2.tgz", + "integrity": "sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==", + "dev": true, + "requires": { + "@babel/runtime": "^7.10.2", + "@babel/runtime-corejs3": "^7.10.2" + } + }, + "array-includes": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.2.tgz", + "integrity": "sha512-w2GspexNQpx+PutG3QpT437/BenZBj0M/MZGn5mzv/MofYqo0xmRHzn4lFsoDlWJ+THYsGJmFlW68WlDFx7VRw==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3", + "es-abstract": "^1.18.0-next.1", + "get-intrinsic": "^1.0.1", + "is-string": "^1.0.5" + } + }, + "array-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz", + "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==", + "dev": true + }, + "array.prototype.flat": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.4.tgz", + "integrity": "sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3", + "es-abstract": "^1.18.0-next.1" + } + }, + "array.prototype.flatmap": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.2.4.tgz", + "integrity": "sha512-r9Z0zYoxqHz60vvQbWEdXIEtCwHF0yxaWfno9qzXeNHvfyl3BZqygmGzb84dsubyaXLH4husF+NFgMSdpZhk2Q==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3", + "es-abstract": "^1.18.0-next.1", + "function-bind": "^1.1.1" + } + }, + "arrify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz", + "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=", + "dev": true + }, + "ast-types-flow": { + "version": "0.0.7", + "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz", + "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=", + "dev": true + }, + "astral-regex": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz", + "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==", + "dev": true + }, + "at-least-node": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz", + "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==", + "dev": true + }, + "autoprefixer": { + "version": "9.8.6", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.6.tgz", + "integrity": "sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==", + "dev": true, + "requires": { + "browserslist": "^4.12.0", + "caniuse-lite": "^1.0.30001109", + "colorette": "^1.2.1", + "normalize-range": "^0.1.2", + "num2fraction": "^1.2.2", + "postcss": "^7.0.32", + "postcss-value-parser": "^4.1.0" + } + }, + "axe-core": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.1.1.tgz", + "integrity": "sha512-5Kgy8Cz6LPC9DJcNb3yjAXTu3XihQgEdnIg50c//zOC/MyLP0Clg+Y8Sh9ZjjnvBrDZU4DgXS9C3T9r4/scGZQ==", + "dev": true + }, + "axobject-query": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz", + "integrity": "sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==", + "dev": true + }, + "babel-eslint": { + "version": "10.1.0", + "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz", + "integrity": "sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.0.0", + "@babel/parser": "^7.7.0", + "@babel/traverse": "^7.7.0", + "@babel/types": "^7.7.0", + "eslint-visitor-keys": "^1.0.0", + "resolve": "^1.12.0" + } + }, + "bail": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz", + "integrity": "sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==", + "dev": true + }, + "balanced-match": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", + "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=", + "dev": true + }, + "binary-extensions": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz", + "integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==", + "dev": true + }, + "brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "requires": { + "fill-range": "^7.0.1" + } + }, + "browserslist": { + "version": "4.14.7", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.7.tgz", + "integrity": "sha512-BSVRLCeG3Xt/j/1cCGj1019Wbty0H+Yvu2AOuZSuoaUWn3RatbL33Cxk+Q4jRMRAbOm0p7SLravLjpnT6s0vzQ==", + "dev": true, + "requires": { + "caniuse-lite": "^1.0.30001157", + "colorette": "^1.2.1", + "electron-to-chromium": "^1.3.591", + "escalade": "^3.1.1", + "node-releases": "^1.1.66" + } + }, + "call-bind": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.0.tgz", + "integrity": "sha512-AEXsYIyyDY3MCzbwdhzG3Jx1R0J2wetQyUynn6dYHAO+bg8l1k7jwZtRv4ryryFs7EP+NDlikJlVe59jr0cM2w==", + "dev": true, + "requires": { + "function-bind": "^1.1.1", + "get-intrinsic": "^1.0.0" + } + }, + "caller-callsite": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz", + "integrity": "sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=", + "dev": true, + "requires": { + "callsites": "^2.0.0" + }, + "dependencies": { + "callsites": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz", + "integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=", + "dev": true + } + } + }, + "caller-path": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz", + "integrity": "sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=", + "dev": true, + "requires": { + "caller-callsite": "^2.0.0" + } + }, + "callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "dev": true + }, + "camelcase": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", + "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", + "dev": true + }, + "camelcase-keys": { + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz", + "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==", + "dev": true, + "requires": { + "camelcase": "^5.3.1", + "map-obj": "^4.0.0", + "quick-lru": "^4.0.1" + } + }, + "caniuse-lite": { + "version": "1.0.30001164", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001164.tgz", + "integrity": "sha512-G+A/tkf4bu0dSp9+duNiXc7bGds35DioCyC6vgK2m/rjA4Krpy5WeZgZyfH2f0wj2kI6yAWWucyap6oOwmY1mg==", + "dev": true + }, + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + }, + "character-entities": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz", + "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==", + "dev": true + }, + "character-entities-legacy": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz", + "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==", + "dev": true + }, + "character-reference-invalid": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz", + "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==", + "dev": true + }, + "chokidar": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.3.tgz", + "integrity": "sha512-DtM3g7juCXQxFVSNPNByEC2+NImtBuxQQvWlHunpJIS5Ocr0lG306cC7FCi7cEA0fzmybPUIl4txBIobk1gGOQ==", + "dev": true, + "requires": { + "anymatch": "~3.1.1", + "braces": "~3.0.2", + "fsevents": "~2.1.2", + "glob-parent": "~5.1.0", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.5.0" + } + }, + "chokidar-cli": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/chokidar-cli/-/chokidar-cli-2.1.0.tgz", + "integrity": "sha512-6n21AVpW6ywuEPoxJcLXMA2p4T+SLjWsXKny/9yTWFz0kKxESI3eUylpeV97LylING/27T/RVTY0f2/0QaWq9Q==", + "dev": true, + "requires": { + "chokidar": "^3.2.3", + "lodash.debounce": "^4.0.8", + "lodash.throttle": "^4.1.1", + "yargs": "^13.3.0" + } + }, + "cliui": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz", + "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==", + "dev": true, + "requires": { + "string-width": "^3.1.0", + "strip-ansi": "^5.2.0", + "wrap-ansi": "^5.1.0" + } + }, + "clone-regexp": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz", + "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==", + "dev": true, + "requires": { + "is-regexp": "^2.0.0" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", + "dev": true + }, + "colorette": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.1.tgz", + "integrity": "sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==", + "dev": true + }, + "commander": { + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", + "dev": true + }, + "comment-parser": { + "version": "0.7.6", + "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-0.7.6.tgz", + "integrity": "sha512-GKNxVA7/iuTnAqGADlTWX4tkhzxZKXp5fLJqKTlQLHkE65XDUKutZ3BHaJC5IGcper2tT3QRD1xr4o3jNpgXXg==", + "dev": true + }, + "concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", + "dev": true + }, + "contains-path": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/contains-path/-/contains-path-0.1.0.tgz", + "integrity": "sha1-/ozxhP9mcLa67wGp1IYaXL7EEgo=", + "dev": true + }, + "convert-source-map": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz", + "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==", + "dev": true, + "requires": { + "safe-buffer": "~5.1.1" + } + }, + "core-js-pure": { + "version": "3.8.3", + "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.8.3.tgz", + "integrity": "sha512-V5qQZVAr9K0xu7jXg1M7qTEwuxUgqr7dUOezGaNa7i+Xn9oXAU/d1fzqD9ObuwpVQOaorO5s70ckyi1woP9lVA==", + "dev": true + }, + "cosmiconfig": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz", + "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==", + "dev": true, + "requires": { + "@types/parse-json": "^4.0.0", + "import-fresh": "^3.2.1", + "parse-json": "^5.0.0", + "path-type": "^4.0.0", + "yaml": "^1.10.0" + } + }, + "cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dev": true, + "requires": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + } + }, + "cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true + }, + "damerau-levenshtein": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.6.tgz", + "integrity": "sha512-JVrozIeElnj3QzfUIt8tB8YMluBJom4Vw9qTPpjGYQ9fYlB3D/rb6OordUxf3xeFB35LKWs0xqcO5U6ySvBtug==", + "dev": true + }, + "debug": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz", + "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==", + "dev": true, + "requires": { + "ms": "2.1.2" + } + }, + "decamelize": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", + "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=", + "dev": true + }, + "decamelize-keys": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz", + "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=", + "dev": true, + "requires": { + "decamelize": "^1.1.0", + "map-obj": "^1.0.0" + }, + "dependencies": { + "map-obj": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", + "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=", + "dev": true + } + } + }, + "deep-is": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz", + "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=", + "dev": true + }, + "define-properties": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz", + "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", + "dev": true, + "requires": { + "object-keys": "^1.0.12" + } + }, + "dependency-graph": { + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.9.0.tgz", + "integrity": "sha512-9YLIBURXj4DJMFALxXw9K3Y3rwb5Fk0X5/8ipCzaN84+gKxoHK43tVKRNakCQbiEx07E8Uwhuq21BpUagFhZ8w==", + "dev": true + }, + "dir-glob": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", + "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", + "dev": true, + "requires": { + "path-type": "^4.0.0" + } + }, + "doctrine": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-1.5.0.tgz", + "integrity": "sha1-N53Ocw9hZvds76TmcHoVmwLFpvo=", + "dev": true, + "requires": { + "esutils": "^2.0.2", + "isarray": "^1.0.0" + } + }, + "dom-serializer": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz", + "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==", + "dev": true, + "requires": { + "domelementtype": "^2.0.1", + "entities": "^2.0.0" + }, + "dependencies": { + "domelementtype": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.1.0.tgz", + "integrity": "sha512-LsTgx/L5VpD+Q8lmsXSHW2WpA+eBlZ9HPf3erD1IoPF00/3JKHZ3BknUVA2QGDNu69ZNmyFmCWBSO45XjYKC5w==", + "dev": true + }, + "entities": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", + "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", + "dev": true + } + } + }, + "domelementtype": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz", + "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==", + "dev": true + }, + "domhandler": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz", + "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==", + "dev": true, + "requires": { + "domelementtype": "1" + } + }, + "domutils": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz", + "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==", + "dev": true, + "requires": { + "dom-serializer": "0", + "domelementtype": "1" + } + }, + "electron-to-chromium": { + "version": "1.3.612", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.612.tgz", + "integrity": "sha512-CdrdX1B6mQqxfw+51MPWB5qA6TKWjza9f5voBtUlRfEZEwZiFaxJLrhFI8zHE9SBAuGt4h84rQU6Ho9Bauo1LA==", + "dev": true + }, + "emoji-regex": { + "version": "9.2.1", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.1.tgz", + "integrity": "sha512-117l1H6U4X3Krn+MrzYrL57d5H7siRHWraBs7s+LjRuFK7Fe7hJqnJ0skWlinqsycVLU5YAo6L8CsEYQ0V5prg==", + "dev": true + }, + "enquirer": { + "version": "2.3.6", + "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz", + "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==", + "dev": true, + "requires": { + "ansi-colors": "^4.1.1" + } + }, + "entities": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", + "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==", + "dev": true + }, + "error-ex": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", + "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", + "dev": true, + "requires": { + "is-arrayish": "^0.2.1" + } + }, + "es-abstract": { + "version": "1.18.0-next.1", + "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0-next.1.tgz", + "integrity": "sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==", + "dev": true, + "requires": { + "es-to-primitive": "^1.2.1", + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1", + "is-callable": "^1.2.2", + "is-negative-zero": "^2.0.0", + "is-regex": "^1.1.1", + "object-inspect": "^1.8.0", + "object-keys": "^1.1.1", + "object.assign": "^4.1.1", + "string.prototype.trimend": "^1.0.1", + "string.prototype.trimstart": "^1.0.1" + } + }, + "es-to-primitive": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz", + "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==", + "dev": true, + "requires": { + "is-callable": "^1.1.4", + "is-date-object": "^1.0.1", + "is-symbol": "^1.0.2" + } + }, + "escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "dev": true + }, + "escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=", + "dev": true + }, + "eslint": { + "version": "7.18.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.18.0.tgz", + "integrity": "sha512-fbgTiE8BfUJZuBeq2Yi7J3RB3WGUQ9PNuNbmgi6jt9Iv8qrkxfy19Ds3OpL1Pm7zg3BtTVhvcUZbIRQ0wmSjAQ==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.0.0", + "@eslint/eslintrc": "^0.3.0", + "ajv": "^6.10.0", + "chalk": "^4.0.0", + "cross-spawn": "^7.0.2", + "debug": "^4.0.1", + "doctrine": "^3.0.0", + "enquirer": "^2.3.5", + "eslint-scope": "^5.1.1", + "eslint-utils": "^2.1.0", + "eslint-visitor-keys": "^2.0.0", + "espree": "^7.3.1", + "esquery": "^1.2.0", + "esutils": "^2.0.2", + "file-entry-cache": "^6.0.0", + "functional-red-black-tree": "^1.0.1", + "glob-parent": "^5.0.0", + "globals": "^12.1.0", + "ignore": "^4.0.6", + "import-fresh": "^3.0.0", + "imurmurhash": "^0.1.4", + "is-glob": "^4.0.0", + "js-yaml": "^3.13.1", + "json-stable-stringify-without-jsonify": "^1.0.1", + "levn": "^0.4.1", + "lodash": "^4.17.20", + "minimatch": "^3.0.4", + "natural-compare": "^1.4.0", + "optionator": "^0.9.1", + "progress": "^2.0.0", + "regexpp": "^3.1.0", + "semver": "^7.2.1", + "strip-ansi": "^6.0.0", + "strip-json-comments": "^3.1.0", + "table": "^6.0.4", + "text-table": "^0.2.0", + "v8-compile-cache": "^2.0.3" + }, + "dependencies": { + "ansi-regex": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz", + "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==", + "dev": true + }, + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", + "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "doctrine": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz", + "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==", + "dev": true, + "requires": { + "esutils": "^2.0.2" + } + }, + "eslint-visitor-keys": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz", + "integrity": "sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==", + "dev": true + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "strip-ansi": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz", + "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.0" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "eslint-config-prettier": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-7.2.0.tgz", + "integrity": "sha512-rV4Qu0C3nfJKPOAhFujFxB7RMP+URFyQqqOZW9DMRD7ZDTFyjaIlETU3xzHELt++4ugC0+Jm084HQYkkJe+Ivg==", + "dev": true + }, + "eslint-import-resolver-node": { + "version": "0.3.4", + "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz", + "integrity": "sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==", + "dev": true, + "requires": { + "debug": "^2.6.9", + "resolve": "^1.13.1" + }, + "dependencies": { + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", + "dev": true + } + } + }, + "eslint-module-utils": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.6.0.tgz", + "integrity": "sha512-6j9xxegbqe8/kZY8cYpcp0xhbK0EgJlg3g9mib3/miLaExuuwc3n5UEfSnU6hWMbT0FAYVvDbL9RrRgpUeQIvA==", + "dev": true, + "requires": { + "debug": "^2.6.9", + "pkg-dir": "^2.0.0" + }, + "dependencies": { + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", + "dev": true + } + } + }, + "eslint-plugin-import": { + "version": "2.22.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.22.1.tgz", + "integrity": "sha512-8K7JjINHOpH64ozkAhpT3sd+FswIZTfMZTjdx052pnWrgRCVfp8op9tbjpAk3DdUeI/Ba4C8OjdC0r90erHEOw==", + "dev": true, + "requires": { + "array-includes": "^3.1.1", + "array.prototype.flat": "^1.2.3", + "contains-path": "^0.1.0", + "debug": "^2.6.9", + "doctrine": "1.5.0", + "eslint-import-resolver-node": "^0.3.4", + "eslint-module-utils": "^2.6.0", + "has": "^1.0.3", + "minimatch": "^3.0.4", + "object.values": "^1.1.1", + "read-pkg-up": "^2.0.0", + "resolve": "^1.17.0", + "tsconfig-paths": "^3.9.0" + }, + "dependencies": { + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "find-up": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz", + "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=", + "dev": true, + "requires": { + "locate-path": "^2.0.0" + } + }, + "load-json-file": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz", + "integrity": "sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=", + "dev": true, + "requires": { + "graceful-fs": "^4.1.2", + "parse-json": "^2.2.0", + "pify": "^2.0.0", + "strip-bom": "^3.0.0" + } + }, + "locate-path": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz", + "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", + "dev": true, + "requires": { + "p-locate": "^2.0.0", + "path-exists": "^3.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", + "dev": true + }, + "p-limit": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz", + "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==", + "dev": true, + "requires": { + "p-try": "^1.0.0" + } + }, + "p-locate": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz", + "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", + "dev": true, + "requires": { + "p-limit": "^1.1.0" + } + }, + "p-try": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", + "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=", + "dev": true + }, + "parse-json": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz", + "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=", + "dev": true, + "requires": { + "error-ex": "^1.2.0" + } + }, + "path-type": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-2.0.0.tgz", + "integrity": "sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM=", + "dev": true, + "requires": { + "pify": "^2.0.0" + } + }, + "pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", + "dev": true + }, + "read-pkg": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-2.0.0.tgz", + "integrity": "sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg=", + "dev": true, + "requires": { + "load-json-file": "^2.0.0", + "normalize-package-data": "^2.3.2", + "path-type": "^2.0.0" + } + }, + "read-pkg-up": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-2.0.0.tgz", + "integrity": "sha1-a3KoBImE4MQeeVEP1en6mbO1Sb4=", + "dev": true, + "requires": { + "find-up": "^2.0.0", + "read-pkg": "^2.0.0" + } + } + } + }, + "eslint-plugin-jest": { + "version": "24.1.3", + "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-24.1.3.tgz", + "integrity": "sha512-dNGGjzuEzCE3d5EPZQ/QGtmlMotqnYWD/QpCZ1UuZlrMAdhG5rldh0N0haCvhGnUkSeuORS5VNROwF9Hrgn3Lg==", + "dev": true, + "requires": { + "@typescript-eslint/experimental-utils": "^4.0.1" + } + }, + "eslint-plugin-jsdoc": { + "version": "30.7.13", + "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-30.7.13.tgz", + "integrity": "sha512-YM4WIsmurrp0rHX6XiXQppqKB8Ne5ATiZLJe2+/fkp9l9ExXFr43BbAbjZaVrpCT+tuPYOZ8k1MICARHnURUNQ==", + "dev": true, + "requires": { + "comment-parser": "^0.7.6", + "debug": "^4.3.1", + "jsdoctypeparser": "^9.0.0", + "lodash": "^4.17.20", + "regextras": "^0.7.1", + "semver": "^7.3.4", + "spdx-expression-parse": "^3.0.1" + } + }, + "eslint-plugin-jsx-a11y": { + "version": "6.4.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.4.1.tgz", + "integrity": "sha512-0rGPJBbwHoGNPU73/QCLP/vveMlM1b1Z9PponxO87jfr6tuH5ligXbDT6nHSSzBC8ovX2Z+BQu7Bk5D/Xgq9zg==", + "dev": true, + "requires": { + "@babel/runtime": "^7.11.2", + "aria-query": "^4.2.2", + "array-includes": "^3.1.1", + "ast-types-flow": "^0.0.7", + "axe-core": "^4.0.2", + "axobject-query": "^2.2.0", + "damerau-levenshtein": "^1.0.6", + "emoji-regex": "^9.0.0", + "has": "^1.0.3", + "jsx-ast-utils": "^3.1.0", + "language-tags": "^1.0.5" + } + }, + "eslint-plugin-prettier": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.3.1.tgz", + "integrity": "sha512-Rq3jkcFY8RYeQLgk2cCwuc0P7SEFwDravPhsJZOQ5N4YI4DSg50NyqJ/9gdZHzQlHf8MvafSesbNJCcP/FF6pQ==", + "dev": true, + "requires": { + "prettier-linter-helpers": "^1.0.0" + } + }, + "eslint-plugin-react": { + "version": "7.22.0", + "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.22.0.tgz", + "integrity": "sha512-p30tuX3VS+NWv9nQot9xIGAHBXR0+xJVaZriEsHoJrASGCJZDJ8JLNM0YqKqI0AKm6Uxaa1VUHoNEibxRCMQHA==", + "dev": true, + "requires": { + "array-includes": "^3.1.1", + "array.prototype.flatmap": "^1.2.3", + "doctrine": "^2.1.0", + "has": "^1.0.3", + "jsx-ast-utils": "^2.4.1 || ^3.0.0", + "object.entries": "^1.1.2", + "object.fromentries": "^2.0.2", + "object.values": "^1.1.1", + "prop-types": "^15.7.2", + "resolve": "^1.18.1", + "string.prototype.matchall": "^4.0.2" + }, + "dependencies": { + "doctrine": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz", + "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==", + "dev": true, + "requires": { + "esutils": "^2.0.2" + } + } + } + }, + "eslint-plugin-react-hooks": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz", + "integrity": "sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==", + "dev": true + }, + "eslint-scope": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", + "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", + "dev": true, + "requires": { + "esrecurse": "^4.3.0", + "estraverse": "^4.1.1" + } + }, + "eslint-utils": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz", + "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==", + "dev": true, + "requires": { + "eslint-visitor-keys": "^1.1.0" + } + }, + "eslint-visitor-keys": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz", + "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==", + "dev": true + }, + "espree": { + "version": "7.3.1", + "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz", + "integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==", + "dev": true, + "requires": { + "acorn": "^7.4.0", + "acorn-jsx": "^5.3.1", + "eslint-visitor-keys": "^1.3.0" + } + }, + "esprima": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", + "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", + "dev": true + }, + "esquery": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.3.1.tgz", + "integrity": "sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==", + "dev": true, + "requires": { + "estraverse": "^5.1.0" + }, + "dependencies": { + "estraverse": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz", + "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==", + "dev": true + } + } + }, + "esrecurse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", + "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", + "dev": true, + "requires": { + "estraverse": "^5.2.0" + }, + "dependencies": { + "estraverse": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz", + "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==", + "dev": true + } + } + }, + "estraverse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", + "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", + "dev": true + }, + "esutils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "dev": true + }, + "execall": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz", + "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==", + "dev": true, + "requires": { + "clone-regexp": "^2.1.0" + } + }, + "extend": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", + "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", + "dev": true + }, + "fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true + }, + "fast-diff": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz", + "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==", + "dev": true + }, + "fast-glob": { + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.4.tgz", + "integrity": "sha512-kr/Oo6PX51265qeuCYsyGypiO5uJFgBS0jksyG7FUeCyQzNwYnzrNIMR1NXfkZXsMYXYLRAHgISHBz8gQcxKHQ==", + "dev": true, + "requires": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.0", + "merge2": "^1.3.0", + "micromatch": "^4.0.2", + "picomatch": "^2.2.1" + } + }, + "fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true + }, + "fast-levenshtein": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", + "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=", + "dev": true + }, + "fastest-levenshtein": { + "version": "1.0.12", + "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz", + "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==", + "dev": true + }, + "fastq": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.9.0.tgz", + "integrity": "sha512-i7FVWL8HhVY+CTkwFxkN2mk3h+787ixS5S63eb78diVRc1MCssarHq3W5cj0av7YDSwmaV928RNag+U1etRQ7w==", + "dev": true, + "requires": { + "reusify": "^1.0.4" + } + }, + "file-entry-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.0.tgz", + "integrity": "sha512-fqoO76jZ3ZnYrXLDRxBR1YvOvc0k844kcOg40bgsPrE25LAb/PDqTY+ho64Xh2c8ZXgIKldchCFHczG2UVRcWA==", + "dev": true, + "requires": { + "flat-cache": "^3.0.4" + } + }, + "fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "requires": { + "to-regex-range": "^5.0.1" + } + }, + "find-up": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", + "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", + "dev": true, + "requires": { + "locate-path": "^3.0.0" + } + }, + "flat-cache": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz", + "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==", + "dev": true, + "requires": { + "flatted": "^3.1.0", + "rimraf": "^3.0.2" + } + }, + "flatted": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.1.1.tgz", + "integrity": "sha512-zAoAQiudy+r5SvnSw3KJy5os/oRJYHzrzja/tBDqrZtNhUw8bt6y8OBzMWcjWr+8liV8Eb6yOhw8WZ7VFZ5ZzA==", + "dev": true + }, + "fs-extra": { + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.0.1.tgz", + "integrity": "sha512-h2iAoN838FqAFJY2/qVpzFXy+EBxfVE220PalAqQLDVsFOHLJrZvut5puAbCdNv6WJk+B8ihI+k0c7JK5erwqQ==", + "dev": true, + "requires": { + "at-least-node": "^1.0.0", + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^1.0.0" + } + }, + "fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=", + "dev": true + }, + "fsevents": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz", + "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==", + "dev": true, + "optional": true + }, + "function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "dev": true + }, + "functional-red-black-tree": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz", + "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=", + "dev": true + }, + "gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true + }, + "get-caller-file": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", + "dev": true + }, + "get-intrinsic": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.0.1.tgz", + "integrity": "sha512-ZnWP+AmS1VUaLgTRy47+zKtjTxz+0xMpx3I52i+aalBK1QP19ggLF3Db89KJX7kjfOfP2eoa01qc++GwPgufPg==", + "dev": true, + "requires": { + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1" + } + }, + "glob": { + "version": "7.1.6", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", + "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", + "dev": true, + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "glob-parent": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz", + "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==", + "dev": true, + "requires": { + "is-glob": "^4.0.1" + } + }, + "global-modules": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz", + "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==", + "dev": true, + "requires": { + "global-prefix": "^3.0.0" + } + }, + "global-prefix": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz", + "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==", + "dev": true, + "requires": { + "ini": "^1.3.5", + "kind-of": "^6.0.2", + "which": "^1.3.1" + }, + "dependencies": { + "which": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", + "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", + "dev": true, + "requires": { + "isexe": "^2.0.0" + } + } + } + }, + "globals": { + "version": "12.4.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz", + "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==", + "dev": true, + "requires": { + "type-fest": "^0.8.1" + } + }, + "globby": { + "version": "11.0.1", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.1.tgz", + "integrity": "sha512-iH9RmgwCmUJHi2z5o2l3eTtGBtXek1OYlHrbcxOYugyHLmAsZrPj43OtHThd62Buh/Vv6VyCBD2bdyWcGNQqoQ==", + "dev": true, + "requires": { + "array-union": "^2.1.0", + "dir-glob": "^3.0.1", + "fast-glob": "^3.1.1", + "ignore": "^5.1.4", + "merge2": "^1.3.0", + "slash": "^3.0.0" + }, + "dependencies": { + "ignore": { + "version": "5.1.8", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz", + "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==", + "dev": true + } + } + }, + "globjoin": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz", + "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=", + "dev": true + }, + "gonzales-pe": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-4.3.0.tgz", + "integrity": "sha512-otgSPpUmdWJ43VXyiNgEYE4luzHCL2pz4wQ0OnDluC6Eg4Ko3Vexy/SrSynglw/eR+OhkzmqFCZa/OFa/RgAOQ==", + "dev": true, + "requires": { + "minimist": "^1.2.5" + } + }, + "graceful-fs": { + "version": "4.2.4", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz", + "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==", + "dev": true + }, + "hard-rejection": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz", + "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==", + "dev": true + }, + "has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "dev": true, + "requires": { + "function-bind": "^1.1.1" + } + }, + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", + "dev": true + }, + "has-symbols": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz", + "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==", + "dev": true + }, + "hosted-git-info": { + "version": "2.8.8", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz", + "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==", + "dev": true + }, + "html-tags": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.1.0.tgz", + "integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==", + "dev": true + }, + "htmlparser2": { + "version": "3.10.1", + "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz", + "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==", + "dev": true, + "requires": { + "domelementtype": "^1.3.1", + "domhandler": "^2.3.0", + "domutils": "^1.5.1", + "entities": "^1.1.1", + "inherits": "^2.0.1", + "readable-stream": "^3.1.1" + } + }, + "ignore": { + "version": "4.0.6", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz", + "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==", + "dev": true + }, + "import-cwd": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz", + "integrity": "sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=", + "dev": true, + "requires": { + "import-from": "^2.1.0" + } + }, + "import-fresh": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", + "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", + "dev": true, + "requires": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + } + }, + "import-from": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz", + "integrity": "sha1-M1238qev/VOqpHHUuAId7ja387E=", + "dev": true, + "requires": { + "resolve-from": "^3.0.0" + }, + "dependencies": { + "resolve-from": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz", + "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=", + "dev": true + } + } + }, + "import-lazy": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz", + "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==", + "dev": true + }, + "imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=", + "dev": true + }, + "indent-string": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", + "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", + "dev": true + }, + "indexes-of": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz", + "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=", + "dev": true + }, + "inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", + "dev": true, + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, + "ini": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", + "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", + "dev": true + }, + "internal-slot": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz", + "integrity": "sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==", + "dev": true, + "requires": { + "get-intrinsic": "^1.1.0", + "has": "^1.0.3", + "side-channel": "^1.0.4" + }, + "dependencies": { + "get-intrinsic": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.0.tgz", + "integrity": "sha512-M11rgtQp5GZMZzDL7jLTNxbDfurpzuau5uqRWDPvlHjfvg3TdScAZo96GLvhMjImrmR8uAt0FS2RLoMrfWGKlg==", + "dev": true, + "requires": { + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1" + } + } + } + }, + "is-alphabetical": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz", + "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==", + "dev": true + }, + "is-alphanumerical": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz", + "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==", + "dev": true, + "requires": { + "is-alphabetical": "^1.0.0", + "is-decimal": "^1.0.0" + } + }, + "is-arrayish": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=", + "dev": true + }, + "is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dev": true, + "requires": { + "binary-extensions": "^2.0.0" + } + }, + "is-buffer": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz", + "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==", + "dev": true + }, + "is-callable": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.2.tgz", + "integrity": "sha512-dnMqspv5nU3LoewK2N/y7KLtxtakvTuaCsU9FU50/QDmdbHNy/4/JuRtMHqRU22o3q+W89YQndQEeCVwK+3qrA==", + "dev": true + }, + "is-core-module": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.2.0.tgz", + "integrity": "sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==", + "dev": true, + "requires": { + "has": "^1.0.3" + } + }, + "is-date-object": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.2.tgz", + "integrity": "sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==", + "dev": true + }, + "is-decimal": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz", + "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==", + "dev": true + }, + "is-directory": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz", + "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=", + "dev": true + }, + "is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", + "dev": true + }, + "is-fullwidth-code-point": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", + "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=", + "dev": true + }, + "is-glob": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", + "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", + "dev": true, + "requires": { + "is-extglob": "^2.1.1" + } + }, + "is-hexadecimal": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz", + "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==", + "dev": true + }, + "is-negative-zero": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.0.tgz", + "integrity": "sha1-lVOxIbD6wohp2p7UWeIMdUN4hGE=", + "dev": true + }, + "is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true + }, + "is-plain-obj": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz", + "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==", + "dev": true + }, + "is-regex": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.1.tgz", + "integrity": "sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==", + "dev": true, + "requires": { + "has-symbols": "^1.0.1" + } + }, + "is-regexp": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz", + "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==", + "dev": true + }, + "is-string": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.5.tgz", + "integrity": "sha512-buY6VNRjhQMiF1qWDouloZlQbRhDPCebwxSjxMjxgemYT46YMd2NR0/H+fBhEfWX4A/w9TBJ+ol+okqJKFE6vQ==", + "dev": true + }, + "is-symbol": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.3.tgz", + "integrity": "sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==", + "dev": true, + "requires": { + "has-symbols": "^1.0.1" + } + }, + "is-typedarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz", + "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=", + "dev": true + }, + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=", + "dev": true + }, + "isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=", + "dev": true + }, + "js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true + }, + "js-yaml": { + "version": "3.14.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.0.tgz", + "integrity": "sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==", + "dev": true, + "requires": { + "argparse": "^1.0.7", + "esprima": "^4.0.0" + } + }, + "jsdoctypeparser": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/jsdoctypeparser/-/jsdoctypeparser-9.0.0.tgz", + "integrity": "sha512-jrTA2jJIL6/DAEILBEh2/w9QxCuwmvNXIry39Ay/HVfhE3o2yVV0U44blYkqdHA/OKloJEqvJy0xU+GSdE2SIw==", + "dev": true + }, + "jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "dev": true + }, + "json-parse-better-errors": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz", + "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==", + "dev": true + }, + "json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "dev": true + }, + "json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true + }, + "json-stable-stringify-without-jsonify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", + "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=", + "dev": true + }, + "json5": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz", + "integrity": "sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==", + "dev": true, + "requires": { + "minimist": "^1.2.5" + } + }, + "jsonfile": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.6", + "universalify": "^2.0.0" + }, + "dependencies": { + "universalify": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz", + "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==", + "dev": true + } + } + }, + "jsx-ast-utils": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.2.0.tgz", + "integrity": "sha512-EIsmt3O3ljsU6sot/J4E1zDRxfBNrhjyf/OKjlydwgEimQuznlM4Wv7U+ueONJMyEn1WRE0K8dhi3dVAXYT24Q==", + "dev": true, + "requires": { + "array-includes": "^3.1.2", + "object.assign": "^4.1.2" + } + }, + "kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true + }, + "known-css-properties": { + "version": "0.20.0", + "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.20.0.tgz", + "integrity": "sha512-URvsjaA9ypfreqJ2/ylDr5MUERhJZ+DhguoWRr2xgS5C7aGCalXo+ewL+GixgKBfhT2vuL02nbIgNGqVWgTOYw==", + "dev": true + }, + "language-subtag-registry": { + "version": "0.3.21", + "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz", + "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==", + "dev": true + }, + "language-tags": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz", + "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=", + "dev": true, + "requires": { + "language-subtag-registry": "~0.3.2" + } + }, + "levn": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", + "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==", + "dev": true, + "requires": { + "prelude-ls": "^1.2.1", + "type-check": "~0.4.0" + } + }, + "lines-and-columns": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz", + "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=", + "dev": true + }, + "load-json-file": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz", + "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=", + "dev": true, + "requires": { + "graceful-fs": "^4.1.2", + "parse-json": "^4.0.0", + "pify": "^3.0.0", + "strip-bom": "^3.0.0" + }, + "dependencies": { + "parse-json": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", + "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", + "dev": true, + "requires": { + "error-ex": "^1.3.1", + "json-parse-better-errors": "^1.0.1" + } + } + } + }, + "locate-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", + "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", + "dev": true, + "requires": { + "p-locate": "^3.0.0", + "path-exists": "^3.0.0" + } + }, + "lodash": { + "version": "4.17.20", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz", + "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==", + "dev": true + }, + "lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=", + "dev": true + }, + "lodash.throttle": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz", + "integrity": "sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ=", + "dev": true + }, + "log-symbols": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz", + "integrity": "sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==", + "dev": true, + "requires": { + "chalk": "^2.0.1" + } + }, + "longest-streak": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-2.0.4.tgz", + "integrity": "sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg==", + "dev": true + }, + "loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "dev": true, + "requires": { + "js-tokens": "^3.0.0 || ^4.0.0" + } + }, + "lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "requires": { + "yallist": "^4.0.0" + } + }, + "map-obj": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.1.0.tgz", + "integrity": "sha512-glc9y00wgtwcDmp7GaE/0b0OnxpNJsVf3ael/An6Fe2Q51LLwN1er6sdomLRzz5h0+yMpiYLhWYF5R7HeqVd4g==", + "dev": true + }, + "mathml-tag-names": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz", + "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==", + "dev": true + }, + "mdast-util-from-markdown": { + "version": "0.8.4", + "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-0.8.4.tgz", + "integrity": "sha512-jj891B5pV2r63n2kBTFh8cRI2uR9LQHsXG1zSDqfhXkIlDzrTcIlbB5+5aaYEkl8vOPIOPLf8VT7Ere1wWTMdw==", + "dev": true, + "requires": { + "@types/mdast": "^3.0.0", + "mdast-util-to-string": "^2.0.0", + "micromark": "~2.11.0", + "parse-entities": "^2.0.0", + "unist-util-stringify-position": "^2.0.0" + } + }, + "mdast-util-to-markdown": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-0.6.2.tgz", + "integrity": "sha512-iRczns6WMvu0hUw02LXsPDJshBIwtUPbvHBWo19IQeU0YqmzlA8Pd30U8V7uiI0VPkxzS7A/NXBXH6u+HS87Zg==", + "dev": true, + "requires": { + "@types/unist": "^2.0.0", + "longest-streak": "^2.0.0", + "mdast-util-to-string": "^2.0.0", + "parse-entities": "^2.0.0", + "repeat-string": "^1.0.0", + "zwitch": "^1.0.0" + } + }, + "mdast-util-to-string": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz", + "integrity": "sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==", + "dev": true + }, + "memorystream": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz", + "integrity": "sha1-htcJCzDORV1j+64S3aUaR93K+bI=", + "dev": true + }, + "meow": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz", + "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==", + "dev": true, + "requires": { + "@types/minimist": "^1.2.0", + "camelcase-keys": "^6.2.2", + "decamelize": "^1.2.0", + "decamelize-keys": "^1.1.0", + "hard-rejection": "^2.1.0", + "minimist-options": "4.1.0", + "normalize-package-data": "^3.0.0", + "read-pkg-up": "^7.0.1", + "redent": "^3.0.0", + "trim-newlines": "^3.0.0", + "type-fest": "^0.18.0", + "yargs-parser": "^20.2.3" + }, + "dependencies": { + "hosted-git-info": { + "version": "3.0.8", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-3.0.8.tgz", + "integrity": "sha512-aXpmwoOhRBrw6X3j0h5RloK4x1OzsxMPyxqIHyNfSe2pypkVTZFpEiRoSipPEPlMrh0HW/XsjkJ5WgnCirpNUw==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } + }, + "normalize-package-data": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.0.tgz", + "integrity": "sha512-6lUjEI0d3v6kFrtgA/lOx4zHCWULXsFNIjHolnZCKCTLA6m/G625cdn3O7eNmT0iD3jfo6HZ9cdImGZwf21prw==", + "dev": true, + "requires": { + "hosted-git-info": "^3.0.6", + "resolve": "^1.17.0", + "semver": "^7.3.2", + "validate-npm-package-license": "^3.0.1" + } + }, + "type-fest": { + "version": "0.18.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz", + "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==", + "dev": true + }, + "yargs-parser": { + "version": "20.2.4", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.4.tgz", + "integrity": "sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==", + "dev": true + } + } + }, + "merge2": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", + "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", + "dev": true + }, + "micromark": { + "version": "2.11.2", + "resolved": "https://registry.npmjs.org/micromark/-/micromark-2.11.2.tgz", + "integrity": "sha512-IXuP76p2uj8uMg4FQc1cRE7lPCLsfAXuEfdjtdO55VRiFO1asrCSQ5g43NmPqFtRwzEnEhafRVzn2jg0UiKArQ==", + "dev": true, + "requires": { + "debug": "^4.0.0", + "parse-entities": "^2.0.0" + } + }, + "micromatch": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz", + "integrity": "sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==", + "dev": true, + "requires": { + "braces": "^3.0.1", + "picomatch": "^2.0.5" + } + }, + "min-indent": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", + "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==", + "dev": true + }, + "minimatch": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", + "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", + "dev": true, + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "minimist": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", + "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==", + "dev": true + }, + "minimist-options": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz", + "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==", + "dev": true, + "requires": { + "arrify": "^1.0.1", + "is-plain-obj": "^1.1.0", + "kind-of": "^6.0.3" + }, + "dependencies": { + "is-plain-obj": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz", + "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=", + "dev": true + } + } + }, + "mkdirp": { + "version": "0.5.5", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", + "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", + "dev": true, + "requires": { + "minimist": "^1.2.5" + } + }, + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "natural-compare": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", + "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=", + "dev": true + }, + "nice-try": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz", + "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==", + "dev": true + }, + "node-releases": { + "version": "1.1.67", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.67.tgz", + "integrity": "sha512-V5QF9noGFl3EymEwUYzO+3NTDpGfQB4ve6Qfnzf3UNydMhjQRVPR1DZTuvWiLzaFJYw2fmDwAfnRNEVb64hSIg==", + "dev": true + }, + "normalize-package-data": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", + "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", + "dev": true, + "requires": { + "hosted-git-info": "^2.1.4", + "resolve": "^1.10.0", + "semver": "2 || 3 || 4 || 5", + "validate-npm-package-license": "^3.0.1" + }, + "dependencies": { + "semver": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", + "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "dev": true + } + } + }, + "normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true + }, + "normalize-range": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", + "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=", + "dev": true + }, + "normalize-selector": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz", + "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=", + "dev": true + }, + "npm-run-all": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz", + "integrity": "sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==", + "dev": true, + "requires": { + "ansi-styles": "^3.2.1", + "chalk": "^2.4.1", + "cross-spawn": "^6.0.5", + "memorystream": "^0.3.1", + "minimatch": "^3.0.4", + "pidtree": "^0.3.0", + "read-pkg": "^3.0.0", + "shell-quote": "^1.6.1", + "string.prototype.padend": "^3.0.0" + }, + "dependencies": { + "cross-spawn": { + "version": "6.0.5", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", + "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", + "dev": true, + "requires": { + "nice-try": "^1.0.4", + "path-key": "^2.0.1", + "semver": "^5.5.0", + "shebang-command": "^1.2.0", + "which": "^1.2.9" + } + }, + "path-key": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz", + "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=", + "dev": true + }, + "semver": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", + "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "dev": true + }, + "shebang-command": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", + "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=", + "dev": true, + "requires": { + "shebang-regex": "^1.0.0" + } + }, + "shebang-regex": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz", + "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=", + "dev": true + }, + "which": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", + "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", + "dev": true, + "requires": { + "isexe": "^2.0.0" + } + } + } + }, + "num2fraction": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", + "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=", + "dev": true + }, + "object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", + "dev": true + }, + "object-inspect": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.9.0.tgz", + "integrity": "sha512-i3Bp9iTqwhaLZBxGkRfo5ZbE07BQRT7MGu8+nNgwW9ItGp1TzCTw2DLEoWwjClxBjOFI/hWljTAmYGCEwmtnOw==", + "dev": true + }, + "object-keys": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", + "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==", + "dev": true + }, + "object.assign": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz", + "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3", + "has-symbols": "^1.0.1", + "object-keys": "^1.1.1" + } + }, + "object.entries": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.3.tgz", + "integrity": "sha512-ym7h7OZebNS96hn5IJeyUmaWhaSM4SVtAPPfNLQEI2MYWCO2egsITb9nab2+i/Pwibx+R0mtn+ltKJXRSeTMGg==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3", + "es-abstract": "^1.18.0-next.1", + "has": "^1.0.3" + } + }, + "object.fromentries": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.3.tgz", + "integrity": "sha512-IDUSMXs6LOSJBWE++L0lzIbSqHl9KDCfff2x/JSEIDtEUavUnyMYC2ZGay/04Zq4UT8lvd4xNhU4/YHKibAOlw==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3", + "es-abstract": "^1.18.0-next.1", + "has": "^1.0.3" + } + }, + "object.values": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.2.tgz", + "integrity": "sha512-MYC0jvJopr8EK6dPBiO8Nb9mvjdypOachO5REGk6MXzujbBrAisKo3HmdEI6kZDL6fC31Mwee/5YbtMebixeag==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3", + "es-abstract": "^1.18.0-next.1", + "has": "^1.0.3" + } + }, + "once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", + "dev": true, + "requires": { + "wrappy": "1" + } + }, + "optionator": { + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz", + "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==", + "dev": true, + "requires": { + "deep-is": "^0.1.3", + "fast-levenshtein": "^2.0.6", + "levn": "^0.4.1", + "prelude-ls": "^1.2.1", + "type-check": "^0.4.0", + "word-wrap": "^1.2.3" + } + }, + "p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", + "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", + "dev": true, + "requires": { + "p-limit": "^2.0.0" + } + }, + "p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "dev": true + }, + "parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", + "dev": true, + "requires": { + "callsites": "^3.0.0" + } + }, + "parse-entities": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-2.0.0.tgz", + "integrity": "sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==", + "dev": true, + "requires": { + "character-entities": "^1.0.0", + "character-entities-legacy": "^1.0.0", + "character-reference-invalid": "^1.0.0", + "is-alphanumerical": "^1.0.0", + "is-decimal": "^1.0.0", + "is-hexadecimal": "^1.0.0" + } + }, + "parse-json": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + } + }, + "path-exists": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", + "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=", + "dev": true + }, + "path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=", + "dev": true + }, + "path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true + }, + "path-parse": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", + "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==", + "dev": true + }, + "path-type": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", + "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", + "dev": true + }, + "picomatch": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz", + "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==", + "dev": true + }, + "pidtree": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.3.1.tgz", + "integrity": "sha512-qQbW94hLHEqCg7nhby4yRC7G2+jYHY4Rguc2bjw7Uug4GIJuu1tvf2uHaZv5Q8zdt+WKJ6qK1FOI6amaWUo5FA==", + "dev": true + }, + "pify": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", + "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", + "dev": true + }, + "pkg-dir": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-2.0.0.tgz", + "integrity": "sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=", + "dev": true, + "requires": { + "find-up": "^2.1.0" + }, + "dependencies": { + "find-up": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz", + "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=", + "dev": true, + "requires": { + "locate-path": "^2.0.0" + } + }, + "locate-path": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz", + "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", + "dev": true, + "requires": { + "p-locate": "^2.0.0", + "path-exists": "^3.0.0" + } + }, + "p-limit": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz", + "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==", + "dev": true, + "requires": { + "p-try": "^1.0.0" + } + }, + "p-locate": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz", + "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", + "dev": true, + "requires": { + "p-limit": "^1.1.0" + } + }, + "p-try": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", + "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=", + "dev": true + } + } + }, + "postcss": { + "version": "7.0.35", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz", + "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==", + "dev": true, + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "supports-color": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", + "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "postcss-calc": { + "version": "7.0.5", + "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-7.0.5.tgz", + "integrity": "sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==", + "dev": true, + "requires": { + "postcss": "^7.0.27", + "postcss-selector-parser": "^6.0.2", + "postcss-value-parser": "^4.0.2" + } + }, + "postcss-cli": { + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-7.1.2.tgz", + "integrity": "sha512-3mlEmN1v2NVuosMWZM2tP8bgZn7rO5PYxRRrXtdSyL5KipcgBDjJ9ct8/LKxImMCJJi3x5nYhCGFJOkGyEqXBQ==", + "dev": true, + "requires": { + "chalk": "^4.0.0", + "chokidar": "^3.3.0", + "dependency-graph": "^0.9.0", + "fs-extra": "^9.0.0", + "get-stdin": "^8.0.0", + "globby": "^11.0.0", + "postcss": "^7.0.0", + "postcss-load-config": "^2.0.0", + "postcss-reporter": "^6.0.0", + "pretty-hrtime": "^1.0.3", + "read-cache": "^1.0.0", + "yargs": "^15.0.2" + }, + "dependencies": { + "ansi-regex": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz", + "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==", + "dev": true + }, + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", + "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "cliui": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz", + "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==", + "dev": true, + "requires": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.0", + "wrap-ansi": "^6.2.0" + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true + }, + "find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "requires": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + } + }, + "get-stdin": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz", + "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==", + "dev": true + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true + }, + "locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "requires": { + "p-locate": "^4.1.0" + } + }, + "p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "requires": { + "p-limit": "^2.2.0" + } + }, + "path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true + }, + "string-width": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz", + "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==", + "dev": true, + "requires": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.0" + } + }, + "strip-ansi": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz", + "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.0" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + }, + "wrap-ansi": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz", + "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==", + "dev": true, + "requires": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + } + }, + "yargs": { + "version": "15.4.1", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz", + "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==", + "dev": true, + "requires": { + "cliui": "^6.0.0", + "decamelize": "^1.2.0", + "find-up": "^4.1.0", + "get-caller-file": "^2.0.1", + "require-directory": "^2.1.1", + "require-main-filename": "^2.0.0", + "set-blocking": "^2.0.0", + "string-width": "^4.2.0", + "which-module": "^2.0.0", + "y18n": "^4.0.0", + "yargs-parser": "^18.1.2" + } + }, + "yargs-parser": { + "version": "18.1.3", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz", + "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==", + "dev": true, + "requires": { + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" + } + } + } + }, + "postcss-css-variables": { + "version": "0.17.0", + "resolved": "https://registry.npmjs.org/postcss-css-variables/-/postcss-css-variables-0.17.0.tgz", + "integrity": "sha512-/ZpFnJgksNOrQA72b3DKhExYh+0e2P5nEc3aPZ62G7JLmdDjWRFv3k/q4LxV7uzXFnmvkhXRbdVIiH5tKgfFNA==", + "dev": true, + "requires": { + "balanced-match": "^1.0.0", + "escape-string-regexp": "^1.0.3", + "extend": "^3.0.1", + "postcss": "^6.0.8" + }, + "dependencies": { + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "dev": true, + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + } + } + }, + "postcss-custom-media": { + "version": "7.0.8", + "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz", + "integrity": "sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg==", + "dev": true, + "requires": { + "postcss": "^7.0.14" + } + }, + "postcss-discard-duplicates": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-4.0.2.tgz", + "integrity": "sha512-ZNQfR1gPNAiXZhgENFfEglF93pciw0WxMkJeVmw8eF+JZBbMD7jp6C67GqJAXVZP2BWbOztKfbsdmMp/k8c6oQ==", + "dev": true, + "requires": { + "postcss": "^7.0.0" + } + }, + "postcss-focus-within": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz", + "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==", + "dev": true, + "requires": { + "postcss": "^7.0.2" + } + }, + "postcss-html": { + "version": "0.36.0", + "resolved": "https://registry.npmjs.org/postcss-html/-/postcss-html-0.36.0.tgz", + "integrity": "sha512-HeiOxGcuwID0AFsNAL0ox3mW6MHH5cstWN1Z3Y+n6H+g12ih7LHdYxWwEA/QmrebctLjo79xz9ouK3MroHwOJw==", + "dev": true, + "requires": { + "htmlparser2": "^3.10.0" + } + }, + "postcss-less": { + "version": "3.1.4", + "resolved": "https://registry.npmjs.org/postcss-less/-/postcss-less-3.1.4.tgz", + "integrity": "sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA==", + "dev": true, + "requires": { + "postcss": "^7.0.14" + } + }, + "postcss-load-config": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz", + "integrity": "sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==", + "dev": true, + "requires": { + "cosmiconfig": "^5.0.0", + "import-cwd": "^2.0.0" + }, + "dependencies": { + "cosmiconfig": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz", + "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==", + "dev": true, + "requires": { + "import-fresh": "^2.0.0", + "is-directory": "^0.3.1", + "js-yaml": "^3.13.1", + "parse-json": "^4.0.0" + } + }, + "import-fresh": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz", + "integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=", + "dev": true, + "requires": { + "caller-path": "^2.0.0", + "resolve-from": "^3.0.0" + } + }, + "parse-json": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", + "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", + "dev": true, + "requires": { + "error-ex": "^1.3.1", + "json-parse-better-errors": "^1.0.1" + } + }, + "resolve-from": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz", + "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=", + "dev": true + } + } + }, + "postcss-media-query-parser": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz", + "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=", + "dev": true + }, + "postcss-nested": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-4.2.3.tgz", + "integrity": "sha512-rOv0W1HquRCamWy2kFl3QazJMMe1ku6rCFoAAH+9AcxdbpDeBr6k968MLWuLjvjMcGEip01ak09hKOEgpK9hvw==", + "dev": true, + "requires": { + "postcss": "^7.0.32", + "postcss-selector-parser": "^6.0.2" + } + }, + "postcss-reporter": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-6.0.1.tgz", + "integrity": "sha512-LpmQjfRWyabc+fRygxZjpRxfhRf9u/fdlKf4VHG4TSPbV2XNsuISzYW1KL+1aQzx53CAppa1bKG4APIB/DOXXw==", + "dev": true, + "requires": { + "chalk": "^2.4.1", + "lodash": "^4.17.11", + "log-symbols": "^2.2.0", + "postcss": "^7.0.7" + } + }, + "postcss-resolve-nested-selector": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz", + "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=", + "dev": true + }, + "postcss-safe-parser": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz", + "integrity": "sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g==", + "dev": true, + "requires": { + "postcss": "^7.0.26" + } + }, + "postcss-sass": { + "version": "0.4.4", + "resolved": "https://registry.npmjs.org/postcss-sass/-/postcss-sass-0.4.4.tgz", + "integrity": "sha512-BYxnVYx4mQooOhr+zer0qWbSPYnarAy8ZT7hAQtbxtgVf8gy+LSLT/hHGe35h14/pZDTw1DsxdbrwxBN++H+fg==", + "dev": true, + "requires": { + "gonzales-pe": "^4.3.0", + "postcss": "^7.0.21" + } + }, + "postcss-scss": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-2.1.1.tgz", + "integrity": "sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA==", + "dev": true, + "requires": { + "postcss": "^7.0.6" + } + }, + "postcss-selector-parser": { + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz", + "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==", + "dev": true, + "requires": { + "cssesc": "^3.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1", + "util-deprecate": "^1.0.2" + } + }, + "postcss-syntax": { + "version": "0.36.2", + "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz", + "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==", + "dev": true + }, + "postcss-value-parser": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz", + "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==", + "dev": true + }, + "prelude-ls": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", + "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", + "dev": true + }, + "prettier": { + "version": "npm:wp-prettier@2.2.1-beta-1", + "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.2.1-beta-1.tgz", + "integrity": "sha512-+JHkqs9LC/JPp51yy1hzs3lQ7qeuWCwOcSzpQNeeY/G7oSpnF61vxt7hRh87zNRTr6ob2ndy0W8rVzhgrcA+Gw==", + "dev": true + }, + "prettier-linter-helpers": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz", + "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==", + "dev": true, + "requires": { + "fast-diff": "^1.1.2" + } + }, + "pretty-hrtime": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", + "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=", + "dev": true + }, + "progress": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", + "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==", + "dev": true + }, + "prop-types": { + "version": "15.7.2", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz", + "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==", + "dev": true, + "requires": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.8.1" + } + }, + "punycode": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", + "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", + "dev": true + }, + "quick-lru": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz", + "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==", + "dev": true + }, + "react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "dev": true + }, + "read-cache": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", + "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=", + "dev": true, + "requires": { + "pify": "^2.3.0" + }, + "dependencies": { + "pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", + "dev": true + } + } + }, + "read-pkg": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz", + "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=", + "dev": true, + "requires": { + "load-json-file": "^4.0.0", + "normalize-package-data": "^2.3.2", + "path-type": "^3.0.0" + }, + "dependencies": { + "path-type": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz", + "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==", + "dev": true, + "requires": { + "pify": "^3.0.0" + } + } + } + }, + "read-pkg-up": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz", + "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==", + "dev": true, + "requires": { + "find-up": "^4.1.0", + "read-pkg": "^5.2.0", + "type-fest": "^0.8.1" + }, + "dependencies": { + "find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "requires": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + } + }, + "locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "requires": { + "p-locate": "^4.1.0" + } + }, + "p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "requires": { + "p-limit": "^2.2.0" + } + }, + "path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true + }, + "read-pkg": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz", + "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==", + "dev": true, + "requires": { + "@types/normalize-package-data": "^2.4.0", + "normalize-package-data": "^2.5.0", + "parse-json": "^5.0.0", + "type-fest": "^0.6.0" + }, + "dependencies": { + "type-fest": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz", + "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==", + "dev": true + } + } + } + } + }, + "readable-stream": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", + "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", + "dev": true, + "requires": { + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" + } + }, + "readdirp": { + "version": "3.5.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz", + "integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==", + "dev": true, + "requires": { + "picomatch": "^2.2.1" + } + }, + "redent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz", + "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==", + "dev": true, + "requires": { + "indent-string": "^4.0.0", + "strip-indent": "^3.0.0" + } + }, + "regenerator-runtime": { + "version": "0.13.7", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz", + "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==", + "dev": true + }, + "regexp.prototype.flags": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.3.1.tgz", + "integrity": "sha512-JiBdRBq91WlY7uRJ0ds7R+dU02i6LKi8r3BuQhNXn+kmeLN+EfHhfjqMRis1zJxnlu88hq/4dx0P2OP3APRTOA==", + "dev": true, + "requires": { + "call-bind": "^1.0.2", + "define-properties": "^1.1.3" + }, + "dependencies": { + "call-bind": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz", + "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==", + "dev": true, + "requires": { + "function-bind": "^1.1.1", + "get-intrinsic": "^1.0.2" + } + }, + "get-intrinsic": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.0.tgz", + "integrity": "sha512-M11rgtQp5GZMZzDL7jLTNxbDfurpzuau5uqRWDPvlHjfvg3TdScAZo96GLvhMjImrmR8uAt0FS2RLoMrfWGKlg==", + "dev": true, + "requires": { + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1" + } + } + } + }, + "regexpp": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz", + "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==", + "dev": true + }, + "regextras": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/regextras/-/regextras-0.7.1.tgz", + "integrity": "sha512-9YXf6xtW+qzQ+hcMQXx95MOvfqXFgsKDZodX3qZB0x2n5Z94ioetIITsBtvJbiOyxa/6s9AtyweBLCdPmPko/w==", + "dev": true + }, + "remark": { + "version": "13.0.0", + "resolved": "https://registry.npmjs.org/remark/-/remark-13.0.0.tgz", + "integrity": "sha512-HDz1+IKGtOyWN+QgBiAT0kn+2s6ovOxHyPAFGKVE81VSzJ+mq7RwHFledEvB5F1p4iJvOah/LOKdFuzvRnNLCA==", + "dev": true, + "requires": { + "remark-parse": "^9.0.0", + "remark-stringify": "^9.0.0", + "unified": "^9.1.0" + } + }, + "remark-parse": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-9.0.0.tgz", + "integrity": "sha512-geKatMwSzEXKHuzBNU1z676sGcDcFoChMK38TgdHJNAYfFtsfHDQG7MoJAjs6sgYMqyLduCYWDIWZIxiPeafEw==", + "dev": true, + "requires": { + "mdast-util-from-markdown": "^0.8.0" + } + }, + "remark-stringify": { + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-9.0.1.tgz", + "integrity": "sha512-mWmNg3ZtESvZS8fv5PTvaPckdL4iNlCHTt8/e/8oN08nArHRHjNZMKzA/YW3+p7/lYqIw4nx1XsjCBo/AxNChg==", + "dev": true, + "requires": { + "mdast-util-to-markdown": "^0.6.0" + } + }, + "repeat-string": { + "version": "1.6.1", + "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", + "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=", + "dev": true + }, + "require-directory": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", + "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=", + "dev": true + }, + "require-from-string": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", + "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", + "dev": true + }, + "require-main-filename": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", + "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", + "dev": true + }, + "requireindex": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/requireindex/-/requireindex-1.2.0.tgz", + "integrity": "sha512-L9jEkOi3ASd9PYit2cwRfyppc9NoABujTP8/5gFcbERmo5jUoAKovIC3fsF17pkTnGsrByysqX+Kxd2OTNI1ww==", + "dev": true + }, + "resolve": { + "version": "1.19.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz", + "integrity": "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==", + "dev": true, + "requires": { + "is-core-module": "^2.1.0", + "path-parse": "^1.0.6" + } + }, + "resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "dev": true + }, + "reusify": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", + "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", + "dev": true + }, + "rimraf": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", + "dev": true, + "requires": { + "glob": "^7.1.3" + } + }, + "rtlcss": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/rtlcss/-/rtlcss-2.6.2.tgz", + "integrity": "sha512-06LFAr+GAPo+BvaynsXRfoYTJvSaWRyOhURCQ7aeI1MKph9meM222F+Zkt3bDamyHHJuGi3VPtiRkpyswmQbGA==", + "dev": true, + "requires": { + "@choojs/findup": "^0.2.1", + "chalk": "^2.4.2", + "mkdirp": "^0.5.1", + "postcss": "^6.0.23", + "strip-json-comments": "^2.0.0" + }, + "dependencies": { + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "dev": true, + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "strip-json-comments": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz", + "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=", + "dev": true + } + } + }, + "run-parallel": { + "version": "1.1.10", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.1.10.tgz", + "integrity": "sha512-zb/1OuZ6flOlH6tQyMPUrE3x3Ulxjlo9WIVXR4yVYi4H9UXQaeIsPbLn2R3O3vQCnDKkAl2qHiuocKKX4Tz/Sw==", + "dev": true + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "sass": { + "version": "1.32.5", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.32.5.tgz", + "integrity": "sha512-kU1yJ5zUAmPxr7f3q0YXTAd1oZjSR1g3tYyv+xu0HZSl5JiNOaE987eiz7wCUvbm4I9fGWGU2TgApTtcP4GMNQ==", + "dev": true, + "requires": { + "chokidar": ">=2.0.0 <4.0.0" + } + }, + "semver": { + "version": "7.3.4", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.4.tgz", + "integrity": "sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } + }, + "set-blocking": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", + "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=", + "dev": true + }, + "shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "requires": { + "shebang-regex": "^3.0.0" + } + }, + "shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true + }, + "shell-quote": { + "version": "1.7.2", + "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz", + "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==", + "dev": true + }, + "side-channel": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz", + "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "get-intrinsic": "^1.0.2", + "object-inspect": "^1.9.0" + }, + "dependencies": { + "get-intrinsic": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.0.tgz", + "integrity": "sha512-M11rgtQp5GZMZzDL7jLTNxbDfurpzuau5uqRWDPvlHjfvg3TdScAZo96GLvhMjImrmR8uAt0FS2RLoMrfWGKlg==", + "dev": true, + "requires": { + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1" + } + } + } + }, + "signal-exit": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz", + "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==", + "dev": true + }, + "slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true + }, + "slice-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz", + "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==", + "dev": true, + "requires": { + "ansi-styles": "^4.0.0", + "astral-regex": "^2.0.0", + "is-fullwidth-code-point": "^3.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true + } + } + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", + "dev": true + }, + "spdx-correct": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz", + "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==", + "dev": true, + "requires": { + "spdx-expression-parse": "^3.0.0", + "spdx-license-ids": "^3.0.0" + } + }, + "spdx-exceptions": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz", + "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==", + "dev": true + }, + "spdx-expression-parse": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", + "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", + "dev": true, + "requires": { + "spdx-exceptions": "^2.1.0", + "spdx-license-ids": "^3.0.0" + } + }, + "spdx-license-ids": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.7.tgz", + "integrity": "sha512-U+MTEOO0AiDzxwFvoa4JVnMV6mZlJKk2sBLt90s7G0Gd0Mlknc7kxEn3nuDPNZRta7O2uy8oLcZLVT+4sqNZHQ==", + "dev": true + }, + "specificity": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz", + "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==", + "dev": true + }, + "sprintf-js": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=", + "dev": true + }, + "string-width": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", + "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", + "dev": true, + "requires": { + "emoji-regex": "^7.0.1", + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^5.1.0" + }, + "dependencies": { + "emoji-regex": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz", + "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==", + "dev": true + } + } + }, + "string.prototype.matchall": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.3.tgz", + "integrity": "sha512-OBxYDA2ifZQ2e13cP82dWFMaCV9CGF8GzmN4fljBVw5O5wep0lu4gacm1OL6MjROoUnB8VbkWRThqkV2YFLNxw==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3", + "es-abstract": "^1.18.0-next.1", + "has-symbols": "^1.0.1", + "internal-slot": "^1.0.2", + "regexp.prototype.flags": "^1.3.0", + "side-channel": "^1.0.3" + } + }, + "string.prototype.padend": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/string.prototype.padend/-/string.prototype.padend-3.1.1.tgz", + "integrity": "sha512-eCzTASPnoCr5Ht+Vn1YXgm8SB015hHKgEIMu9Nr9bQmLhRBxKRfmzSj/IQsxDFc8JInJDDFA0qXwK+xxI7wDkg==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3", + "es-abstract": "^1.18.0-next.1" + } + }, + "string.prototype.trimend": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.3.tgz", + "integrity": "sha512-ayH0pB+uf0U28CtjlLvL7NaohvR1amUvVZk+y3DYb0Ey2PUV5zPkkKy9+U1ndVEIXO8hNg18eIv9Jntbii+dKw==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3" + } + }, + "string.prototype.trimstart": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.3.tgz", + "integrity": "sha512-oBIBUy5lea5tt0ovtOFiEQaBkoBBkyJhZXzJYrSmDo5IUUqbOPvVezuRs/agBIdZ2p2Eo1FD6bD9USyBLfl3xg==", + "dev": true, + "requires": { + "call-bind": "^1.0.0", + "define-properties": "^1.1.3" + } + }, + "string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "dev": true, + "requires": { + "safe-buffer": "~5.2.0" + }, + "dependencies": { + "safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "dev": true + } + } + }, + "strip-ansi": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", + "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", + "dev": true, + "requires": { + "ansi-regex": "^4.1.0" + } + }, + "strip-bom": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz", + "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=", + "dev": true + }, + "strip-indent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz", + "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==", + "dev": true, + "requires": { + "min-indent": "^1.0.0" + } + }, + "strip-json-comments": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", + "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", + "dev": true + }, + "style-search": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz", + "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=", + "dev": true + }, + "stylelint": { + "version": "13.9.0", + "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-13.9.0.tgz", + "integrity": "sha512-VVWH2oixOAxpWL1vH+V42ReCzBjW2AeqskSAbi8+3OjV1Xg3VZkmTcAqBZfRRvJeF4BvYuDLXebW3tIHxgZDEg==", + "dev": true, + "requires": { + "@stylelint/postcss-css-in-js": "^0.37.2", + "@stylelint/postcss-markdown": "^0.36.2", + "autoprefixer": "^9.8.6", + "balanced-match": "^1.0.0", + "chalk": "^4.1.0", + "cosmiconfig": "^7.0.0", + "debug": "^4.3.1", + "execall": "^2.0.0", + "fast-glob": "^3.2.5", + "fastest-levenshtein": "^1.0.12", + "file-entry-cache": "^6.0.0", + "get-stdin": "^8.0.0", + "global-modules": "^2.0.0", + "globby": "^11.0.2", + "globjoin": "^0.1.4", + "html-tags": "^3.1.0", + "ignore": "^5.1.8", + "import-lazy": "^4.0.0", + "imurmurhash": "^0.1.4", + "known-css-properties": "^0.20.0", + "lodash": "^4.17.20", + "log-symbols": "^4.0.0", + "mathml-tag-names": "^2.1.3", + "meow": "^9.0.0", + "micromatch": "^4.0.2", + "normalize-selector": "^0.2.0", + "postcss": "^7.0.35", + "postcss-html": "^0.36.0", + "postcss-less": "^3.1.4", + "postcss-media-query-parser": "^0.2.3", + "postcss-resolve-nested-selector": "^0.1.1", + "postcss-safe-parser": "^4.0.2", + "postcss-sass": "^0.4.4", + "postcss-scss": "^2.1.1", + "postcss-selector-parser": "^6.0.4", + "postcss-syntax": "^0.36.2", + "postcss-value-parser": "^4.1.0", + "resolve-from": "^5.0.0", + "slash": "^3.0.0", + "specificity": "^0.4.1", + "string-width": "^4.2.0", + "strip-ansi": "^6.0.0", + "style-search": "^0.1.0", + "sugarss": "^2.0.0", + "svg-tags": "^1.0.0", + "table": "^6.0.7", + "v8-compile-cache": "^2.2.0", + "write-file-atomic": "^3.0.3" + }, + "dependencies": { + "ansi-regex": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz", + "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==", + "dev": true + }, + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", + "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true + }, + "fast-glob": { + "version": "3.2.5", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.5.tgz", + "integrity": "sha512-2DtFcgT68wiTTiwZ2hNdJfcHNke9XOfnwmBRWXhmeKM8rF0TGwmC/Qto3S7RoZKp5cilZbxzO5iTNTQsJ+EeDg==", + "dev": true, + "requires": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.0", + "merge2": "^1.3.0", + "micromatch": "^4.0.2", + "picomatch": "^2.2.1" + } + }, + "get-stdin": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz", + "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==", + "dev": true + }, + "globby": { + "version": "11.0.2", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.2.tgz", + "integrity": "sha512-2ZThXDvvV8fYFRVIxnrMQBipZQDr7MxKAmQK1vujaj9/7eF0efG7BPUKJ7jP7G5SLF37xKDXvO4S/KKLj/Z0og==", + "dev": true, + "requires": { + "array-union": "^2.1.0", + "dir-glob": "^3.0.1", + "fast-glob": "^3.1.1", + "ignore": "^5.1.4", + "merge2": "^1.3.0", + "slash": "^3.0.0" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "ignore": { + "version": "5.1.8", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz", + "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==", + "dev": true + }, + "is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true + }, + "log-symbols": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.0.0.tgz", + "integrity": "sha512-FN8JBzLx6CzeMrB0tg6pqlGU1wCrXW+ZXGH481kfsBqer0hToTIiHdjH4Mq8xJUbvATujKCvaREGWpGUionraA==", + "dev": true, + "requires": { + "chalk": "^4.0.0" + } + }, + "resolve-from": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", + "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", + "dev": true + }, + "string-width": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz", + "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==", + "dev": true, + "requires": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.0" + } + }, + "strip-ansi": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz", + "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.0" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "stylelint-config-recommended": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-3.0.0.tgz", + "integrity": "sha512-F6yTRuc06xr1h5Qw/ykb2LuFynJ2IxkKfCMf+1xqPffkxh0S09Zc902XCffcsw/XMFq/OzQ1w54fLIDtmRNHnQ==", + "dev": true + }, + "stylelint-config-recommended-scss": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-4.2.0.tgz", + "integrity": "sha512-4bI5BYbabo/GCQ6LbRZx/ZlVkK65a1jivNNsD+ix/Lw0U3iAch+jQcvliGnnAX8SUPaZ0UqzNVNNAF3urswa7g==", + "dev": true, + "requires": { + "stylelint-config-recommended": "^3.0.0" + } + }, + "stylelint-config-wordpress": { + "version": "17.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-wordpress/-/stylelint-config-wordpress-17.0.0.tgz", + "integrity": "sha512-qUU2kVMd2ezIV9AzRdgietIfnavRRENt4180A1OMoVXIowRjjhohZgBiyVPV5EtNKo3GTO63l8g/QGNG27/h9g==", + "dev": true, + "requires": { + "stylelint-config-recommended": "^3.0.0", + "stylelint-config-recommended-scss": "^4.2.0", + "stylelint-scss": "^3.17.2" + } + }, + "stylelint-scss": { + "version": "3.18.0", + "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-3.18.0.tgz", + "integrity": "sha512-LD7+hv/6/ApNGt7+nR/50ft7cezKP2HM5rI8avIdGaUWre3xlHfV4jKO/DRZhscfuN+Ewy9FMhcTq0CcS0C/SA==", + "dev": true, + "requires": { + "lodash": "^4.17.15", + "postcss-media-query-parser": "^0.2.3", + "postcss-resolve-nested-selector": "^0.1.1", + "postcss-selector-parser": "^6.0.2", + "postcss-value-parser": "^4.1.0" + } + }, + "sugarss": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/sugarss/-/sugarss-2.0.0.tgz", + "integrity": "sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ==", + "dev": true, + "requires": { + "postcss": "^7.0.2" + } + }, + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + }, + "svg-tags": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz", + "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=", + "dev": true + }, + "table": { + "version": "6.0.7", + "resolved": "https://registry.npmjs.org/table/-/table-6.0.7.tgz", + "integrity": "sha512-rxZevLGTUzWna/qBLObOe16kB2RTnnbhciwgPbMMlazz1yZGVEgnZK762xyVdVznhqxrfCeBMmMkgOOaPwjH7g==", + "dev": true, + "requires": { + "ajv": "^7.0.2", + "lodash": "^4.17.20", + "slice-ansi": "^4.0.0", + "string-width": "^4.2.0" + }, + "dependencies": { + "ajv": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-7.0.3.tgz", + "integrity": "sha512-R50QRlXSxqXcQP5SvKUrw8VZeypvo12i2IX0EeR5PiZ7bEKeHWgzgo264LDadUsCU42lTJVhFikTqJwNeH34gQ==", + "dev": true, + "requires": { + "fast-deep-equal": "^3.1.1", + "json-schema-traverse": "^1.0.0", + "require-from-string": "^2.0.2", + "uri-js": "^4.2.2" + } + }, + "ansi-regex": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz", + "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==", + "dev": true + }, + "emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true + }, + "is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true + }, + "json-schema-traverse": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "dev": true + }, + "string-width": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz", + "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==", + "dev": true, + "requires": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.0" + } + }, + "strip-ansi": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz", + "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.0" + } + } + } + }, + "text-table": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", + "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=", + "dev": true + }, + "to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=", + "dev": true + }, + "to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "requires": { + "is-number": "^7.0.0" + } + }, + "trim-newlines": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.0.tgz", + "integrity": "sha512-C4+gOpvmxaSMKuEf9Qc134F1ZuOHVXKRbtEflf4NTtuuJDEIJ9p5PXsalL8SkeRw+qit1Mo+yuvMPAKwWg/1hA==", + "dev": true + }, + "trough": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.5.tgz", + "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==", + "dev": true + }, + "tsconfig-paths": { + "version": "3.9.0", + "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz", + "integrity": "sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==", + "dev": true, + "requires": { + "@types/json5": "^0.0.29", + "json5": "^1.0.1", + "minimist": "^1.2.0", + "strip-bom": "^3.0.0" + }, + "dependencies": { + "json5": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz", + "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", + "dev": true, + "requires": { + "minimist": "^1.2.0" + } + } + } + }, + "tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, + "tsutils": { + "version": "3.20.0", + "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.20.0.tgz", + "integrity": "sha512-RYbuQuvkhuqVeXweWT3tJLKOEJ/UUw9GjNEZGWdrLLlM+611o1gwLHBpxoFJKKl25fLprp2eVthtKs5JOrNeXg==", + "dev": true, + "requires": { + "tslib": "^1.8.1" + } + }, + "type-check": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", + "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", + "dev": true, + "requires": { + "prelude-ls": "^1.2.1" + } + }, + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "dev": true + }, + "typedarray-to-buffer": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz", + "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==", + "dev": true, + "requires": { + "is-typedarray": "^1.0.0" + } + }, + "unified": { + "version": "9.2.0", + "resolved": "https://registry.npmjs.org/unified/-/unified-9.2.0.tgz", + "integrity": "sha512-vx2Z0vY+a3YoTj8+pttM3tiJHCwY5UFbYdiWrwBEbHmK8pvsPj2rtAX2BFfgXen8T39CJWblWRDT4L5WGXtDdg==", + "dev": true, + "requires": { + "bail": "^1.0.0", + "extend": "^3.0.0", + "is-buffer": "^2.0.0", + "is-plain-obj": "^2.0.0", + "trough": "^1.0.0", + "vfile": "^4.0.0" + } + }, + "uniq": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz", + "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=", + "dev": true + }, + "unist-util-find-all-after": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/unist-util-find-all-after/-/unist-util-find-all-after-3.0.2.tgz", + "integrity": "sha512-xaTC/AGZ0rIM2gM28YVRAFPIZpzbpDtU3dRmp7EXlNVA8ziQc4hY3H7BHXM1J49nEmiqc3svnqMReW+PGqbZKQ==", + "dev": true, + "requires": { + "unist-util-is": "^4.0.0" + } + }, + "unist-util-is": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.0.4.tgz", + "integrity": "sha512-3dF39j/u423v4BBQrk1AQ2Ve1FxY5W3JKwXxVFzBODQ6WEvccguhgp802qQLKSnxPODE6WuRZtV+ohlUg4meBA==", + "dev": true + }, + "unist-util-stringify-position": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz", + "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==", + "dev": true, + "requires": { + "@types/unist": "^2.0.2" + } + }, + "universalify": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-1.0.0.tgz", + "integrity": "sha512-rb6X1W158d7pRQBg5gkR8uPaSfiids68LTJQYOtEUhoJUWBdaQHsuT/EUduxXYxcrt4r5PJ4fuHW1MHT6p0qug==", + "dev": true + }, + "uri-js": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", + "dev": true, + "requires": { + "punycode": "^2.1.0" + } + }, + "util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=", + "dev": true + }, + "v8-compile-cache": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz", + "integrity": "sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==", + "dev": true + }, + "validate-npm-package-license": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", + "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", + "dev": true, + "requires": { + "spdx-correct": "^3.0.0", + "spdx-expression-parse": "^3.0.0" + } + }, + "vfile": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.1.tgz", + "integrity": "sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==", + "dev": true, + "requires": { + "@types/unist": "^2.0.0", + "is-buffer": "^2.0.0", + "unist-util-stringify-position": "^2.0.0", + "vfile-message": "^2.0.0" + } + }, + "vfile-message": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz", + "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==", + "dev": true, + "requires": { + "@types/unist": "^2.0.0", + "unist-util-stringify-position": "^2.0.0" + } + }, + "which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "requires": { + "isexe": "^2.0.0" + } + }, + "which-module": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz", + "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=", + "dev": true + }, + "word-wrap": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz", + "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==", + "dev": true + }, + "wrap-ansi": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz", + "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==", + "dev": true, + "requires": { + "ansi-styles": "^3.2.0", + "string-width": "^3.0.0", + "strip-ansi": "^5.0.0" + } + }, + "wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=", + "dev": true + }, + "write-file-atomic": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz", + "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==", + "dev": true, + "requires": { + "imurmurhash": "^0.1.4", + "is-typedarray": "^1.0.0", + "signal-exit": "^3.0.2", + "typedarray-to-buffer": "^3.1.5" + } + }, + "y18n": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.1.tgz", + "integrity": "sha512-wNcy4NvjMYL8gogWWYAO7ZFWFfHcbdbE57tZO8e4cbpj8tfUcwrwqSl3ad8HxpYWCdXcJUCeKKZS62Av1affwQ==", + "dev": true + }, + "yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "yaml": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz", + "integrity": "sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==", + "dev": true + }, + "yargs": { + "version": "13.3.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz", + "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==", + "dev": true, + "requires": { + "cliui": "^5.0.0", + "find-up": "^3.0.0", + "get-caller-file": "^2.0.1", + "require-directory": "^2.1.1", + "require-main-filename": "^2.0.0", + "set-blocking": "^2.0.0", + "string-width": "^3.0.0", + "which-module": "^2.0.0", + "y18n": "^4.0.0", + "yargs-parser": "^13.1.2" + } + }, + "yargs-parser": { + "version": "13.1.2", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz", + "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==", + "dev": true, + "requires": { + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" + } + }, + "zwitch": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz", + "integrity": "sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==", + "dev": true + } + } +} diff --git a/themes/twentytwentyone/package.json b/themes/twentytwentyone/package.json index 7959cda2..e2a72581 100644 --- a/themes/twentytwentyone/package.json +++ b/themes/twentytwentyone/package.json @@ -1,67 +1,68 @@ -{ - "name": "twentytwentyone", - "version": "1.1.0", - "description": "Default WP Theme", - "author": "The WordPress Contributors", - "license": "GPL-2.0-or-later", - "keywords": [ - "WordPress", - "Theme" - ], - "bugs": { - "url": "https://core.trac.wordpress.org/" - }, - "homepage": "https://wordpress.org/themes/twentytwentyone/", - "devDependencies": { - "@wordpress/browserslist-config": "^2.2.2", - "@wordpress/eslint-plugin": "^7.3.0", - "autoprefixer": "^9.5.1", - "chokidar-cli": "^2.1.0", - "eslint": "^7.11.0", - "minimist": "^1.2.2", - "npm-run-all": "^4.1.5", - "postcss-calc": "^7.0.5", - "postcss-cli": "^7.1.0", - "postcss-css-variables": "^0.17.0", - "postcss-custom-media": "^7.0.8", - "postcss-focus-within": "^3.0.0", - "postcss-nested": "^4.2.1", - "rtlcss": "^2.6.1", - "sass": "^1.28.0", - "stylelint": "^13.7.2", - "stylelint-config-recommended-scss": "^4.2.0", - "stylelint-config-wordpress": "^17.0.0" - }, - "rtlcssConfig": { - "options": { - "autoRename": false, - "autoRenameStrict": false, - "blacklist": {}, - "clean": true, - "greedy": false, - "processUrls": false, - "stringMap": [] - }, - "plugins": [], - "map": false - }, - "browserslist": [ - "extends @wordpress/browserslist-config" - ], - "scripts": { - "start": "chokidar \"**/*.scss\" -c \"npm run build\" --initial", - "build:style": "sass assets/sass/style.scss:style.css --style=expanded --source-map", - "build:style-editor": "sass assets/sass/style-editor.scss:assets/css/style-editor.css --style=expanded --source-map", - "build:style-dark-mode": "sass assets/sass/style-dark-mode.scss:assets/css/style-dark-mode.css --style=expanded --source-map", - "build:rtl": "rtlcss style.css style-rtl.css style-dark-mode.css style-dark-mode-rtl.css", - "build:dark-rtl": "rtlcss assets/css/style-dark-mode.css assets/css/style-dark-mode-rtl.css", - "build:print": "sass assets/sass/07-utilities/print.scss:assets/css/print.css --style=expanded --source-map", - "build:ie": "postcss style.css -o assets/css/ie.css", - "build:ie-editor": "postcss assets/css/style-editor.css -o assets/css/ie-editor.css", - "build:stylelint": "stylelint **/*.css --fix --config .stylelintrc-css.json", - "build": "run-s \"build:*\"", - "watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial", - "lint:scss": "stylelint **/*.scss", - "lint-fix:scss": "stylelint **/*.scss --fix" - } -} +{ + "name": "twentytwentyone", + "version": "1.2.0", + "description": "Default WP Theme", + "author": "The WordPress Contributors", + "license": "GPL-2.0-or-later", + "keywords": [ + "WordPress", + "Theme" + ], + "bugs": { + "url": "https://core.trac.wordpress.org/" + }, + "homepage": "https://wordpress.org/themes/twentytwentyone/", + "devDependencies": { + "@wordpress/browserslist-config": "^3.0.0", + "@wordpress/eslint-plugin": "^8.0.1", + "autoprefixer": "^9.5.1", + "chokidar-cli": "^2.1.0", + "eslint": "^7.18.0", + "minimist": "^1.2.2", + "npm-run-all": "^4.1.5", + "postcss-calc": "^7.0.5", + "postcss-cli": "^7.1.0", + "postcss-css-variables": "^0.17.0", + "postcss-custom-media": "^7.0.8", + "postcss-discard-duplicates": "^4.0.2", + "postcss-focus-within": "^3.0.0", + "postcss-nested": "^4.2.1", + "rtlcss": "^2.6.1", + "sass": "^1.32.5", + "stylelint": "^13.9.0", + "stylelint-config-recommended-scss": "^4.2.0", + "stylelint-config-wordpress": "^17.0.0" + }, + "rtlcssConfig": { + "options": { + "autoRename": false, + "autoRenameStrict": false, + "blacklist": {}, + "clean": true, + "greedy": false, + "processUrls": false, + "stringMap": [] + }, + "plugins": [], + "map": false + }, + "browserslist": [ + "extends @wordpress/browserslist-config" + ], + "scripts": { + "start": "chokidar \"**/*.scss\" -c \"npm run build\" --initial", + "build:style": "sass assets/sass/style.scss:style.css --style=expanded --source-map", + "build:style-editor": "sass assets/sass/style-editor.scss:assets/css/style-editor.css --style=expanded --source-map", + "build:style-dark-mode": "sass assets/sass/style-dark-mode.scss:assets/css/style-dark-mode.css --style=expanded --source-map", + "build:rtl": "rtlcss style.css style-rtl.css", + "build:dark-rtl": "rtlcss assets/css/style-dark-mode.css assets/css/style-dark-mode-rtl.css", + "build:print": "sass assets/sass/07-utilities/print.scss:assets/css/print.css --style=expanded --source-map", + "build:ie": "postcss style.css -o assets/css/ie.css", + "build:ie-editor": "postcss assets/css/style-editor.css -o assets/css/ie-editor.css", + "build:stylelint": "stylelint **/*.css --fix --config .stylelintrc-css.json", + "build": "run-s \"build:*\"", + "watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial", + "lint:scss": "stylelint **/*.scss", + "lint-fix:scss": "stylelint **/*.scss --fix" + } +} diff --git a/themes/twentytwentyone/postcss.config.js b/themes/twentytwentyone/postcss.config.js index f56cb0f2..c291aae9 100644 --- a/themes/twentytwentyone/postcss.config.js +++ b/themes/twentytwentyone/postcss.config.js @@ -1,12 +1,13 @@ -module.exports = { - plugins: [ - require('postcss-nested'), - require('postcss-css-variables')({ - preserve: false, - preserveAtRulesOrder: true - }), - require('postcss-calc')({ - precision: 0 - }) - ] -}; +module.exports = { + plugins: [ + require('postcss-nested'), + require('postcss-css-variables')({ + preserve: false, + preserveAtRulesOrder: true + }), + require('postcss-calc')({ + precision: 0 + }), + require('postcss-discard-duplicates') + ] +}; diff --git a/themes/twentytwentyone/readme.txt b/themes/twentytwentyone/readme.txt index cb711ec5..4b03d865 100644 --- a/themes/twentytwentyone/readme.txt +++ b/themes/twentytwentyone/readme.txt @@ -1,104 +1,109 @@ -=== Twenty Twenty-One === -Contributors: wordpressdotorg -Requires at least: 5.3 -Tested up to: 5.6 -Requires PHP: 5.6 -Stable tag: 1.1 -License: GPLv2 or later -License URI: http://www.gnu.org/licenses/gpl-2.0.html - -== Description == - -Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. - -With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. - -Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. - -== Installation == - -1. In your admin panel, go to Appearance -> Themes and click the 'Add New' button. -2. Type in Twenty Twenty-One in the search form and press the 'Enter' key on your keyboard. -3. Click on the 'Activate' button to use your new theme right away. -4. Go to INSERT ABOUT PAGE for a guide on how to customize this theme. -5. Navigate to Appearance > Customize in your admin panel and customize to your taste. - -== Privacy == -Twenty Twenty-One uses LocalStorage to save the setting when Dark Mode support is turned on or off. -LocalStorage is necessary for the setting to work and is only used when a user clicks on the Dark Mode button. -No data is saved in the database or transferred. - -== Changelog == - -= 1.1 = -* Released: December 22, 2020 - -https://wordpress.org/support/article/twenty-twenty-one-changelog#Version_1.1 - -= 1.0 = -* Released: December 8, 2020 - -https://wordpress.org/support/article/twenty-twenty-one-changelog#Version_1.0 - -== Copyright == - -Twenty Twenty-One WordPress Theme, 2020 WordPress.org -Twenty Twenty-One is distributed under the terms of the GNU GPL. - -This program is free software: you can redistribute it and/or modify -it under the terms of the GNU General Public License as published by -the Free Software Foundation, either version 2 of the License, or -(at your option) any later version. - -This program is distributed in the hope that it will be useful, -but WITHOUT ANY WARRANTY; without even the implied warranty of -MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the -GNU General Public License for more details. - - -Twenty Twenty-One is derived from Seedlet, (C) 2020 Automattic, Inc. - -Twenty Twenty-One is also based on: - -Twenty Nineteen. 2018-2020 WordPress.org -Twenty Nineteen is distributed under the terms of the GNU GPL v2 or later. - -Twenty Seventeen. Copyright (C) 2016-2020 WordPress.org -Twenty Seventeen is distributed under the terms of the GNU GPL v2 or later. - -Twenty Sixteen. Copyright (C) 2015-2020 WordPress.org -Twenty Sixteen is distributed under the terms of the GNU GPL v2 or later. - -Twenty Twenty. Copyright (C) 2020 WordPress.org -Twenty Twenty is distributed under the terms of the GNU GPL v2 or later. - -Underscores https://underscores.me/, Copyright (C) 2012-2020 Automattic, Inc. -Underscores is distributed under the terms of the GNU GPL v2 or later. - -Normalizing styles have been helped along thanks to the fine work of -Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ - -Unless otherwise noted, the icons in this theme are derived from the WordPress -Icons Library, licensed under the terms of the GNU GPL v2 or later. -https://github.com/WordPress/gutenberg/tree/master/packages/icons - -This theme bundles the following third-party resources: - -input[type='checkbox'], input[type='radio'], input[type='ranged'], -https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ -https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ -https://codepen.io/aaroniker/pen/ZEYoxEY Copyright (c) 2020 Aaron Iker -https://codepen.io/chriscoyier/pen/FtnAa Copyright (c) 2020 Chris Coyier -License: MIT. - -Images -Art by Berthe Morisot 1841-1895. Public domain. -https://www.wikiart.org/en/berthe-morisot/playing-in-the-sand -https://www.wikiart.org/en/berthe-morisot/roses-tremieres-hollyhocks-1884 -https://www.wikiart.org/en/berthe-morisot/young-woman-in-mauve -https://www.wikiart.org/en/berthe-morisot/in-the-bois-de-boulogne -https://www.wikiart.org/en/berthe-morisot/daffodils -https://www.wikiart.org/en/berthe-morisot/self-portrait-1885 -https://www.wikiart.org/en/berthe-morisot/the-garden-at-bougival-1884 -https://www.wikiart.org/en/berthe-morisot/villa-with-orange-trees-nice -https://www.wikiart.org/en/berthe-morisot/reading +=== Twenty Twenty-One === +Contributors: wordpressdotorg +Requires at least: 5.3 +Tested up to: 5.6 +Requires PHP: 5.6 +Stable tag: 1.2 +License: GPLv2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html + +== Description == + +Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. + +With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. + +Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. + +== Installation == + +1. In your admin panel, go to Appearance -> Themes and click the 'Add New' button. +2. Type in Twenty Twenty-One in the search form and press the 'Enter' key on your keyboard. +3. Click on the 'Activate' button to use your new theme right away. +4. Go to INSERT ABOUT PAGE for a guide on how to customize this theme. +5. Navigate to Appearance > Customize in your admin panel and customize to your taste. + +== Privacy == +Twenty Twenty-One uses LocalStorage to save the setting when Dark Mode support is turned on or off. +LocalStorage is necessary for the setting to work and is only used when a user clicks on the Dark Mode button. +No data is saved in the database or transferred. + +== Changelog == + += 1.2 = +* Released: March 9, 2021 + +https://wordpress.org/support/article/twenty-twenty-one-changelog#Version_1.2 + += 1.1 = +* Released: December 22, 2020 + +https://wordpress.org/support/article/twenty-twenty-one-changelog#Version_1.1 + += 1.0 = +* Released: December 8, 2020 + +https://wordpress.org/support/article/twenty-twenty-one-changelog#Version_1.0 + +== Copyright == + +Twenty Twenty-One WordPress Theme, 2020-2021 WordPress.org +Twenty Twenty-One is distributed under the terms of the GNU GPL. + +This program is free software: you can redistribute it and/or modify +it under the terms of the GNU General Public License as published by +the Free Software Foundation, either version 2 of the License, or +(at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU General Public License for more details. + + +Twenty Twenty-One is derived from Seedlet, (C) 2020 Automattic, Inc. + +Twenty Twenty-One is also based on: + +Twenty Nineteen. 2018-2021 WordPress.org +Twenty Nineteen is distributed under the terms of the GNU GPL v2 or later. + +Twenty Seventeen. Copyright (C) 2016-2021 WordPress.org +Twenty Seventeen is distributed under the terms of the GNU GPL v2 or later. + +Twenty Sixteen. Copyright (C) 2015-2021 WordPress.org +Twenty Sixteen is distributed under the terms of the GNU GPL v2 or later. + +Twenty Twenty. Copyright (C) 2020-2021 WordPress.org +Twenty Twenty is distributed under the terms of the GNU GPL v2 or later. + +Underscores https://underscores.me/, Copyright (C) 2012-2021 Automattic, Inc. +Underscores is distributed under the terms of the GNU GPL v2 or later. + +Normalizing styles have been helped along thanks to the fine work of +Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ + +Unless otherwise noted, the icons in this theme are derived from the WordPress +Icons Library, licensed under the terms of the GNU GPL v2 or later. +https://github.com/WordPress/gutenberg/tree/master/packages/icons + +This theme bundles the following third-party resources: + +input[type='checkbox'], input[type='radio'], input[type='ranged'], +https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ +https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ +https://codepen.io/aaroniker/pen/ZEYoxEY Copyright (c) 2020 Aaron Iker +https://codepen.io/chriscoyier/pen/FtnAa Copyright (c) 2020 Chris Coyier +License: MIT. + +Images +Art by Berthe Morisot 1841-1895. Public domain. +https://www.wikiart.org/en/berthe-morisot/playing-in-the-sand +https://www.wikiart.org/en/berthe-morisot/roses-tremieres-hollyhocks-1884 +https://www.wikiart.org/en/berthe-morisot/young-woman-in-mauve +https://www.wikiart.org/en/berthe-morisot/in-the-bois-de-boulogne +https://www.wikiart.org/en/berthe-morisot/daffodils +https://www.wikiart.org/en/berthe-morisot/self-portrait-1885 +https://www.wikiart.org/en/berthe-morisot/the-garden-at-bougival-1884 +https://www.wikiart.org/en/berthe-morisot/villa-with-orange-trees-nice +https://www.wikiart.org/en/berthe-morisot/reading diff --git a/themes/twentytwentyone/search.php b/themes/twentytwentyone/search.php index c890725a..42317e7b 100644 --- a/themes/twentytwentyone/search.php +++ b/themes/twentytwentyone/search.php @@ -17,7 +17,7 @@

' . esc_html( get_search_query() ) . '' ); @@ -29,7 +29,7 @@ sprintf( __( 'Published in%s', 'twentytwentyone' ), '%title' ), ) ); diff --git a/themes/twentytwentyone/style-rtl.css b/themes/twentytwentyone/style-rtl.css index 5ccb9d51..5bd9d2a3 100644 --- a/themes/twentytwentyone/style-rtl.css +++ b/themes/twentytwentyone/style-rtl.css @@ -9,7 +9,7 @@ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the Requires at least: 5.3 Tested up to: 5.6 Requires PHP: 5.6 -Version: 1.1 +Version: 1.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyone @@ -317,7 +317,7 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); /* Admin-bar height */ - --global--admin-bar--height: 0; + --global--admin-bar--height: 0px; } .admin-bar { @@ -1564,9 +1564,9 @@ fieldset input[type=checkbox] + label { } img { - display: block; height: auto; max-width: 100%; + vertical-align: middle; } /* Classic editor images */ @@ -1660,9 +1660,14 @@ a:hover { background: rgba(255, 255, 255, 0.9); } -.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), +.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { + background: var(--global--color-black); + color: var(--global--color-white); + text-decoration: none; +} + .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { - color: var(--wp--style--color--link, var(--global--color-background)); + color: var(--wp--style--color--link, var(--global--color-white)); } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { @@ -1686,6 +1691,10 @@ a:hover { background-color: #f1f1f1; } +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { + background: none; +} + .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary)); } @@ -1705,151 +1714,183 @@ a:hover { * Button */ .site .button, +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); +.wp-block-search .wp-block-search__button, +.wp-block-button .wp-block-button__link, +.wp-block-file a.wp-block-file__button { + border: var(--button--border-width) solid transparent; + border-radius: var(--button--border-radius); 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; + line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); + text-decoration: none; } -.site .button:focus, -input[type=submit]:focus, -input[type=reset]:focus, -.wp-block-search__button:focus, -.wp-block-button .wp-block-button__link:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; +.site .button:not(:hover):not(:active):not(.has-text-color), +button:not(:hover):not(:active):not(.has-text-color), +input[type=submit]:not(:hover):not(:active):not(.has-text-color), +input[type=reset]:not(:hover):not(:active):not(.has-text-color), +.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), +.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), +.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); } -.is-dark-theme .site .button:focus, -.is-dark-theme input[type=submit]:focus, -.is-dark-theme input[type=reset]:focus, -.is-dark-theme .wp-block-search__button:focus, -.is-dark-theme .wp-block-button .wp-block-button__link:focus { - color: var(--button--color-background); +.has-background .site .button:not(:hover):not(:active):not(.has-text-color), +.has-background button:not(:hover):not(:active):not(.has-text-color), +.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color), +.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color), +.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), +.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), +.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-background, var(--global--color-primary)); } -.site .button:focus:not(.has-background), -input[type=submit]:focus:not(.has-background), -input[type=reset]:focus:not(.has-background), -.wp-block-search__button:focus:not(.has-background), -.wp-block-button .wp-block-button__link:focus:not(.has-background) { - color: var(--button--color-text-hover); +.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background, +.has-background button:not(:hover):not(:active):not(.has-text-color).has-background, +.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background, +.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background, +.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background, +.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background, +.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: var(--global--color-primary); } -.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:not(:hover):not(:active):not(.has-background), +button:not(:hover):not(:active):not(.has-background), +input[type=submit]:not(:hover):not(:active):not(.has-background), +input[type=reset]:not(:hover):not(:active):not(.has-background), +.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), +.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), +.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: var(--global--color-primary); } -.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); +.has-background .site .button:not(:hover):not(:active):not(.has-background), +.has-background button:not(:hover):not(:active):not(.has-background), +.has-background input[type=submit]:not(:hover):not(:active):not(.has-background), +.has-background input[type=reset]:not(:hover):not(:active):not(.has-background), +.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), +.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), +.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: var(--local--color-primary, var(--global--color-primary)); } .site .button:hover, +.site .button:active, +button:hover, +button:active, input[type=submit]:hover, +input[type=submit]:active, input[type=reset]:hover, +input[type=reset]:active, .wp-block-search .wp-block-search__button:hover, -.wp-block-file .wp-block-file__button:hover { - color: var(--button--color-text-hover); - background: transparent; +.wp-block-search .wp-block-search__button:active, +.wp-block-button .wp-block-button__link:hover, +.wp-block-button .wp-block-button__link:active, +.wp-block-file a.wp-block-file__button:hover, +.wp-block-file a.wp-block-file__button:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.site .button:focus, +button:focus, +input[type=submit]:focus, +input[type=reset]:focus, +.wp-block-search .wp-block-search__button:focus, +.wp-block-button .wp-block-button__link:focus, +.wp-block-file a.wp-block-file__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.site .button:disabled, +button:disabled, +input[type=submit]:disabled, +input[type=reset]:disabled, +.wp-block-search .wp-block-search__button:disabled, +.wp-block-button .wp-block-button__link:disabled, +.wp-block-file a.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); } /** * Block Options */ -.wp-block-button:not(.is-style-outline) .wp-block-button__link:active { - color: var(--button--color-text-active) !important; - background: transparent !important; - border-color: var(--button--color-background); +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); } -.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { - color: var(--button--color-text-hover) !important; - background: transparent !important; - border-color: var(--button--color-background); +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-background, var(--global--color-background)); } -.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { - color: var(--button--color-text) !important; - background: var(--button--color-background) !important; +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: var(--global--color-primary); } -.wp-block-button.is-style-outline .wp-block-button__link { - padding: var(--button--padding-vertical) var(--button--padding-horizontal); +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: var(--global--color-primary); } -.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) { - background: transparent; +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: var(--local--color-primary, var(--global--color-primary)); } -.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) { - background: transparent; - color: var(--button--color-background); - border-color: var(--button--color-background); +.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, +.wp-block-button:not(.is-style-outline) .wp-block-button__link:active { + border-color: currentColor !important; + background-color: transparent !important; + color: inherit !important; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) { - color: currentColor; +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { + border-color: currentColor; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color), -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color), -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) { - color: var(--global--color-white); +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-primary); } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background { - color: var(--global--color-dark-gray); +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-primary, var(--global--color-primary)); } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color, -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color, -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color { - color: var(--global--color-white); +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { + color: inherit; } -.wp-block-button.is-style-outline .wp-block-button__link.has-text-color, -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color { - border-color: currentColor; +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: transparent; } -.wp-block-button.is-style-outline .wp-block-button__link:active, -.wp-block-button.is-style-outline .wp-block-button__link:hover { - color: var(--button--color-text) !important; - background: var(--button--color-background) !important; - border-color: var(--button--color-background); +.wp-block-button.is-style-outline .wp-block-button__link:hover, +.wp-block-button.is-style-outline .wp-block-button__link:active { + border-color: transparent !important; + background-color: var(--global--color-primary) !important; + color: var(--global--color-background) !important; } -.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color, -.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color { - border-color: var(--button--color-background); +.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover, +.has-background .wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: var(--local--color-primary, var(--global--color-primary)) !important; + color: var(--local--color-background, var(--global--color-background)) !important; } -.wp-block-button.is-style-outline .wp-block-button__link:focus { - color: var(--button--color-background) !important; - background: transparent !important; +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover, +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { + color: var(--local--color-background, var(--global--color-background)) !important; } .wp-block-button .is-style-squared .wp-block-button__link { @@ -1872,7 +1913,6 @@ input[type=reset]:hover, .wp-block-code code { color: var(--global--color-primary); - font-size: var(--global--font-size-xs); white-space: pre; overflow-x: auto; display: block; @@ -1980,6 +2020,8 @@ input[type=reset]:hover, /* Treating H2 separately to account for legacy /core styles */ /* Block Styles */ + + /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */ } .wp-block-cover:not(.alignwide):not(.alignfull), @@ -2115,56 +2157,21 @@ input[type=reset]:hover, border: calc(3 * var(--separator--height)) solid var(--global--color-border); } +.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, +.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { + background-color: unset; +} + .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { - color: var(--button--color-text-hover); opacity: inherit; } -.wp-block-file a.wp-block-file__button:visited { - color: var(--button--color-text); -} - -.wp-block-file a.wp-block-file__button:visited:hover { - color: var(--button--color-text-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); +.wp-block-file a.wp-block-file__button { display: inline-block; } -.wp-block-file .wp-block-file__button:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; -} - -.is-dark-theme .wp-block-file .wp-block-file__button:focus { - color: var(--button--color-background); -} - -.wp-block-file .wp-block-file__button:focus:not(.has-background) { - color: var(--button--color-text-hover); -} - -.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; } @@ -2373,12 +2380,6 @@ h6, margin-top: 0; } -img { - height: auto; - max-width: 100%; - vertical-align: middle; -} - .wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-image-frame img { border: calc(3 * var(--separator--height)) solid var(--global--color-border); @@ -2690,10 +2691,18 @@ ul { list-style-type: disc; } +ul ul { + list-style-type: circle; +} + ol { list-style-type: decimal; } +ol ul { + list-style-type: circle; +} + dt { font-family: var(--definition-term--font-family); font-weight: bold; @@ -2860,7 +2869,7 @@ dd { } p { - line-height: var(--wp--typography--line-height, --global--line-height-body); + line-height: var(--wp--typography--line-height, var(--global--line-height-body)); } p.has-background { @@ -3266,31 +3275,15 @@ pre.wp-block-preformatted { border-color: var(--form--border-color); } -.has-background .wp-block-search .wp-block-search__input, -[class*=background-color] .wp-block-search .wp-block-search__input, -[style*=background-color] .wp-block-search .wp-block-search__input, -.wp-block-cover[style*=background-image] .wp-block-search .wp-block-search__input { - border-color: currentColor; -} - -.has-background.has-gray-background-color .wp-block-search .wp-block-search__input, -.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input, -.has-background.has-black-background-color .wp-block-search .wp-block-search__input { - border-color: var(--global--color-white); +.has-background .wp-block-search .wp-block-search__input { + border-color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search button.wp-block-search__button { margin-right: 0; - background-color: transparent; - color: var(--button--color-text-hover); line-height: 1; } -.wp-block-search button.wp-block-search__button:hover { - background-color: var(--button--color-background); - color: var(--button--color-text); -} - .wp-block-search button.wp-block-search__button.has-icon { padding: 6px calc(0.5 * var(--button--padding-horizontal)); } @@ -3301,120 +3294,59 @@ pre.wp-block-preformatted { fill: currentColor; } -.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-black-background-color .wp-block-search button.wp-block-search__button { - color: var(--global--color-white); - border-color: currentColor; -} - -.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: var(--button--color-background); - border-color: var(--global--color-white); - color: var(--global--color-white); -} - -.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover { - color: var(--button--color-text); -} - -.has-background.has-white-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-green-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-red-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button { - border-color: currentColor; - color: currentColor; +.has-background .wp-block-search button.wp-block-search__button:hover, +.has-background .wp-block-search button.wp-block-search__button:active { + background-color: var(--local--color-background, var(--global--color-background)) !important; + color: var(--local--color-primary, var(--global--color-primary)) !important; } -.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: var(--form--border-color); - border-color: var(--form--border-color); - color: var(--global--color-white); -} - -.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover { - border-color: var(--button--color-text); - background-color: var(--button--color-text); - color: var(--button--color-background); +.has-text-color .wp-block-search button.wp-block-search__button:hover, +.has-text-color .wp-block-search button.wp-block-search__button:active { + color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { background-color: var(--global--color-white); border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); + padding: var(--form--border-width); +} + +.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + border-color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { + margin-right: 0; margin-left: 0; + padding-right: var(--form--spacing-unit); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { + color: var(--form--color-text); + outline-offset: -2px; outline: 2px dotted var(--form--border-color); - outline-offset: -5px; -} - -.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { - outline-color: currentColor; } -.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button { +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { padding: var(--button--padding-vertical) var(--button--padding-horizontal); } -.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button, -.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button, -.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: var(--button--color-background); - color: var(--button--color-background); -} - -.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover, -.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover, -.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { - color: var(--global--color-white); +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { + color: var(--global--color-dark-gray); } -.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button, -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button, -.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: var(--button--color-text); - color: var(--button--color-text); +.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { + color: var(--global--color-dark-gray); } -.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { +.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { + background-color: var(--global--color-dark-gray); color: var(--global--color-white); } -.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: var(--button--color-text); - color: var(--button--color-text); -} - -.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { - border-color: var(--button--color-text); - background-color: var(--button--color-text); - color: var(--button--color-background); +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { + padding: 6px calc(0.5 * var(--button--padding-horizontal)); } .wp-block-search__button { @@ -3486,7 +3418,8 @@ hr.wp-block-separator.is-style-dots:before { color: var(--global--color-primary); } -.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link { +.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link, +.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link { background: none; } @@ -3891,15 +3824,6 @@ table.wp-calendar-table caption { line-height: 1.4; } -a.custom-logo-link { - text-decoration: none; -} - -.has-background-white a.custom-logo-link:focus, -.is-dark-theme a.custom-logo-link:focus { - background: none; -} - .site-title > a { text-decoration-color: var(--global--color-secondary); } @@ -4528,7 +4452,7 @@ h1.page-title { margin: 0; } -.comment-content a { +.comment-content { word-wrap: break-word; } @@ -4651,11 +4575,6 @@ h1.page-title { padding-top: calc(0.5 * var(--global--spacing-vertical)); padding-bottom: calc(0.25 * var(--global--spacing-vertical)); } - -.menu-button-container #primary-mobile-menu { - margin-right: auto; - padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal)); -} @media only screen and (max-width: 481px) { .menu-button-container { @@ -4663,8 +4582,10 @@ h1.page-title { } } -.menu-button-container .button.button { +.menu-button-container #primary-mobile-menu { display: flex; + margin-right: auto; + padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal)); font-size: var(--primary-nav--font-size-button); font-weight: var(--primary-nav--font-weight-button); background-color: transparent; @@ -4672,33 +4593,33 @@ h1.page-title { color: var(--primary-nav--color-link); } -.menu-button-container .button.button .dropdown-icon { +.menu-button-container #primary-mobile-menu .dropdown-icon { display: flex; align-items: center; } -.menu-button-container .button.button .dropdown-icon .svg-icon { +.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon { margin-right: calc(0.25 * var(--global--spacing-unit)); } -.menu-button-container .button.button .dropdown-icon.open .svg-icon { +.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { position: relative; top: -1px; } -.menu-button-container .button.button .dropdown-icon.close { +.menu-button-container #primary-mobile-menu .dropdown-icon.close { display: none; } -.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.open { +.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open { display: none; } -.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close { +.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { display: flex; } -.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close { +.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { animation-name: twentytwentyone-close-button-transition; animation-duration: 0.3s; } @@ -4855,7 +4776,7 @@ h1.page-title { width: inherit; } - .primary-navigation > div > .menu-wrapper li:last-child() { + .primary-navigation > div > .menu-wrapper li:last-child { margin-left: 0; } } @@ -5062,7 +4983,7 @@ h1.page-title { } @media only screen and (max-width: 481px) { - .primary-navigation .sub-menu .menu-item:last-child() { + .primary-navigation .sub-menu .menu-item:last-child { margin-bottom: 0; } } @@ -5562,16 +5483,9 @@ h1.page-title { .widget_search > .search-form .search-submit { margin-right: 0; - background-color: transparent; - color: var(--button--color-text-hover); margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } -.widget_search > .search-form .search-submit:hover { - background-color: var(--button--color-background); - color: var(--button--color-text); -} - .widget_rss a.rsswidget .rss-widget-icon { display: none; } @@ -5630,42 +5544,92 @@ h1.page-title { color: var(--global--color-black); } +.has-black-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-black, #000); + color: var(--local--color-primary); +} + .has-gray-color[class] { color: var(--global--color-gray); } +.has-gray-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-gray, #000); + color: var(--local--color-primary); +} + .has-dark-gray-color[class] { color: var(--global--color-dark-gray); } +.has-dark-gray-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-dark-gray, #000); + color: var(--local--color-primary); +} + .has-green-color[class] { color: var(--global--color-green); } +.has-green-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-green, #fff); + color: var(--local--color-primary); +} + .has-blue-color[class] { color: var(--global--color-blue); } +.has-blue-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-blue, #fff); + color: var(--local--color-primary); +} + .has-purple-color[class] { color: var(--global--color-purple); } +.has-purple-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-purple, #fff); + color: var(--local--color-primary); +} + .has-red-color[class] { color: var(--global--color-red); } +.has-red-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-red, #fff); + color: var(--local--color-primary); +} + .has-orange-color[class] { color: var(--global--color-orange); } +.has-orange-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-orange, #fff); + color: var(--local--color-primary); +} + .has-yellow-color[class] { color: var(--global--color-yellow); } +.has-yellow-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-yellow, #fff); + color: var(--local--color-primary); +} + .has-white-color[class] { color: var(--global--color-white); } +.has-white-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-white, #fff); + color: var(--local--color-primary); +} + .has-background a, .has-background p, .has-background h1, @@ -5681,58 +5645,151 @@ h1.page-title { background-color: var(--global--color-black); } -.has-gray-background-color[class] { - background-color: var(--global--color-gray); +.has-black-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-black, #000); + background-color: var(--local--color-background); } .has-dark-gray-background-color[class] { background-color: var(--global--color-dark-gray); } +.has-dark-gray-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-dark-gray, #000); + background-color: var(--local--color-background); +} + +.has-gray-background-color[class] { + background-color: var(--global--color-gray); +} + +.has-gray-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-gray, #000); + background-color: var(--local--color-background); +} + +.has-light-gray-background-color[class] { + background-color: var(--global--color-light-gray); +} + +.has-light-gray-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-light-gray, #fff); + background-color: var(--local--color-background); +} + .has-green-background-color[class] { background-color: var(--global--color-green); } +.has-green-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-green, #fff); + background-color: var(--local--color-background); +} + .has-blue-background-color[class] { background-color: var(--global--color-blue); } +.has-blue-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-blue, #fff); + background-color: var(--local--color-background); +} + .has-purple-background-color[class] { background-color: var(--global--color-purple); } +.has-purple-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-purple, #fff); + background-color: var(--local--color-background); +} + .has-red-background-color[class] { background-color: var(--global--color-red); } +.has-red-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-red, #fff); + background-color: var(--local--color-background); +} + .has-orange-background-color[class] { background-color: var(--global--color-orange); } +.has-orange-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-orange, #fff); + background-color: var(--local--color-background); +} + .has-yellow-background-color[class] { background-color: var(--global--color-yellow); } +.has-yellow-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-yellow, #fff); + background-color: var(--local--color-background); +} + .has-white-background-color[class] { background-color: var(--global--color-white); } -:not(.has-text-color).has-black-background-color[class], -:not(.has-text-color).has-gray-background-color[class], -:not(.has-text-color).has-dark-gray-background-color[class] { +.has-white-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-white, #fff); + background-color: var(--local--color-background); +} + +.has-background:not(.has-text-color).has-black-background-color[class], +.has-background:not(.has-text-color).has-gray-background-color[class], +.has-background:not(.has-text-color).has-dark-gray-background-color[class] { color: var(--global--color-white); } -:not(.has-text-color).has-green-background-color[class], -:not(.has-text-color).has-blue-background-color[class], -:not(.has-text-color).has-purple-background-color[class], -:not(.has-text-color).has-red-background-color[class], -:not(.has-text-color).has-orange-background-color[class], -:not(.has-text-color).has-yellow-background-color[class], -:not(.has-text-color).has-white-background-color[class] { +.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-background, #fff); + color: var(--local--color-primary, var(--global--color-primary)); +} + +.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-primary, #000); +} + +.has-background:not(.has-text-color).has-green-background-color[class], +.has-background:not(.has-text-color).has-blue-background-color[class], +.has-background:not(.has-text-color).has-purple-background-color[class], +.has-background:not(.has-text-color).has-red-background-color[class], +.has-background:not(.has-text-color).has-orange-background-color[class], +.has-background:not(.has-text-color).has-yellow-background-color[class], +.has-background:not(.has-text-color).has-white-background-color[class] { color: var(--global--color-dark-gray); } +.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-primary, #000); + color: var(--local--color-primary, var(--global--color-primary)); +} + +.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-background, #fff); +} + .has-purple-to-yellow-gradient-background { background: linear-gradient(-160deg, var(--global--color-purple), var(--global--color-yellow)); } diff --git a/themes/twentytwentyone/style.css b/themes/twentytwentyone/style.css index e67161b4..47d57487 100644 --- a/themes/twentytwentyone/style.css +++ b/themes/twentytwentyone/style.css @@ -9,7 +9,7 @@ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the Requires at least: 5.3 Tested up to: 5.6 Requires PHP: 5.6 -Version: 1.1 +Version: 1.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyone @@ -317,7 +317,7 @@ Twenty Twenty-One is distributed under the terms of the GNU GPL. --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); /* Admin-bar height */ - --global--admin-bar--height: 0; + --global--admin-bar--height: 0px; } .admin-bar { @@ -1574,9 +1574,9 @@ fieldset input[type=checkbox] + label { } img { - display: block; height: auto; max-width: 100%; + vertical-align: middle; } /* Classic editor images */ @@ -1670,9 +1670,14 @@ a:hover { background: rgba(255, 255, 255, 0.9); } -.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), +.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { + background: var(--global--color-black); + color: var(--global--color-white); + text-decoration: none; +} + .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { - color: var(--wp--style--color--link, var(--global--color-background)); + color: var(--wp--style--color--link, var(--global--color-white)); } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { @@ -1696,6 +1701,10 @@ a:hover { background-color: #f1f1f1; } +.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { + background: none; +} + .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary)); } @@ -1715,151 +1724,183 @@ a:hover { * Button */ .site .button, +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); +.wp-block-search .wp-block-search__button, +.wp-block-button .wp-block-button__link, +.wp-block-file a.wp-block-file__button { + border: var(--button--border-width) solid transparent; + border-radius: var(--button--border-radius); 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; + line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); + text-decoration: none; } -.site .button:focus, -input[type=submit]:focus, -input[type=reset]:focus, -.wp-block-search__button:focus, -.wp-block-button .wp-block-button__link:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; +.site .button:not(:hover):not(:active):not(.has-text-color), +button:not(:hover):not(:active):not(.has-text-color), +input[type=submit]:not(:hover):not(:active):not(.has-text-color), +input[type=reset]:not(:hover):not(:active):not(.has-text-color), +.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), +.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), +.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); } -.is-dark-theme .site .button:focus, -.is-dark-theme input[type=submit]:focus, -.is-dark-theme input[type=reset]:focus, -.is-dark-theme .wp-block-search__button:focus, -.is-dark-theme .wp-block-button .wp-block-button__link:focus { - color: var(--button--color-background); +.has-background .site .button:not(:hover):not(:active):not(.has-text-color), +.has-background button:not(:hover):not(:active):not(.has-text-color), +.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color), +.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color), +.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), +.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), +.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-background, var(--global--color-primary)); } -.site .button:focus:not(.has-background), -input[type=submit]:focus:not(.has-background), -input[type=reset]:focus:not(.has-background), -.wp-block-search__button:focus:not(.has-background), -.wp-block-button .wp-block-button__link:focus:not(.has-background) { - color: var(--button--color-text-hover); +.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background, +.has-background button:not(:hover):not(:active):not(.has-text-color).has-background, +.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background, +.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background, +.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background, +.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background, +.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { + color: var(--global--color-primary); } -.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:not(:hover):not(:active):not(.has-background), +button:not(:hover):not(:active):not(.has-background), +input[type=submit]:not(:hover):not(:active):not(.has-background), +input[type=reset]:not(:hover):not(:active):not(.has-background), +.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), +.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), +.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: var(--global--color-primary); } -.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); +.has-background .site .button:not(:hover):not(:active):not(.has-background), +.has-background button:not(:hover):not(:active):not(.has-background), +.has-background input[type=submit]:not(:hover):not(:active):not(.has-background), +.has-background input[type=reset]:not(:hover):not(:active):not(.has-background), +.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), +.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), +.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { + background-color: var(--local--color-primary, var(--global--color-primary)); } .site .button:hover, +.site .button:active, +button:hover, +button:active, input[type=submit]:hover, +input[type=submit]:active, input[type=reset]:hover, +input[type=reset]:active, .wp-block-search .wp-block-search__button:hover, -.wp-block-file .wp-block-file__button:hover { - color: var(--button--color-text-hover); - background: transparent; +.wp-block-search .wp-block-search__button:active, +.wp-block-button .wp-block-button__link:hover, +.wp-block-button .wp-block-button__link:active, +.wp-block-file a.wp-block-file__button:hover, +.wp-block-file a.wp-block-file__button:active { + background-color: transparent; + border-color: currentColor; + color: inherit; +} + +.site .button:focus, +button:focus, +input[type=submit]:focus, +input[type=reset]:focus, +.wp-block-search .wp-block-search__button:focus, +.wp-block-button .wp-block-button__link:focus, +.wp-block-file a.wp-block-file__button:focus { + outline-offset: -6px; + outline: 2px dotted currentColor; +} + +.site .button:disabled, +button:disabled, +input[type=submit]:disabled, +input[type=reset]:disabled, +.wp-block-search .wp-block-search__button:disabled, +.wp-block-button .wp-block-button__link:disabled, +.wp-block-file a.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); } /** * Block Options */ -.wp-block-button:not(.is-style-outline) .wp-block-button__link:active { - color: var(--button--color-text-active) !important; - background: transparent !important; - border-color: var(--button--color-background); +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-background); } -.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { - color: var(--button--color-text-hover) !important; - background: transparent !important; - border-color: var(--button--color-background); +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-background, var(--global--color-background)); } -.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { - color: var(--button--color-text) !important; - background: var(--button--color-background) !important; +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { + color: var(--global--color-primary); } -.wp-block-button.is-style-outline .wp-block-button__link { - padding: var(--button--padding-vertical) var(--button--padding-horizontal); +.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: var(--global--color-primary); } -.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) { - background: transparent; +.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: var(--local--color-primary, var(--global--color-primary)); } -.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) { - background: transparent; - color: var(--button--color-background); - border-color: var(--button--color-background); +.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, +.wp-block-button:not(.is-style-outline) .wp-block-button__link:active { + border-color: currentColor !important; + background-color: transparent !important; + color: inherit !important; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) { - color: currentColor; +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { + border-color: currentColor; } -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color), -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color), -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) { - color: var(--global--color-white); +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--global--color-primary); } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background { - color: var(--global--color-dark-gray); +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { + color: var(--local--color-primary, var(--global--color-primary)); } -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color, -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color, -.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color { - color: var(--global--color-white); +.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { + color: inherit; } -.wp-block-button.is-style-outline .wp-block-button__link.has-text-color, -.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color { - border-color: currentColor; +.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { + background-color: transparent; } -.wp-block-button.is-style-outline .wp-block-button__link:active, -.wp-block-button.is-style-outline .wp-block-button__link:hover { - color: var(--button--color-text) !important; - background: var(--button--color-background) !important; - border-color: var(--button--color-background); +.wp-block-button.is-style-outline .wp-block-button__link:hover, +.wp-block-button.is-style-outline .wp-block-button__link:active { + border-color: transparent !important; + background-color: var(--global--color-primary) !important; + color: var(--global--color-background) !important; } -.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color, -.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color { - border-color: var(--button--color-background); +.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover, +.has-background .wp-block-button.is-style-outline .wp-block-button__link:active { + background-color: var(--local--color-primary, var(--global--color-primary)) !important; + color: var(--local--color-background, var(--global--color-background)) !important; } -.wp-block-button.is-style-outline .wp-block-button__link:focus { - color: var(--button--color-background) !important; - background: transparent !important; +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover, +.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { + color: var(--local--color-background, var(--global--color-background)) !important; } .wp-block-button .is-style-squared .wp-block-button__link { @@ -1882,7 +1923,6 @@ input[type=reset]:hover, .wp-block-code code { color: var(--global--color-primary); - font-size: var(--global--font-size-xs); white-space: pre; overflow-x: auto; display: block; @@ -1990,6 +2030,8 @@ input[type=reset]:hover, /* Treating H2 separately to account for legacy /core styles */ /* Block Styles */ + + /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */ } .wp-block-cover:not(.alignwide):not(.alignfull), @@ -2125,56 +2167,21 @@ input[type=reset]:hover, border: calc(3 * var(--separator--height)) solid var(--global--color-border); } +.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, +.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { + background-color: unset; +} + .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { - color: var(--button--color-text-hover); opacity: inherit; } -.wp-block-file a.wp-block-file__button:visited { - color: var(--button--color-text); -} - -.wp-block-file a.wp-block-file__button:visited:hover { - color: var(--button--color-text-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); +.wp-block-file a.wp-block-file__button { display: inline-block; } -.wp-block-file .wp-block-file__button:focus { - background: transparent; - outline-offset: -6px; - outline: 2px dotted currentColor; -} - -.is-dark-theme .wp-block-file .wp-block-file__button:focus { - color: var(--button--color-background); -} - -.wp-block-file .wp-block-file__button:focus:not(.has-background) { - color: var(--button--color-text-hover); -} - -.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; } @@ -2383,12 +2390,6 @@ h6, margin-top: 0; } -img { - height: auto; - max-width: 100%; - vertical-align: middle; -} - .wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-image-frame img { border: calc(3 * var(--separator--height)) solid var(--global--color-border); @@ -2700,10 +2701,18 @@ ul { list-style-type: disc; } +ul ul { + list-style-type: circle; +} + ol { list-style-type: decimal; } +ol ul { + list-style-type: circle; +} + dt { font-family: var(--definition-term--font-family); font-weight: bold; @@ -2870,7 +2879,7 @@ dd { } p { - line-height: var(--wp--typography--line-height, --global--line-height-body); + line-height: var(--wp--typography--line-height, var(--global--line-height-body)); } p.has-background { @@ -3276,31 +3285,15 @@ pre.wp-block-preformatted { border-color: var(--form--border-color); } -.has-background .wp-block-search .wp-block-search__input, -[class*=background-color] .wp-block-search .wp-block-search__input, -[style*=background-color] .wp-block-search .wp-block-search__input, -.wp-block-cover[style*=background-image] .wp-block-search .wp-block-search__input { - border-color: currentColor; -} - -.has-background.has-gray-background-color .wp-block-search .wp-block-search__input, -.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input, -.has-background.has-black-background-color .wp-block-search .wp-block-search__input { - border-color: var(--global--color-white); +.has-background .wp-block-search .wp-block-search__input { + border-color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search button.wp-block-search__button { margin-left: 0; - background-color: transparent; - color: var(--button--color-text-hover); line-height: 1; } -.wp-block-search button.wp-block-search__button:hover { - background-color: var(--button--color-background); - color: var(--button--color-text); -} - .wp-block-search button.wp-block-search__button.has-icon { padding: 6px calc(0.5 * var(--button--padding-horizontal)); } @@ -3311,120 +3304,59 @@ pre.wp-block-preformatted { fill: currentColor; } -.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-black-background-color .wp-block-search button.wp-block-search__button { - color: var(--global--color-white); - border-color: currentColor; -} - -.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: var(--button--color-background); - border-color: var(--global--color-white); - color: var(--global--color-white); -} - -.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover { - color: var(--button--color-text); -} - -.has-background.has-white-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-green-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-red-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button, -.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button { - border-color: currentColor; - color: currentColor; +.has-background .wp-block-search button.wp-block-search__button:hover, +.has-background .wp-block-search button.wp-block-search__button:active { + background-color: var(--local--color-background, var(--global--color-background)) !important; + color: var(--local--color-primary, var(--global--color-primary)) !important; } -.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover, -.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover { - background-color: var(--form--border-color); - border-color: var(--form--border-color); - color: var(--global--color-white); -} - -.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover { - border-color: var(--button--color-text); - background-color: var(--button--color-text); - color: var(--button--color-background); +.has-text-color .wp-block-search button.wp-block-search__button:hover, +.has-text-color .wp-block-search button.wp-block-search__button:active { + color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { background-color: var(--global--color-white); border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); + padding: var(--form--border-width); +} + +.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + border-color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { + margin-left: 0; margin-right: 0; + padding-left: var(--form--spacing-unit); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { + color: var(--form--color-text); + outline-offset: -2px; outline: 2px dotted var(--form--border-color); - outline-offset: -5px; -} - -.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { - outline-color: currentColor; } -.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button { +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { padding: var(--button--padding-vertical) var(--button--padding-horizontal); } -.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button, -.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button, -.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: var(--button--color-background); - color: var(--button--color-background); -} - -.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover, -.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover, -.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { - color: var(--global--color-white); +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { + color: var(--global--color-dark-gray); } -.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button, -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button, -.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: var(--button--color-text); - color: var(--button--color-text); +.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { + color: var(--global--color-dark-gray); } -.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover, -.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { +.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { + background-color: var(--global--color-dark-gray); color: var(--global--color-white); } -.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { - border-color: var(--button--color-text); - color: var(--button--color-text); -} - -.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { - border-color: var(--button--color-text); - background-color: var(--button--color-text); - color: var(--button--color-background); +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { + padding: 6px calc(0.5 * var(--button--padding-horizontal)); } .wp-block-search__button { @@ -3496,7 +3428,8 @@ hr.wp-block-separator.is-style-dots:before { color: var(--global--color-primary); } -.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link { +.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link, +.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link { background: none; } @@ -3911,15 +3844,6 @@ table.wp-calendar-table caption { line-height: 1.4; } -a.custom-logo-link { - text-decoration: none; -} - -.has-background-white a.custom-logo-link:focus, -.is-dark-theme a.custom-logo-link:focus { - background: none; -} - .site-title > a { text-decoration-color: var(--global--color-secondary); } @@ -4548,7 +4472,7 @@ h1.page-title { margin: 0; } -.comment-content a { +.comment-content { word-wrap: break-word; } @@ -4671,11 +4595,6 @@ h1.page-title { padding-top: calc(0.5 * var(--global--spacing-vertical)); padding-bottom: calc(0.25 * var(--global--spacing-vertical)); } - -.menu-button-container #primary-mobile-menu { - margin-left: auto; - padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal)); -} @media only screen and (max-width: 481px) { .menu-button-container { @@ -4683,8 +4602,10 @@ h1.page-title { } } -.menu-button-container .button.button { +.menu-button-container #primary-mobile-menu { display: flex; + margin-left: auto; + padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal)); font-size: var(--primary-nav--font-size-button); font-weight: var(--primary-nav--font-weight-button); background-color: transparent; @@ -4692,33 +4613,33 @@ h1.page-title { color: var(--primary-nav--color-link); } -.menu-button-container .button.button .dropdown-icon { +.menu-button-container #primary-mobile-menu .dropdown-icon { display: flex; align-items: center; } -.menu-button-container .button.button .dropdown-icon .svg-icon { +.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon { margin-left: calc(0.25 * var(--global--spacing-unit)); } -.menu-button-container .button.button .dropdown-icon.open .svg-icon { +.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { position: relative; top: -1px; } -.menu-button-container .button.button .dropdown-icon.close { +.menu-button-container #primary-mobile-menu .dropdown-icon.close { display: none; } -.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.open { +.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open { display: none; } -.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close { +.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { display: flex; } -.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close { +.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { animation-name: twentytwentyone-close-button-transition; animation-duration: 0.3s; } @@ -4875,7 +4796,7 @@ h1.page-title { width: inherit; } - .primary-navigation > div > .menu-wrapper li:last-child() { + .primary-navigation > div > .menu-wrapper li:last-child { margin-right: 0; } } @@ -5098,7 +5019,7 @@ h1.page-title { } @media only screen and (max-width: 481px) { - .primary-navigation .sub-menu .menu-item:last-child() { + .primary-navigation .sub-menu .menu-item:last-child { margin-bottom: 0; } } @@ -5598,16 +5519,9 @@ h1.page-title { .widget_search > .search-form .search-submit { margin-left: 0; - background-color: transparent; - color: var(--button--color-text-hover); margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } -.widget_search > .search-form .search-submit:hover { - background-color: var(--button--color-background); - color: var(--button--color-text); -} - .widget_rss a.rsswidget .rss-widget-icon { display: none; } @@ -5666,42 +5580,92 @@ h1.page-title { color: var(--global--color-black); } +.has-black-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-black, #000); + color: var(--local--color-primary); +} + .has-gray-color[class] { color: var(--global--color-gray); } +.has-gray-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-gray, #000); + color: var(--local--color-primary); +} + .has-dark-gray-color[class] { color: var(--global--color-dark-gray); } +.has-dark-gray-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-dark-gray, #000); + color: var(--local--color-primary); +} + .has-green-color[class] { color: var(--global--color-green); } +.has-green-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-green, #fff); + color: var(--local--color-primary); +} + .has-blue-color[class] { color: var(--global--color-blue); } +.has-blue-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-blue, #fff); + color: var(--local--color-primary); +} + .has-purple-color[class] { color: var(--global--color-purple); } +.has-purple-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-purple, #fff); + color: var(--local--color-primary); +} + .has-red-color[class] { color: var(--global--color-red); } +.has-red-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-red, #fff); + color: var(--local--color-primary); +} + .has-orange-color[class] { color: var(--global--color-orange); } +.has-orange-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-orange, #fff); + color: var(--local--color-primary); +} + .has-yellow-color[class] { color: var(--global--color-yellow); } +.has-yellow-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-yellow, #fff); + color: var(--local--color-primary); +} + .has-white-color[class] { color: var(--global--color-white); } +.has-white-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-white, #fff); + color: var(--local--color-primary); +} + .has-background a, .has-background p, .has-background h1, @@ -5717,58 +5681,151 @@ h1.page-title { background-color: var(--global--color-black); } -.has-gray-background-color[class] { - background-color: var(--global--color-gray); +.has-black-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-black, #000); + background-color: var(--local--color-background); } .has-dark-gray-background-color[class] { background-color: var(--global--color-dark-gray); } +.has-dark-gray-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-dark-gray, #000); + background-color: var(--local--color-background); +} + +.has-gray-background-color[class] { + background-color: var(--global--color-gray); +} + +.has-gray-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-gray, #000); + background-color: var(--local--color-background); +} + +.has-light-gray-background-color[class] { + background-color: var(--global--color-light-gray); +} + +.has-light-gray-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-light-gray, #fff); + background-color: var(--local--color-background); +} + .has-green-background-color[class] { background-color: var(--global--color-green); } +.has-green-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-green, #fff); + background-color: var(--local--color-background); +} + .has-blue-background-color[class] { background-color: var(--global--color-blue); } +.has-blue-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-blue, #fff); + background-color: var(--local--color-background); +} + .has-purple-background-color[class] { background-color: var(--global--color-purple); } +.has-purple-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-purple, #fff); + background-color: var(--local--color-background); +} + .has-red-background-color[class] { background-color: var(--global--color-red); } +.has-red-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-red, #fff); + background-color: var(--local--color-background); +} + .has-orange-background-color[class] { background-color: var(--global--color-orange); } +.has-orange-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-orange, #fff); + background-color: var(--local--color-background); +} + .has-yellow-background-color[class] { background-color: var(--global--color-yellow); } +.has-yellow-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-yellow, #fff); + background-color: var(--local--color-background); +} + .has-white-background-color[class] { background-color: var(--global--color-white); } -:not(.has-text-color).has-black-background-color[class], -:not(.has-text-color).has-gray-background-color[class], -:not(.has-text-color).has-dark-gray-background-color[class] { +.has-white-background-color[class] > [class*=__inner-container] { + --local--color-background: var(--global--color-white, #fff); + background-color: var(--local--color-background); +} + +.has-background:not(.has-text-color).has-black-background-color[class], +.has-background:not(.has-text-color).has-gray-background-color[class], +.has-background:not(.has-text-color).has-dark-gray-background-color[class] { color: var(--global--color-white); } -:not(.has-text-color).has-green-background-color[class], -:not(.has-text-color).has-blue-background-color[class], -:not(.has-text-color).has-purple-background-color[class], -:not(.has-text-color).has-red-background-color[class], -:not(.has-text-color).has-orange-background-color[class], -:not(.has-text-color).has-yellow-background-color[class], -:not(.has-text-color).has-white-background-color[class] { +.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-background, #fff); + color: var(--local--color-primary, var(--global--color-primary)); +} + +.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-primary, #000); +} + +.has-background:not(.has-text-color).has-green-background-color[class], +.has-background:not(.has-text-color).has-blue-background-color[class], +.has-background:not(.has-text-color).has-purple-background-color[class], +.has-background:not(.has-text-color).has-red-background-color[class], +.has-background:not(.has-text-color).has-orange-background-color[class], +.has-background:not(.has-text-color).has-yellow-background-color[class], +.has-background:not(.has-text-color).has-white-background-color[class] { color: var(--global--color-dark-gray); } +.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], +.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-primary, #000); + color: var(--local--color-primary, var(--global--color-primary)); +} + +.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], +.is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { + --local--color-primary: var(--global--color-background, #fff); +} + .has-purple-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow)); } diff --git a/themes/twentytwentyone/template-parts/content/content-none.php b/themes/twentytwentyone/template-parts/content/content-none.php index 5808be22..da9fe267 100644 --- a/themes/twentytwentyone/template-parts/content/content-none.php +++ b/themes/twentytwentyone/template-parts/content/content-none.php @@ -18,7 +18,7 @@

' . esc_html( get_search_query() ) . '' ); @@ -39,8 +39,8 @@ ' . wp_kses( - /* translators: 1: link to WP admin new post page. */ - __( 'Ready to publish your first post? Get started here.', 'twentytwentyone' ), + /* translators: %s: Link to WP admin new post page. */ + __( 'Ready to publish your first post? Get started here.', 'twentytwentyone' ), array( 'a' => array( 'href' => array(), diff --git a/themes/twentytwentyone/template-parts/content/content-page.php b/themes/twentytwentyone/template-parts/content/content-page.php index 9a814b0b..72063f0c 100644 --- a/themes/twentytwentyone/template-parts/content/content-page.php +++ b/themes/twentytwentyone/template-parts/content/content-page.php @@ -17,11 +17,11 @@
-
+
-
+
@@ -32,7 +32,7 @@ array( 'before' => '', - /* translators: %: page number. */ + /* translators: %: Page number. */ 'pagelink' => esc_html__( 'Page %', 'twentytwentyone' ), ) ); diff --git a/themes/twentytwentyone/template-parts/content/content-single.php b/themes/twentytwentyone/template-parts/content/content-single.php index 877e0247..1a47bf46 100644 --- a/themes/twentytwentyone/template-parts/content/content-single.php +++ b/themes/twentytwentyone/template-parts/content/content-single.php @@ -16,7 +16,7 @@
', '

' ); ?> - +
'', - /* translators: %: page number. */ + /* translators: %: Page number. */ 'pagelink' => esc_html__( 'Page %', 'twentytwentyone' ), ) ); diff --git a/themes/twentytwentyone/template-parts/content/content.php b/themes/twentytwentyone/template-parts/content/content.php index 791b1edb..e5256c42 100644 --- a/themes/twentytwentyone/template-parts/content/content.php +++ b/themes/twentytwentyone/template-parts/content/content.php @@ -32,7 +32,7 @@ array( 'before' => '', - /* translators: %: page number. */ + /* translators: %: Page number. */ 'pagelink' => esc_html__( 'Page %', 'twentytwentyone' ), ) ); diff --git a/themes/twentytwentyone/template-parts/header/site-branding.php b/themes/twentytwentyone/template-parts/header/site-branding.php index cebfc156..28cc8fdf 100644 --- a/themes/twentytwentyone/template-parts/header/site-branding.php +++ b/themes/twentytwentyone/template-parts/header/site-branding.php @@ -34,7 +34,7 @@ - +

diff --git a/themes/twentytwentyone/template-parts/header/site-header.php b/themes/twentytwentyone/template-parts/header/site-header.php index c6a3cebf..84d36ae5 100644 --- a/themes/twentytwentyone/template-parts/header/site-header.php +++ b/themes/twentytwentyone/template-parts/header/site-header.php @@ -9,7 +9,7 @@ $wrapper_classes = 'site-header'; $wrapper_classes .= has_custom_logo() ? ' has-logo' : ''; -$wrapper_classes .= true === get_theme_mod( 'display_title_and_tagline', true ) ? ' has-title-and-tagline' : ''; +$wrapper_classes .= ( true === get_theme_mod( 'display_title_and_tagline', true ) ) ? ' has-title-and-tagline' : ''; $wrapper_classes .= has_nav_menu( 'primary' ) ? ' has-menu' : ''; ?> diff --git a/themes/twentytwentyone/template-parts/header/site-nav.php b/themes/twentytwentyone/template-parts/header/site-nav.php index b12d7f46..5f7cf125 100644 --- a/themes/twentytwentyone/template-parts/header/site-nav.php +++ b/themes/twentytwentyone/template-parts/header/site-nav.php @@ -1,36 +1,36 @@ - - - - - + + + + + diff --git a/themes/twentytwentyone/template-parts/post/author-bio.php b/themes/twentytwentyone/template-parts/post/author-bio.php index 550a75e9..7e03c408 100644 --- a/themes/twentytwentyone/template-parts/post/author-bio.php +++ b/themes/twentytwentyone/template-parts/post/author-bio.php @@ -12,14 +12,25 @@
-

+

+ +

' . esc_html__( 'View all of %2$s\'s posts.', 'twentytwentyone' ) . '', + '', esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ), - get_the_author() + sprintf( + /* translators: %s: Author name. */ + esc_html__( 'View all of %s\'s posts.', 'twentytwentyone' ), + get_the_author() + ) ); ?>