.
*/
-}
+ }
.block-search-wide__wrapper .search-form__submit .icon--search {
- position: absolute;
- inset-block-start: 0;
- inset-inline-end: 0;
- display: block;
- width: 1.5rem; /* Width of the SVG background image. */
- height: 100%;
- pointer-events: none;
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='27.2' viewBox='0 0 26 27.2'%3e %3cpath fill='%23fff' d='M25.8,25.5l-5.3-5.3c2.1-2.1,3.4-5.1,3.4-8.3C23.9,5.3,18.5,0,11.9,0C5.3,0,0,5.3,0,11.9c0,6.6,5.3,11.9,11.9,11.9c2.6,0,5.1-0.9,7-2.3l5.4,5.4c0.4,0.4,1,0.4,1.4,0C26.1,26.6,26.1,25.9,25.8,25.5z M11.9,21.9c-5.5,0-9.9-4.4-9.9-9.9S6.4,2,11.9,2c5.5,0,9.9,4.4,9.9,9.9S17.4,21.9,11.9,21.9z'/%3e%3c/svg%3e");
- background-repeat: no-repeat;
- background-position: center;
- background-size: contain;
-}
+ position: absolute;
+ inset-block-start: 0;
+ inset-inline-end: 0;
+ display: block;
+ width: 1.5rem; /* Width of the SVG background image. */
+ height: 100%;
+ pointer-events: none;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='27.2' viewBox='0 0 26 27.2'%3e %3cpath fill='%23fff' d='M25.8,25.5l-5.3-5.3c2.1-2.1,3.4-5.1,3.4-8.3C23.9,5.3,18.5,0,11.9,0C5.3,0,0,5.3,0,11.9c0,6.6,5.3,11.9,11.9,11.9c2.6,0,5.1-0.9,7-2.3l5.4,5.4c0.4,0.4,1,0.4,1.4,0C26.1,26.6,26.1,25.9,25.8,25.5z M11.9,21.9c-5.5,0-9.9-4.4-9.9-9.9S6.4,2,11.9,2c5.5,0,9.9,4.4,9.9,9.9S17.4,21.9,11.9,21.9z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ }
.block-search-wide__wrapper .search-form__submit .icon--search:after {
- position: absolute;
- inset-block-end: 0;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- content: "";
- transition: transform 0.2s;
- transform: scaleX(0);
- transform-origin: left;
- border-block-start: solid var(--sp0-5) var(--color--primary-50);
-}
+ position: absolute;
+ inset-block-end: 0;
+ inset-inline-start: 0;
+ width: 100%;
+ height: 0;
+ content: "";
+ transition: transform 0.2s;
+ transform: scaleX(0);
+ transform-origin: left;
+ border-block-start: solid var(--sp0-5) var(--color--primary-50);
+ }
.block-search-wide__wrapper .search-form__submit:focus {
- outline: solid 4px transparent;
- outline-offset: -4px;
- box-shadow: none;
-}
+ outline: solid 4px transparent;
+ outline-offset: -4px;
+ box-shadow: none;
+ }
.block-search-wide__wrapper .search-form__submit:focus span:after {
- transform: scaleX(1);
-}
+ transform: scaleX(1);
+ }
@media screen and (-ms-high-contrast: active) {
- .block-search-wide__wrapper .search-form__submit:focus {
- border-bottom-width: var(--sp0-5);
- }
+.block-search-wide__wrapper .search-form__submit:focus {
+ border-bottom-width: var(--sp0-5);
+ }
- .block-search-wide__wrapper .search-form__submit:focus span:after {
- content: none;
- }
-}
+ .block-search-wide__wrapper .search-form__submit:focus span:after {
+ content: none;
+ }
+ }
@media screen and (-ms-high-contrast: active) {
- /* Edge's high contrast does show the background image, so we hide it. */
- .block-search-wide__wrapper .search-form__submit .icon--search {
- display: none;
- }
-}
+ /* Edge's high contrast does show the background image, so we hide it. */
+ .block-search-wide__wrapper .search-form__submit .icon--search {
+ display: none;
+ }
+ }
.block-search-wide__container {
max-width: var(--max-width);
@@ -170,12 +170,12 @@
/* Override specificity from container-inline.module.css */
.container-inline .block-search-wide__container {
- display: block;
-}
+ display: block;
+ }
.container-inline .block-search-wide__grid {
- display: grid;
-}
+ display: grid;
+ }
.block-search-wide__button {
position: relative;
@@ -190,68 +190,68 @@
}
.block-search-wide__button:focus {
- position: relative;
- outline: 0;
-}
+ position: relative;
+ outline: 0;
+ }
.block-search-wide__button:focus:after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 80%;
- height: var(--sp3);
- content: "";
- transform: translate(-50%, -50%);
- border: solid 2px var(--color--primary-50);
- border-radius: 0.25rem;
-}
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 80%;
+ height: var(--sp3);
+ content: "";
+ transform: translate(-50%, -50%);
+ border: solid 2px var(--color--primary-50);
+ border-radius: 0.25rem;
+ }
.block-search-wide__button[aria-expanded="true"] {
- background: var(--color--black);
-}
+ background: var(--color--black);
+ }
.block-search-wide__button[aria-expanded="true"]:focus:after {
- border-color: var(--color--white);
-}
+ border-color: var(--color--white);
+ }
.block-search-wide__button[aria-expanded="true"] .block-search-wide__button-close:before,
-.block-search-wide__button[aria-expanded="true"] .block-search-wide__button-close:after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: var(--sp1-5);
- height: 0;
- content: "";
- border-block-start: solid 2px var(--color--white);
-}
+ .block-search-wide__button[aria-expanded="true"] .block-search-wide__button-close:after {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: var(--sp1-5);
+ height: 0;
+ content: "";
+ border-block-start: solid 2px var(--color--white);
+ }
.block-search-wide__button[aria-expanded="true"] .block-search-wide__button-close:before {
- transform: translate(-50%, -50%) rotate(-45deg);
-}
+ transform: translate(-50%, -50%) rotate(-45deg);
+ }
.block-search-wide__button[aria-expanded="true"] .block-search-wide__button-close:after {
- transform: translate(-50%, -50%) rotate(45deg);
-}
+ transform: translate(-50%, -50%) rotate(45deg);
+ }
.block-search-wide__button[aria-expanded="true"] svg {
- display: none;
-}
+ display: none;
+ }
.block-search-wide__button svg {
- margin-inline-start: auto;
- margin-inline-end: auto;
-}
+ margin-inline-start: auto;
+ margin-inline-end: auto;
+ }
@media (forced-colors: active) {
- .block-search-wide__button {
+.block-search-wide__button {
background: ButtonFace;
- }
+}
- .block-search-wide__button path {
- fill: ButtonText;
+ .block-search-wide__button path {
+ fill: ButtonText;
+ }
}
-}
/* Provide rudimentary access to site search if JS is disabled. */
@@ -271,21 +271,21 @@ html:not(.js) .search-block-form:focus-within .block-search-wide__wrapper {
}
[dir] .block-search-wide__wrapper input[type="search"]:focus {
- background-size: 100% var(--sp0-5);
-}
+ background-size: 100% var(--sp0-5);
+ }
[dir="rtl"] .block-search-wide__wrapper input[type="search"] {
- background-position: bottom right;
-}
+ background-position: bottom right;
+ }
[dir="rtl"] .block-search-wide__wrapper .search-form__submit .icon--search:after {
- transform-origin: right;
-}
+ transform-origin: right;
+ }
@media (min-width: 75rem) {
- body:not(.is-always-mobile-nav) .block-search-wide__wrapper,
+body:not(.is-always-mobile-nav) .block-search-wide__wrapper,
body:not(.is-always-mobile-nav) .block-search-wide__button {
- display: block;
+ display: block;
}
-}
+ }
diff --git a/core/themes/olivero/css/components/header-site-branding.css b/core/themes/olivero/css/components/header-site-branding.css
index 0e0335863a..7d59ec3e04 100644
--- a/core/themes/olivero/css/components/header-site-branding.css
+++ b/core/themes/olivero/css/components/header-site-branding.css
@@ -25,35 +25,35 @@
@media (min-width: 31.25rem) {
- .site-branding {
+.site-branding {
min-height: var(--sp4);
- }
}
+ }
@media (min-width: 43.75rem) {
- .site-branding {
+.site-branding {
min-width: calc((4 * var(--grid-col-width)) + (4 * var(--grid-gap)) + var(--container-padding)); /* Span minimum of 4 column widths. */
min-height: var(--sp6);
padding-block-end: var(--sp);
- }
}
+ }
@media (min-width: 62.5rem) {
- .site-branding {
+.site-branding {
min-width: calc((2 * var(--grid-col-width)) + (2 * var(--grid-gap)) + var(--container-padding)); /* Span minimum of 2 column widths. */
- }
}
+ }
@media (min-width: 75rem) {
- .site-branding {
+.site-branding {
min-height: var(--site-header-height-wide);
margin-inline-start: calc(-1 * var(--container-padding));
padding-block: 0;
- }
}
+ }
[dir="rtl"] .site-branding {
background-image: linear-gradient(-160deg, var(--color--primary-50) 0%, #0d7ab8 78.66%);
@@ -73,18 +73,19 @@
}
.site-branding__inner a {
- text-decoration: none;
-}
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ }
@media (min-width: 75rem) {
- .site-branding__inner {
+.site-branding__inner {
height: var(--header-height-wide-when-fixed);
padding-block: var(--sp0-5);
padding-inline-start: 0;
padding-inline-end: 0;
- }
}
+ }
.site-branding__logo {
flex-shrink: 0;
@@ -92,31 +93,31 @@
}
.site-branding__logo img {
- width: auto;
- max-width: 100%;
- max-height: var(--sp2);
-}
+ width: auto;
+ max-width: 100%;
+ max-height: var(--sp2);
+ }
@media (min-width: 31.25rem) {
- .site-branding__logo img {
- max-height: var(--sp3);
+.site-branding__logo img {
+ max-height: var(--sp3);
}
-}
+ }
@media (min-width: 43.75rem) {
- .site-branding__logo img {
- max-height: var(--sp4);
+.site-branding__logo img {
+ max-height: var(--sp4);
}
-}
+ }
@media (min-width: 75rem) {
- .site-branding__logo img {
- max-height: calc(var(--header-height-wide-when-fixed) - var(--sp));
+.site-branding__logo img {
+ max-height: calc(var(--header-height-wide-when-fixed) - var(--sp));
}
-}
+ }
.site-branding__text {
color: var(--color--white);
@@ -125,25 +126,25 @@
}
.site-branding__text a {
- color: inherit;
-}
+ color: inherit;
+ }
@media (min-width: 43.75rem) {
- .site-branding__text {
+.site-branding__text {
font-size: 1.75rem;
line-height: 1.75rem;
- }
}
+ }
@media (min-width: 75rem) {
- .site-branding__text {
+.site-branding__text {
letter-spacing: 0.02em;
font-size: 2rem;
line-height: var(--sp2);
- }
}
+ }
.site-branding--bg-gray .site-branding__text,
.site-branding--bg-white .site-branding__text {
diff --git a/core/themes/olivero/css/components/header-sticky-toggle.css b/core/themes/olivero/css/components/header-sticky-toggle.css
index 788611c333..4f67a22455 100644
--- a/core/themes/olivero/css/components/header-sticky-toggle.css
+++ b/core/themes/olivero/css/components/header-sticky-toggle.css
@@ -19,7 +19,7 @@
@media (min-width: 75rem) {
- .sticky-header-toggle {
+.sticky-header-toggle {
display: flex;
flex-shrink: 0;
align-items: center;
@@ -31,30 +31,30 @@
border: 0;
outline: 0;
background-color: var(--color--primary-50);
- }
+}
- .sticky-header-toggle:focus {
- cursor: pointer;
- pointer-events: auto;
- opacity: 1;
- outline: solid 2px var(--color--white);
- outline-offset: -4px;
+ .sticky-header-toggle:focus {
+ cursor: pointer;
+ pointer-events: auto;
+ opacity: 1;
+ outline: solid 2px var(--color--white);
+ outline-offset: -4px;
+ }
}
-}
@media (min-width: 75rem) {
- body:not(.is-always-mobile-nav) .is-fixed .sticky-header-toggle {
+body:not(.is-always-mobile-nav) .is-fixed .sticky-header-toggle {
visibility: visible;
- }
}
+ }
@media (min-width: 75rem) {
- body.is-always-mobile-nav .sticky-header-toggle {
+body.is-always-mobile-nav .sticky-header-toggle {
visibility: hidden;
- }
}
+ }
.sticky-header-toggle__icon {
--icon-bar-height: 0.1875rem;
@@ -72,13 +72,13 @@
}
.sticky-header-toggle__icon > span {
- display: block;
- width: 100%;
- height: var(--icon-bar-height);
- transition: transform 0.2s;
- transform-origin: center;
- background-color: var(--color--white);
-}
+ display: block;
+ width: 100%;
+ height: var(--icon-bar-height);
+ transition: transform 0.2s;
+ transform-origin: center;
+ background-color: var(--color--white);
+ }
.is-fixed .sticky-header-toggle {
cursor: pointer;
@@ -87,13 +87,13 @@
}
[aria-checked="true"] .sticky-header-toggle__icon > span:nth-child(1) {
- transform: translateY(calc(var(--icon-bar-height) + var(--icon-bar-space))) rotate(-45deg);
-}
+ transform: translateY(calc(var(--icon-bar-height) + var(--icon-bar-space))) rotate(-45deg);
+ }
[aria-checked="true"] .sticky-header-toggle__icon > span:nth-child(2) {
- opacity: 0;
-}
+ opacity: 0;
+ }
[aria-checked="true"] .sticky-header-toggle__icon > span:nth-child(3) {
- transform: translateY(calc(0px - var(--icon-bar-height) - var(--icon-bar-space))) rotate(45deg);
-}
+ transform: translateY(calc(0px - var(--icon-bar-height) - var(--icon-bar-space))) rotate(45deg);
+ }
diff --git a/core/themes/olivero/css/components/hero.css b/core/themes/olivero/css/components/hero.css
index fdf5bd59d8..3d0d88f822 100644
--- a/core/themes/olivero/css/components/hero.css
+++ b/core/themes/olivero/css/components/hero.css
@@ -16,17 +16,17 @@
@media (min-width: 43.75rem) {
- .hero__content { /* 700px */
+.hero__content { /* 700px */
grid-column: 3 / 13;
- }
}
+ }
@media (min-width: 62.5rem) {
- .hero__content {
+.hero__content {
grid-column: 3 / 11;
- }
}
+ }
.hero__img {
grid-column: 1 / 7;
@@ -35,29 +35,29 @@
}
.hero__img img {
- width: 100%;
-}
+ width: 100%;
+ }
@media (min-width: 31.25rem) {
- .hero__img {
+.hero__img {
margin-block-start: var(--sp3);
margin-block-end: var(--sp3);
- }
}
+ }
@media (min-width: 43.75rem) {
- .hero__img {
+.hero__img {
grid-column: 1 / 15;
margin-block-start: var(--sp4);
margin-block-end: var(--sp4);
- }
}
+ }
@media (min-width: 62.5rem) {
- .hero__img {
+.hero__img {
grid-column: 2 / 14;
- }
}
+ }
diff --git a/core/themes/olivero/css/components/links.css b/core/themes/olivero/css/components/links.css
index 371745e809..d5df337004 100644
--- a/core/themes/olivero/css/components/links.css
+++ b/core/themes/olivero/css/components/links.css
@@ -19,16 +19,16 @@
}
.links.inline > * {
- display: inline;
-}
+ display: inline;
+ }
.links.inline > *:not(:last-child) {
- padding-inline-end: 1em;
-}
+ padding-inline-end: 1em;
+ }
@media (min-width: 43.75rem) {
- .node--type-book .links.inline {
+.node--type-book .links.inline {
text-align: end;
- }
}
+ }
diff --git a/core/themes/olivero/css/components/maintenance-page.css b/core/themes/olivero/css/components/maintenance-page.css
index 8639527a70..64082c6bca 100644
--- a/core/themes/olivero/css/components/maintenance-page.css
+++ b/core/themes/olivero/css/components/maintenance-page.css
@@ -12,15 +12,15 @@
@media (min-width: 75rem) {
- .maintenance-page .site-header__initial {
- flex-shrink: 0;
- width: var(--content-left);
+.maintenance-page .site-header__initial {
+ flex-shrink: 0;
+ width: var(--content-left);
}
-}
+ }
.maintenance-page .main-content {
- min-height: 80vh;
-}
+ min-height: 80vh;
+ }
.maintenance-page-icon {
display: block;
@@ -28,5 +28,5 @@
}
.maintenance-page-icon path {
- fill: var(--color--primary-50);
-}
+ fill: var(--color--primary-50);
+ }
diff --git a/core/themes/olivero/css/components/messages.css b/core/themes/olivero/css/components/messages.css
index 444c152aa7..25434e82ef 100644
--- a/core/themes/olivero/css/components/messages.css
+++ b/core/themes/olivero/css/components/messages.css
@@ -33,14 +33,14 @@
}
.messages * {
- color: inherit;
-}
+ color: inherit;
+ }
/* Additional specificity to override contrib modules. */
.messages.messages-list__item {
- background-image: none;
-}
+ background-image: none;
+ }
.messages__list {
margin-block: 0;
@@ -70,8 +70,8 @@
}
.messages__header.no-icon {
- margin-inline-end: 0;
-}
+ margin-inline-end: 0;
+ }
.messages__content {
overflow: auto; /* Ensure large code blocks can be scrolled to. */
@@ -101,34 +101,34 @@
}
.messages__close:before,
-.messages__close:after {
- position: absolute;
- top: 50%;
- left: 50%;
- display: block;
- width: 2.0625rem;
- height: 0;
- content: "";
- border-top: solid 2px var(--color--gray-60);
-}
+ .messages__close:after {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ display: block;
+ width: 2.0625rem;
+ height: 0;
+ content: "";
+ border-top: solid 2px var(--color--gray-60);
+ }
.messages__close:before {
- transform: translate(-50%, -50%) rotate(45deg);
-}
+ transform: translate(-50%, -50%) rotate(45deg);
+ }
.messages__close:after {
- transform: translate(-50%, -50%) rotate(-45deg);
-}
+ transform: translate(-50%, -50%) rotate(-45deg);
+ }
.messages__close:hover::before,
-.messages__close:hover::after {
- border-color: var(--color--white);
-}
+ .messages__close:hover::after {
+ border-color: var(--color--white);
+ }
.messages__close:focus {
- outline: 2px solid var(--color--primary-60);
- outline-offset: 2px;
-}
+ outline: 2px solid var(--color--primary-60);
+ outline-offset: 2px;
+ }
.messages__icon svg {
vertical-align: top;
diff --git a/core/themes/olivero/css/components/navigation/menu-sidebar.css b/core/themes/olivero/css/components/navigation/menu-sidebar.css
index d80d2f4bc9..9e160efaeb 100644
--- a/core/themes/olivero/css/components/navigation/menu-sidebar.css
+++ b/core/themes/olivero/css/components/navigation/menu-sidebar.css
@@ -15,47 +15,48 @@
}
.menu--sidebar .menu {
- list-style: none;
-}
+ list-style: none;
+ }
.menu--sidebar .menu--level-1 {
- margin: 0;
-}
+ margin: 0;
+ }
.menu--sidebar .menu__link {
- position: relative;
- display: block;
- padding-block: var(--sp0-75);
- padding-inline-start: 0;
- padding-inline-end: 0;
- font-family: var(--font-serif);
- font-size: 1.125rem;
-
- /* Bottom divider line. */
-}
+ position: relative;
+ display: block;
+ padding-block: var(--sp0-75);
+ padding-inline-start: 0;
+ padding-inline-end: 0;
+ font-family: var(--font-serif);
+ font-size: 1.125rem;
+
+ /* Bottom divider line. */
+ }
.menu--sidebar .menu__link:after {
- position: absolute;
- inset-block-end: 0;
- inset-inline-start: 0;
- width: var(--sp4);
- height: 0;
- content: "";
- border-block-start: solid 2px var(--color--gray-95);
-}
+ position: absolute;
+ inset-block-end: 0;
+ inset-inline-start: 0;
+ width: var(--sp4);
+ height: 0;
+ content: "";
+ border-block-start: solid 2px var(--color--gray-95);
+ }
.menu--sidebar .menu__link--link {
- text-decoration: none;
- color: var(--color-text-neutral-loud);
- font-weight: 600;
-}
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ color: var(--color-text-neutral-loud);
+ font-weight: 600;
+ }
.menu--sidebar .menu__link--link:hover {
- color: var(--color--primary-50);
-}
+ color: var(--color--primary-50);
+ }
/* No bottom divider line for last menu item. */
:is(.menu--sidebar .menu__item--level-1:last-child > .menu__link:last-child,.menu--sidebar .menu__item--level-1:last-child > .menu__item--level-2:last-child > .menu__link:last-child):after {
- content: none;
-}
+ content: none;
+ }
diff --git a/core/themes/olivero/css/components/navigation/nav-button-mobile.css b/core/themes/olivero/css/components/navigation/nav-button-mobile.css
index 2106930608..e677e183cc 100644
--- a/core/themes/olivero/css/components/navigation/nav-button-mobile.css
+++ b/core/themes/olivero/css/components/navigation/nav-button-mobile.css
@@ -31,21 +31,21 @@
}
.mobile-nav-button:focus {
- outline: solid 2px var(--color--primary-40);
-}
+ outline: solid 2px var(--color--primary-40);
+ }
.mobile-nav-button:active {
- color: inherit; /* Override Safari's default UA styles. */
-}
+ color: inherit; /* Override Safari's default UA styles. */
+ }
@media (min-width: 31.25rem) {
- .mobile-nav-button {
+.mobile-nav-button {
display: inline-flex;
width: auto;
padding-inline-start: var(--sp);
- }
}
+ }
/* Text that says "menu". */
@@ -61,7 +61,7 @@
@media (min-width: 31.25rem) {
- .mobile-nav-button__label {
+.mobile-nav-button__label {
position: static;
overflow: visible;
clip: auto;
@@ -71,8 +71,8 @@
letter-spacing: 0.05em;
font-size: 0.875rem;
font-weight: 600;
- }
}
+ }
.mobile-nav-button__icon {
position: relative;
@@ -83,33 +83,33 @@
}
.mobile-nav-button__icon::before,
-.mobile-nav-button__icon::after {
- position: absolute;
- inset-block-start: 0;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- content: "";
- transition: transform 0.2s;
- border-top: solid 3px var(--color--primary-50);
-}
+ .mobile-nav-button__icon::after {
+ position: absolute;
+ inset-block-start: 0;
+ inset-inline-start: 0;
+ width: 100%;
+ height: 0;
+ content: "";
+ transition: transform 0.2s;
+ border-top: solid 3px var(--color--primary-50);
+ }
.mobile-nav-button__icon::before {
- transform: translateY(-0.6875rem);
-}
+ transform: translateY(-0.6875rem);
+ }
.mobile-nav-button__icon::after {
- transform: translateY(0.3125rem);
-}
+ transform: translateY(0.3125rem);
+ }
.mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon {
border-top-color: transparent;
}
.mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon::before {
- transform: translateY(-0.1875rem) rotate(-45deg);
-}
+ transform: translateY(-0.1875rem) rotate(-45deg);
+ }
.mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon::after {
- transform: translateY(-0.1875rem) rotate(45deg);
-}
+ transform: translateY(-0.1875rem) rotate(45deg);
+ }
diff --git a/core/themes/olivero/css/components/navigation/nav-primary-button.css b/core/themes/olivero/css/components/navigation/nav-primary-button.css
index bd95ac4a2a..dfa2ca4684 100644
--- a/core/themes/olivero/css/components/navigation/nav-primary-button.css
+++ b/core/themes/olivero/css/components/navigation/nav-primary-button.css
@@ -27,109 +27,109 @@
}
.primary-nav__button-toggle:focus {
- outline: auto 2px var(--color--primary-50);
- outline-offset: 2px;
-}
+ outline: auto 2px var(--color--primary-50);
+ outline-offset: 2px;
+ }
.primary-nav__button-toggle .icon--menu-toggle {
- position: absolute;
- /* stylelint-disable csstools/use-logical */
- top: 50%;
- left: 50%;
- /* stylelint-enable csstools/use-logical */
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s;
- transform: translate(-50%, -50%);
- border-radius: 2px;
-}
+ position: absolute;
+ /* stylelint-disable csstools/use-logical */
+ top: 50%;
+ left: 50%;
+ /* stylelint-enable csstools/use-logical */
+ width: 1rem;
+ height: 1rem;
+ transition: background-color 0.2s;
+ transform: translate(-50%, -50%);
+ border-radius: 2px;
+ }
.primary-nav__button-toggle .icon--menu-toggle:before,
-.primary-nav__button-toggle .icon--menu-toggle:after {
- position: absolute;
- /* stylelint-disable csstools/use-logical */
- top: 50%;
- left: 50%;
- /* stylelint-enable csstools/use-logical */
- width: var(--sp);
- height: 0;
- content: "";
- transform: translate(-50%, -50%);
- /* Intentionally not using CSS logical properties. */
- border-top: solid 3px var(--color--primary-50);
-}
+ .primary-nav__button-toggle .icon--menu-toggle:after {
+ position: absolute;
+ /* stylelint-disable csstools/use-logical */
+ top: 50%;
+ left: 50%;
+ /* stylelint-enable csstools/use-logical */
+ width: var(--sp);
+ height: 0;
+ content: "";
+ transform: translate(-50%, -50%);
+ /* Intentionally not using CSS logical properties. */
+ border-top: solid 3px var(--color--primary-50);
+ }
.primary-nav__button-toggle .icon--menu-toggle:after {
- transition: opacity 0.2s;
- transform: translate(-50%, -50%) rotate(90deg);
-}
+ transition: opacity 0.2s;
+ transform: translate(-50%, -50%) rotate(90deg);
+ }
.primary-nav__button-toggle[aria-expanded="true"] .icon--menu-toggle:after {
- opacity: 0;
-}
+ opacity: 0;
+ }
/* aria-hidden attribute is removed by JS. Button is non-functional
until JS is enabled.
*/
.primary-nav__button-toggle[aria-hidden="true"] {
- pointer-events: none;
-}
-
-@media (min-width: 75rem) {
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle {
- flex-shrink: 0;
- align-self: stretch;
- width: calc(var(--sp2) + 0.5rem);
- height: auto;
- margin-block-start: 0;
- margin-inline-end: calc(-1 * var(--sp2));
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle:focus {
- border: 0;
- outline: 0;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle:focus .icon--menu-toggle {
- border: solid 2px var(--color--primary-40);
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle:active {
- /* Necessary for Safari. */
- color: currentColor;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle[aria-expanded="true"] .icon--menu-toggle:after {
- opacity: 0.8;
+ pointer-events: none;
}
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle {
- inset-inline-start: 0.1875rem;
- width: 1.125rem;
- transform: translateY(-50%);
- border-radius: 0.25rem;
- background-color: var(--color--white);
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle:before {
- content: none;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle:after {
- /* stylelint-disable csstools/use-logical */
- top: calc(50% - 2px);
- left: 0.1875rem;
- /* stylelint-enable csstools/use-logical */
- width: 0.5rem;
- height: 0.5rem;
- content: "";
- transform: translateY(-50%) rotate(45deg);
- opacity: 0.8;
- /* Intentionally not using CSS logical properties. */
- border-top: none;
- border-right: solid 2px currentColor;
- border-bottom: solid 2px currentColor;
- background: transparent;
+@media (min-width: 75rem) {
+ body:not(.is-always-mobile-nav) .primary-nav__button-toggle {
+ flex-shrink: 0;
+ align-self: stretch;
+ width: calc(var(--sp2) + 0.5rem);
+ height: auto;
+ margin-block-start: 0;
+ margin-inline-end: calc(-1 * var(--sp2));
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__button-toggle:focus {
+ border: 0;
+ outline: 0;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__button-toggle:focus .icon--menu-toggle {
+ border: solid 2px var(--color--primary-40);
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__button-toggle:active {
+ /* Necessary for Safari. */
+ color: currentColor;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__button-toggle[aria-expanded="true"] .icon--menu-toggle:after {
+ opacity: 0.8;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle {
+ inset-inline-start: 0.1875rem;
+ width: 1.125rem;
+ transform: translateY(-50%);
+ border-radius: 0.25rem;
+ background-color: var(--color--white);
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle:before {
+ content: none;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle:after {
+ /* stylelint-disable csstools/use-logical */
+ top: calc(50% - 2px);
+ left: 0.1875rem;
+ /* stylelint-enable csstools/use-logical */
+ width: 0.5rem;
+ height: 0.5rem;
+ content: "";
+ transform: translateY(-50%) rotate(45deg);
+ opacity: 0.8;
+ /* Intentionally not using CSS logical properties. */
+ border-top: none;
+ border-right: solid 2px currentColor;
+ border-bottom: solid 2px currentColor;
+ background: transparent;
+ }
}
-}
diff --git a/core/themes/olivero/css/components/navigation/nav-primary-no-js.css b/core/themes/olivero/css/components/navigation/nav-primary-no-js.css
index 3520beeea7..0441f95731 100644
--- a/core/themes/olivero/css/components/navigation/nav-primary-no-js.css
+++ b/core/themes/olivero/css/components/navigation/nav-primary-no-js.css
@@ -20,129 +20,129 @@
*/
@media (max-width: 75rem) {
- html:not(.js) .primary-nav__menu--level-1 {
- column-width: var(--no-js-nav-column-width);
- column-gap: var(--no-js-nav-column-gap);
+ html:not(.js) .primary-nav__menu--level-1 {
+ column-width: var(--no-js-nav-column-width);
+ column-gap: var(--no-js-nav-column-gap);
+ }
+
+ html:not(.js) .primary-nav__menu-item {
+ page-break-inside: avoid;
+ break-inside: avoid;
+ }
+
+ html:not(.js) .site-header__inner__container {
+ flex-wrap: wrap;
+ }
+
+ html:not(.js) .mobile-buttons {
+ display: none;
+ }
+
+ html:not(.js) .header-nav {
+ border: solid 1px var(--color--gray-95) !important;
+ }
+
+ html:not(.js) .header-nav {
+ position: static;
+ visibility: visible;
+ flex-basis: 100%;
+ width: 100%;
+ max-width: none;
+ margin-block: var(--sp2) 0;
+ margin-inline-start: var(--sp2);
+ margin-inline-end: var(--sp2);
+ padding-block: var(--sp2) 0;
+ padding-inline-start: var(--sp2);
+ padding-inline-end: var(--sp2);
+ transform: none;
+ box-shadow: 0 0 36px var(--color--gray-90);
+ }
+
+ html:not(.js) .primary-nav__menu--level-2 {
+ border-inline-start: 0;
+ }
+
+ html:not(.js) .primary-nav__button-toggle {
+ display: none;
+ }
+ html:not(.js) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before,
+ html:not(.js) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
+ content: none;
+ }
}
- html:not(.js) .primary-nav__menu-item {
- page-break-inside: avoid;
- break-inside: avoid;
- }
-
- html:not(.js) .site-header__inner__container {
- flex-wrap: wrap;
- }
-
- html:not(.js) .mobile-buttons {
- display: none;
- }
-
- html:not(.js) .header-nav {
- border: solid 1px var(--color--gray-95) !important;
- }
-
- html:not(.js) .header-nav {
- position: static;
- visibility: visible;
- flex-basis: 100%;
- width: 100%;
- max-width: none;
- margin-block: var(--sp2) 0;
- margin-inline-start: var(--sp2);
- margin-inline-end: var(--sp2);
- padding-block: var(--sp2) 0;
- padding-inline-start: var(--sp2);
- padding-inline-end: var(--sp2);
- transform: none;
- box-shadow: 0 0 36px var(--color--gray-90);
- }
-
- html:not(.js) .primary-nav__menu--level-2 {
- border-inline-start: 0;
- }
-
- html:not(.js) .primary-nav__button-toggle {
- display: none;
- }
- html:not(.js) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before,
- html:not(.js) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- content: none;
- }
-}
-
@media (min-width: 75rem) {
- /**
+ /**
* Styles for 'always on mobile navigation' when JS is disabled.
*/
- html:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-1 {
- column-width: var(--no-js-nav-column-width);
- column-gap: var(--no-js-nav-column-gap);
- }
-
- html:not(.js) body.is-always-mobile-nav .primary-nav__menu-item {
- page-break-inside: avoid;
- break-inside: avoid;
- }
-
- html:not(.js) body.is-always-mobile-nav .site-header__inner__container {
- flex-wrap: wrap;
- }
-
- html:not(.js) body.is-always-mobile-nav .mobile-buttons {
- display: none;
- }
-
- html:not(.js) body.is-always-mobile-nav .header-nav {
- border: solid 1px var(--color--gray-95) !important;
- }
-
- html:not(.js) body.is-always-mobile-nav .header-nav {
- position: static;
- visibility: visible;
- flex-basis: 100%;
- width: 100%;
- max-width: none;
- margin-block: var(--sp2) 0;
- margin-inline-start: var(--sp2);
- margin-inline-end: var(--sp2);
- padding-block: var(--sp2) 0;
- padding-inline-start: var(--sp2);
- padding-inline-end: var(--sp2);
- transform: none;
- box-shadow: 0 0 36px var(--color--gray-90);
- }
-
- html:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-2 {
- border-inline-start: 0;
- }
-
- html:not(.js) body.is-always-mobile-nav .primary-nav__button-toggle {
- display: none;
- }
- html:not(.js) body.is-always-mobile-nav .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before,
- html:not(.js) body.is-always-mobile-nav .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- content: none;
- }
-
- /**
+ html:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-1 {
+ column-width: var(--no-js-nav-column-width);
+ column-gap: var(--no-js-nav-column-gap);
+ }
+
+ html:not(.js) body.is-always-mobile-nav .primary-nav__menu-item {
+ page-break-inside: avoid;
+ break-inside: avoid;
+ }
+
+ html:not(.js) body.is-always-mobile-nav .site-header__inner__container {
+ flex-wrap: wrap;
+ }
+
+ html:not(.js) body.is-always-mobile-nav .mobile-buttons {
+ display: none;
+ }
+
+ html:not(.js) body.is-always-mobile-nav .header-nav {
+ border: solid 1px var(--color--gray-95) !important;
+ }
+
+ html:not(.js) body.is-always-mobile-nav .header-nav {
+ position: static;
+ visibility: visible;
+ flex-basis: 100%;
+ width: 100%;
+ max-width: none;
+ margin-block: var(--sp2) 0;
+ margin-inline-start: var(--sp2);
+ margin-inline-end: var(--sp2);
+ padding-block: var(--sp2) 0;
+ padding-inline-start: var(--sp2);
+ padding-inline-end: var(--sp2);
+ transform: none;
+ box-shadow: 0 0 36px var(--color--gray-90);
+ }
+
+ html:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-2 {
+ border-inline-start: 0;
+ }
+
+ html:not(.js) body.is-always-mobile-nav .primary-nav__button-toggle {
+ display: none;
+ }
+ html:not(.js) body.is-always-mobile-nav .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before,
+ html:not(.js) body.is-always-mobile-nav .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
+ content: none;
+ }
+
+ /**
* Styles for traditional dropdown primary navigation when JS is disabled.
*/
- html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:hover .primary-nav__menu--level-2,
- html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:hover .primary-nav__menu-🥕 {
- visibility: visible;
- transform: translate(-50%, 0);
- opacity: 1;
- }
-
- /*
+ html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:hover .primary-nav__menu--level-2,
+ html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:hover .primary-nav__menu-🥕 {
+ visibility: visible;
+ transform: translate(-50%, 0);
+ opacity: 1;
+ }
+
+ /*
* Cannot combine the focus-within pseudo selector with other selectors,
* because it will break IE11 and earlier versions of MS Edge.
*/
- html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:focus-within .primary-nav__menu--level-2,
- html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:focus-within .primary-nav__menu-🥕 {
- visibility: visible;
- transform: translate(-50%, 0);
- opacity: 1;
+ html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:focus-within .primary-nav__menu--level-2,
+ html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:focus-within .primary-nav__menu-🥕 {
+ visibility: visible;
+ transform: translate(-50%, 0);
+ opacity: 1;
+ }
}
-}
diff --git a/core/themes/olivero/css/components/navigation/nav-primary-wide.css b/core/themes/olivero/css/components/navigation/nav-primary-wide.css
index abe5f3cdee..8db2d79cf8 100644
--- a/core/themes/olivero/css/components/navigation/nav-primary-wide.css
+++ b/core/themes/olivero/css/components/navigation/nav-primary-wide.css
@@ -11,202 +11,202 @@
*/
@media (min-width: 75rem) {
- body:not(.is-always-mobile-nav) .primary-nav__menu-item {
- flex-wrap: nowrap; /* Ensure that sub navigation toggle button doesn't wrap underneath link. */
- }
- body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--link,
- body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--nolink {
- flex-basis: auto;
- }
-
- /* Remove hover state if submenu exists. */
- body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--level-1 .primary-nav__menu-link-inner:after {
- content: none;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link {
- letter-spacing: 0.02em;
- font-size: 1rem;
- line-height: var(--sp1-5);
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus {
- position: relative;
- outline: 0;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus:before {
- position: absolute;
- top: 50%;
- left: 50%;
- width: calc(100% + var(--sp));
- height: var(--sp3);
- content: "";
- transform: translate(-50%, -50%);
- border: solid 2px var(--color--primary-50);
- border-radius: 0.25rem;
- }
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
- overflow: visible; /* Necessary to view icon in IE11 */
- padding-inline-end: 0.5625rem;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:focus:before {
- width: calc(100% + var(--sp1-5));
- content: "";
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before {
- content: none;
- }
-
- /* Chevron icon for desktop navigation. */
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- position: absolute;
- inset-block-start: 50%;
- inset-inline-start: calc(100% - 0.1875rem);
- width: 0.5rem;
- height: 0.5rem;
- margin-block-start: -2px;
- transform: translateY(-50%) rotate(45deg);
- /* Intentionally not using CSS logical properties. */
- border-top: 0;
- border-right: solid 2px currentColor;
- border-bottom: solid 2px currentColor;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children[aria-expanded="true"]:after {
- opacity: 1;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
- padding-block: var(--sp2);
- padding-inline-start: 0;
- padding-inline-end: 0;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner:after {
- transform-origin: center;
- border-top-width: var(--sp0-5);
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
- display: flex;
- align-items: stretch;
- margin-inline-end: var(--sp);
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
- position: relative; /* Anchor secondary menu */
- display: flex;
- align-items: center;
- width: max-content;
- max-width: 12.5rem;
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
- margin-inline-end: var(--sp2);
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
- position: absolute;
- z-index: 105; /* Appear above search container. */
- top: calc(100% - (0.5 * var(--sp)));
- left: 50%;
- visibility: hidden;
- overflow: auto;
- width: 15.625rem;
- /* Ensure that long level-2 menus will never overflow viewport (focused
+ body:not(.is-always-mobile-nav) .primary-nav__menu-item {
+ flex-wrap: nowrap; /* Ensure that sub navigation toggle button doesn't wrap underneath link. */
+ }
+ body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--link,
+ body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--nolink {
+ flex-basis: auto;
+ }
+
+ /* Remove hover state if submenu exists. */
+ body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--level-1 .primary-nav__menu-link-inner:after {
+ content: none;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link {
+ letter-spacing: 0.02em;
+ font-size: 1rem;
+ line-height: var(--sp1-5);
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus {
+ position: relative;
+ outline: 0;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus:before {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: calc(100% + var(--sp));
+ height: var(--sp3);
+ content: "";
+ transform: translate(-50%, -50%);
+ border: solid 2px var(--color--primary-50);
+ border-radius: 0.25rem;
+ }
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
+ overflow: visible; /* Necessary to view icon in IE11 */
+ padding-inline-end: 0.5625rem;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:focus:before {
+ width: calc(100% + var(--sp1-5));
+ content: "";
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before {
+ content: none;
+ }
+
+ /* Chevron icon for desktop navigation. */
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
+ position: absolute;
+ inset-block-start: 50%;
+ inset-inline-start: calc(100% - 0.1875rem);
+ width: 0.5rem;
+ height: 0.5rem;
+ margin-block-start: -2px;
+ transform: translateY(-50%) rotate(45deg);
+ /* Intentionally not using CSS logical properties. */
+ border-top: 0;
+ border-right: solid 2px currentColor;
+ border-bottom: solid 2px currentColor;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children[aria-expanded="true"]:after {
+ opacity: 1;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
+ padding-block: var(--sp2);
+ padding-inline-start: 0;
+ padding-inline-end: 0;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner:after {
+ transform-origin: center;
+ border-top-width: var(--sp0-5);
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
+ display: flex;
+ align-items: stretch;
+ margin-inline-end: var(--sp);
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
+ position: relative; /* Anchor secondary menu */
+ display: flex;
+ align-items: center;
+ width: max-content;
+ max-width: 12.5rem;
+ margin-block: 0;
+ margin-inline-start: 0;
+ margin-inline-end: 0;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
+ margin-inline-end: var(--sp2);
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
+ position: absolute;
+ z-index: 105; /* Appear above search container. */
+ top: calc(100% - (0.5 * var(--sp)));
+ left: 50%;
+ visibility: hidden;
+ overflow: auto;
+ width: 15.625rem;
+ /* Ensure that long level-2 menus will never overflow viewport (focused
* elements should always be in viewport per accessibility guidelines). */
- max-height: calc(100vh - var(--site-header-height-wide) - var(--drupal-displace-offset-top, 0px) - var(--drupal-displace-offset-bottom, 0px) - var(--sp));
- margin-block-start: 0;
- margin-inline-start: 0;
- padding-block: calc(3 * var(--sp));
- padding-inline-start: var(--sp2);
- padding-inline-end: var(--sp2);
- transition: none;
- transform: translate(-50%, -1.25rem);
- opacity: 0;
- /* Intentionally not using CSS logical properties. */
- border-top: solid var(--color--primary-50) var(--sp0-5);
- border-right: solid 1px transparent; /* Transparent borders useful for Windows High Contrast mode. */
- border-bottom: solid 1px transparent;
- border-left: solid 1px transparent;
- border-radius: 0 0 2px 2px;
- background: var(--color--white);
- box-shadow: 0 1px 36px rgba(0, 0, 0, 0.08);
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu--level-2.is-active-menu-parent {
- visibility: visible;
- margin-block-start: 0;
- transform: translate(-50%, 0);
- opacity: 1;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 {
- display: block;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2:focus:before {
- top: 0;
- left: calc(var(--sp0-5) * -1);
- height: 100%;
- transform: none;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
- padding-block: var(--sp0-5);
- padding-inline-start: 0;
- padding-inline-end: 0;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner:after {
- transform-origin: left; /* LTR */
- border-top-width: 3px;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner:after {
- transform-origin: right;
- }
-
- /**
+ max-height: calc(100vh - var(--site-header-height-wide) - var(--drupal-displace-offset-top, 0px) - var(--drupal-displace-offset-bottom, 0px) - var(--sp));
+ margin-block-start: 0;
+ margin-inline-start: 0;
+ padding-block: calc(3 * var(--sp));
+ padding-inline-start: var(--sp2);
+ padding-inline-end: var(--sp2);
+ transition: none;
+ transform: translate(-50%, -1.25rem);
+ opacity: 0;
+ /* Intentionally not using CSS logical properties. */
+ border-top: solid var(--color--primary-50) var(--sp0-5);
+ border-right: solid 1px transparent; /* Transparent borders useful for Windows High Contrast mode. */
+ border-bottom: solid 1px transparent;
+ border-left: solid 1px transparent;
+ border-radius: 0 0 2px 2px;
+ background: var(--color--white);
+ box-shadow: 0 1px 36px rgba(0, 0, 0, 0.08);
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu--level-2.is-active-menu-parent {
+ visibility: visible;
+ margin-block-start: 0;
+ transform: translate(-50%, 0);
+ opacity: 1;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 {
+ display: block;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2:focus:before {
+ top: 0;
+ left: calc(var(--sp0-5) * -1);
+ height: 100%;
+ transform: none;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
+ padding-block: var(--sp0-5);
+ padding-inline-start: 0;
+ padding-inline-end: 0;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner:after {
+ transform-origin: left; /* LTR */
+ border-top-width: 3px;
+ }
+
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner:after {
+ transform-origin: right;
+ }
+
+ /**
* Arrow is placed outside of submenu because the submenu has the
* `overflow: hidden` CSS rule applied.
*/
- body:not(.is-always-mobile-nav) .primary-nav__menu-🥕 {
- position: absolute;
- z-index: 105; /* Match level 2 menus. */
- top: calc(100% - var(--sp));
- left: 50%;
- visibility: hidden;
- width: 0;
- height: 0;
- transform: translate(-50%, -1.25rem);
- opacity: 0;
- /* Intentionally not using CSS logical properties. */
- border-right: solid 10px transparent;
- border-bottom: solid 10px var(--color--primary-50);
- border-left: solid 10px transparent;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-🥕.is-active-menu-parent {
- visibility: visible;
- transform: translate(-50%, 0);
- opacity: 1;
- }
-
- /**
+ body:not(.is-always-mobile-nav) .primary-nav__menu-🥕 {
+ position: absolute;
+ z-index: 105; /* Match level 2 menus. */
+ top: calc(100% - var(--sp));
+ left: 50%;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+ transform: translate(-50%, -1.25rem);
+ opacity: 0;
+ /* Intentionally not using CSS logical properties. */
+ border-right: solid 10px transparent;
+ border-bottom: solid 10px var(--color--primary-50);
+ border-left: solid 10px transparent;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-🥕.is-active-menu-parent {
+ visibility: visible;
+ transform: translate(-50%, 0);
+ opacity: 1;
+ }
+
+ /**
* When ensuring that long menus don't overflow viewport, we can give a
* little extra room when the toolbar is fixed (and is shorter).
*/
- body:not(.is-always-mobile-nav) .is-fixed .primary-nav__menu--level-2 {
- max-height: calc(100vh - var(--site-header-height-wide) - var(--drupal-displace-offset-top, 0px) - var(--drupal-displace-offset-bottom, 0px) - var(--sp) + var(--sp4));
+ body:not(.is-always-mobile-nav) .is-fixed .primary-nav__menu--level-2 {
+ max-height: calc(100vh - var(--site-header-height-wide) - var(--drupal-displace-offset-top, 0px) - var(--drupal-displace-offset-bottom, 0px) - var(--sp) + var(--sp4));
+ }
}
-}
/*
* Only apply transition styles to menu when JS is loaded. This
@@ -214,8 +214,8 @@
*/
@media (min-width: 75rem) {
- html.js body:not(.is-always-mobile-nav) .primary-nav__menu--level-2,
- html.js body:not(.is-always-mobile-nav) .primary-nav__menu-🥕 {
- transition: visibility 0.2s, transform 0.2s, opacity 0.2s;
+ html.js body:not(.is-always-mobile-nav) .primary-nav__menu--level-2,
+ html.js body:not(.is-always-mobile-nav) .primary-nav__menu-🥕 {
+ transition: visibility 0.2s, transform 0.2s, opacity 0.2s;
+ }
}
-}
diff --git a/core/themes/olivero/css/components/navigation/nav-primary.css b/core/themes/olivero/css/components/navigation/nav-primary.css
index d3bf9460b3..dfe22b49a4 100644
--- a/core/themes/olivero/css/components/navigation/nav-primary.css
+++ b/core/themes/olivero/css/components/navigation/nav-primary.css
@@ -20,23 +20,24 @@
}
.primary-nav__menu-item:last-child {
- margin-block-end: 0;
-}
+ margin-block-end: 0;
+ }
.primary-nav__menu-item.primary-nav__menu-item--has-children {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
-}
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ }
.primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--link,
-.primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--nolink {
- /* Ensure that long text doesn't make the mobile expand button wrap. */
- flex-basis: calc(100% - var(--sp3));
-}
+ .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--nolink {
+ /* Ensure that long text doesn't make the mobile expand button wrap. */
+ flex-basis: calc(100% - var(--sp3));
+ }
.primary-nav__menu-link {
flex-grow: 1;
+ -webkit-text-decoration: none;
text-decoration: none;
color: var(--color-text-neutral-loud);
font-size: 1.75rem;
@@ -45,13 +46,13 @@
}
.primary-nav__menu-link:hover {
- color: inherit;
-}
+ color: inherit;
+ }
.primary-nav__menu-link:focus {
- outline: auto 2px var(--color--primary-50);
- outline-offset: 2px;
-}
+ outline: auto 2px var(--color--primary-50);
+ outline-offset: 2px;
+ }
.primary-nav__menu-link--nolink {
padding-block: var(--sp0-5);
@@ -75,29 +76,29 @@
}
.primary-nav__menu-link--button.primary-nav__menu-link--has-children {
- padding-inline-end: var(--sp3); /* Ensure text does not overlap icon. */
-}
+ padding-inline-end: var(--sp3); /* Ensure text does not overlap icon. */
+ }
.primary-nav__menu-link--button.primary-nav__menu-link--has-children:before,
-.primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- position: absolute;
- inset-inline-end: 0.5625rem;
- inset-block-start: calc(var(--sp0-5) + 1.0625rem); /* Visually align button with menu link text. */
- width: 1.125rem;
- height: 0;
- content: "";
- /* Intentionally not using CSS logical properties. */
- border-top: solid 3px var(--color--primary-50);
-}
+ .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
+ position: absolute;
+ inset-inline-end: 0.5625rem;
+ inset-block-start: calc(var(--sp0-5) + 1.0625rem); /* Visually align button with menu link text. */
+ width: 1.125rem;
+ height: 0;
+ content: "";
+ /* Intentionally not using CSS logical properties. */
+ border-top: solid 3px var(--color--primary-50);
+ }
.primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- transition: opacity 0.2s;
- transform: rotate(90deg);
-}
+ transition: opacity 0.2s;
+ transform: rotate(90deg);
+ }
.primary-nav__menu-link--button.primary-nav__menu-link--has-children[aria-expanded="true"]:after {
- opacity: 0;
-}
+ opacity: 0;
+ }
.primary-nav__menu-link-inner {
position: relative;
@@ -109,22 +110,22 @@
}
.primary-nav__menu-link-inner:after {
- position: absolute;
- inset-block-end: 0;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- content: "";
- transition: transform 0.2s;
- transform: scaleX(0);
- transform-origin: left;
- /* Intentionally not using CSS logical properties. */
- border-top: solid 5px var(--color--primary-50);
-}
+ position: absolute;
+ inset-block-end: 0;
+ inset-inline-start: 0;
+ width: 100%;
+ height: 0;
+ content: "";
+ transition: transform 0.2s;
+ transform: scaleX(0);
+ transform-origin: left;
+ /* Intentionally not using CSS logical properties. */
+ border-top: solid 5px var(--color--primary-50);
+ }
.primary-nav__menu-link:hover .primary-nav__menu-link-inner:after {
- transform: scaleX(1);
-}
+ transform: scaleX(1);
+ }
/*
Top level specific styles.
@@ -163,19 +164,19 @@
}
.primary-nav__menu--level-2.is-active-menu-parent {
- visibility: visible;
- max-height: none;
- margin-block-start: var(--sp1-5);
- opacity: 1;
-}
+ visibility: visible;
+ max-height: none;
+ margin-block-start: var(--sp1-5);
+ opacity: 1;
+ }
@media (min-width: 43.75rem) {
- .primary-nav__menu--level-2 {
+.primary-nav__menu--level-2 {
margin-inline-start: calc(-1 * var(--sp3));
padding-inline-start: var(--sp3);
- }
}
+ }
/*
* Olivero doesn't officially support nested tertiary submenus, but this
@@ -195,11 +196,11 @@
}
html:not(.js) .primary-nav__menu--level-2 {
- visibility: visible;
- max-height: none;
- opacity: 1;
-}
+ visibility: visible;
+ max-height: none;
+ opacity: 1;
+ }
[dir="rtl"] .primary-nav__menu-link-inner:after {
- transform-origin: right;
-}
+ transform-origin: right;
+ }
diff --git a/core/themes/olivero/css/components/navigation/nav-secondary.css b/core/themes/olivero/css/components/navigation/nav-secondary.css
index 7e45f14b9d..63f2495ddc 100644
--- a/core/themes/olivero/css/components/navigation/nav-secondary.css
+++ b/core/themes/olivero/css/components/navigation/nav-secondary.css
@@ -29,84 +29,85 @@
}
.secondary-nav__menu-item {
- /* Parent element is set to flex-basis: 0. We
- * don't want text to wrap unless it goes over a
- * certain arbitrary width.
- */
/* @todo should this be scoped to desktop nav? */
width: max-content;
max-width: 12.5rem;
+ /* Parent element is set to flex-basis: 0. We
+ * don't want text to wrap unless it goes over a
+ * certain arbitrary width.
+ */
}
.secondary-nav__menu-item:not(:last-child) {
- margin-inline-end: var(--sp1-5);
-}
+ margin-inline-end: var(--sp1-5);
+ }
.secondary-nav__menu-link {
position: relative;
display: inline-flex;
align-items: center;
height: var(--sp2);
+ -webkit-text-decoration: none;
text-decoration: none;
color: inherit;
}
.secondary-nav__menu-link:after {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 0;
- content: "";
- transition: opacity 0.2s, transform 0.2s;
- transform: translateY(0.3125rem);
- opacity: 0;
- /* Intentionally not using CSS logical properties. */
- border-top: solid 2px currentColor;
-}
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 0;
+ content: "";
+ transition: opacity 0.2s, transform 0.2s;
+ transform: translateY(0.3125rem);
+ opacity: 0;
+ /* Intentionally not using CSS logical properties. */
+ border-top: solid 2px currentColor;
+ }
.secondary-nav__menu-link:hover:after {
- transform: translateY(0);
- opacity: 0.8;
-}
+ transform: translateY(0);
+ opacity: 0.8;
+ }
@media (min-width: 75rem) {
- body:not(.is-always-mobile-nav) .secondary-nav {
- position: relative;
- display: flex;
- margin-inline-start: var(--sp);
- padding-inline-start: var(--sp2);
- }
+ body:not(.is-always-mobile-nav) .secondary-nav {
+ position: relative;
+ display: flex;
+ margin-inline-start: var(--sp);
+ padding-inline-start: var(--sp2);
+ }
- body:not(.is-always-mobile-nav) .secondary-nav:before {
- position: absolute;
- inset-block-start: 50%;
- inset-inline-start: 0;
- width: 2px;
- height: var(--sp2);
- content: "";
- transform: translateY(-50%);
- background-color: var(--color--gray-90);
- }
+ body:not(.is-always-mobile-nav) .secondary-nav:before {
+ position: absolute;
+ inset-block-start: 50%;
+ inset-inline-start: 0;
+ width: 2px;
+ height: var(--sp2);
+ content: "";
+ transform: translateY(-50%);
+ background-color: var(--color--gray-90);
+ }
- body:not(.is-always-mobile-nav) .secondary-nav__menu-item:not(:last-child) {
- margin-inline-end: var(--sp2);
- }
- body:not(.is-always-mobile-nav) .secondary-nav__menu-link:focus {
- position: relative;
- outline: 0;
- }
+ body:not(.is-always-mobile-nav) .secondary-nav__menu-item:not(:last-child) {
+ margin-inline-end: var(--sp2);
+ }
+ body:not(.is-always-mobile-nav) .secondary-nav__menu-link:focus {
+ position: relative;
+ outline: 0;
+ }
- body:not(.is-always-mobile-nav) .secondary-nav__menu-link:focus:before {
- position: absolute;
- top: 50%;
- left: 50%;
- width: calc(100% + var(--sp));
- height: var(--sp3);
- content: "";
- transform: translate(-50%, -50%);
- border: solid 2px var(--color--primary-50);
- border-radius: 0.25rem;
+ body:not(.is-always-mobile-nav) .secondary-nav__menu-link:focus:before {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: calc(100% + var(--sp));
+ height: var(--sp3);
+ content: "";
+ transform: translate(-50%, -50%);
+ border: solid 2px var(--color--primary-50);
+ border-radius: 0.25rem;
+ }
}
-}
diff --git a/core/themes/olivero/css/components/navigation/wide-nav-expand.css b/core/themes/olivero/css/components/navigation/wide-nav-expand.css
index 924340e251..5a73da6fef 100644
--- a/core/themes/olivero/css/components/navigation/wide-nav-expand.css
+++ b/core/themes/olivero/css/components/navigation/wide-nav-expand.css
@@ -16,7 +16,7 @@
@media (min-width: 75rem) {
- .wide-nav-expand {
+.wide-nav-expand {
display: flex;
visibility: hidden;
flex-shrink: 0;
@@ -29,27 +29,27 @@
color: var(--color--white);
border: 0;
background-color: var(--color--primary-50);
- }
+}
- .wide-nav-expand:focus {
- outline: solid 2px currentColor;
- outline-offset: -4px;
+ .wide-nav-expand:focus {
+ outline: solid 2px currentColor;
+ outline-offset: -4px;
+ }
}
-}
@media (min-width: 75rem) {
- body:not(.is-always-mobile-nav) .is-fixed .wide-nav-expand {
+body:not(.is-always-mobile-nav) .is-fixed .wide-nav-expand {
visibility: visible;
- }
}
+ }
@media (min-width: 75rem) {
- body.is-always-mobile-nav .wide-nav-expand {
+body.is-always-mobile-nav .wide-nav-expand {
visibility: hidden;
- }
}
+ }
.wide-nav-expand__icon {
position: relative;
@@ -62,56 +62,56 @@
}
.wide-nav-expand__icon > span {
- display: block;
- height: 0;
- /* Intentionally not using CSS logical properties. */
- border-top: solid 3px currentColor;
-}
+ display: block;
+ height: 0;
+ /* Intentionally not using CSS logical properties. */
+ border-top: solid 3px currentColor;
+ }
.wide-nav-expand__icon > span:nth-child(1) {
- position: absolute;
- inset-block-start: 0;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- transition: transform 0.2s;
- background-color: currentColor;
-}
+ position: absolute;
+ inset-block-start: 0;
+ inset-inline-start: 0;
+ width: 100%;
+ height: 0;
+ transition: transform 0.2s;
+ background-color: currentColor;
+ }
.wide-nav-expand__icon > span:nth-child(2) {
- position: absolute;
- inset-block-start: 0.5625rem;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- transition: opacity 0.2s;
- background-color: currentColor;
-}
+ position: absolute;
+ inset-block-start: 0.5625rem;
+ inset-inline-start: 0;
+ width: 100%;
+ height: 0;
+ transition: opacity 0.2s;
+ background-color: currentColor;
+ }
.wide-nav-expand__icon > span:nth-child(3) {
- position: absolute;
- inset-block: auto 0;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- transition: transform 0.2s;
- background-color: currentColor;
-}
+ position: absolute;
+ inset-block: auto 0;
+ inset-inline-start: 0;
+ width: 100%;
+ height: 0;
+ transition: transform 0.2s;
+ background-color: currentColor;
+ }
.is-fixed .wide-nav-expand__icon {
opacity: 1;
}
[aria-expanded="true"] .wide-nav-expand__icon > span:nth-child(1) {
- inset-block-start: 0.5625rem;
- transform: rotate(-45deg);
-}
+ inset-block-start: 0.5625rem;
+ transform: rotate(-45deg);
+ }
[aria-expanded="true"] .wide-nav-expand__icon > span:nth-child(2) {
- opacity: 0;
-}
+ opacity: 0;
+ }
[aria-expanded="true"] .wide-nav-expand__icon > span:nth-child(3) {
- inset-block-start: 0.5625rem;
- transform: rotate(45deg);
-}
+ inset-block-start: 0.5625rem;
+ transform: rotate(45deg);
+ }
diff --git a/core/themes/olivero/css/components/node-teaser.css b/core/themes/olivero/css/components/node-teaser.css
index 29023bf080..46be9f8b71 100644
--- a/core/themes/olivero/css/components/node-teaser.css
+++ b/core/themes/olivero/css/components/node-teaser.css
@@ -16,127 +16,127 @@
}
.node--view-mode-teaser:after {
- position: absolute;
- inset-block-end: 0;
- width: var(--sp3);
- height: 0;
- content: "";
- /* Intentionally not using CSS logical properties. */
- border-top: solid 2px var(--color--gray-95);
-}
+ position: absolute;
+ inset-block-end: 0;
+ width: var(--sp3);
+ height: 0;
+ content: "";
+ /* Intentionally not using CSS logical properties. */
+ border-top: solid 2px var(--color--gray-95);
+ }
.node--view-mode-teaser .node__meta {
- margin-block-end: var(--sp);
-}
+ margin-block-end: var(--sp);
+ }
.node--view-mode-teaser .node__meta a {
- color: var(--color-text-primary-medium);
- font-weight: bold;
-}
+ color: var(--color-text-primary-medium);
+ font-weight: bold;
+ }
.node--view-mode-teaser .node__top-wrapper {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- margin: 0;
-}
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ margin: 0;
+ }
@media (min-width: 62.5rem) {
- .node--view-mode-teaser .node__top-wrapper {
- position: relative; /* Anchor the image */
+.node--view-mode-teaser .node__top-wrapper {
+ position: relative; /* Anchor the image */
}
-}
+ }
.node--view-mode-teaser .primary-image {
- flex-shrink: 0;
- margin: 0;
- margin-block-end: var(--sp1);
- margin-inline-end: var(--sp1);
+ flex-shrink: 0;
+ margin: 0;
+ margin-block-end: var(--sp1);
+ margin-inline-end: var(--sp1);
- /* Ensure title does not wrap under image until necessary. */
-}
+ /* Ensure title does not wrap under image until necessary. */
+ }
:is(.node--view-mode-teaser .primary-image) + .node__title {
- flex-basis: calc(100% - calc(4.5 * var(--sp)));
-}
+ flex-basis: calc(100% - calc(4.5 * var(--sp)));
+ }
@media (min-width: 62.5rem) {
- :is(.node--view-mode-teaser .primary-image) + .node__title {
- flex-basis: auto;
- }
-}
+:is(.node--view-mode-teaser .primary-image) + .node__title {
+ flex-basis: auto;
+ }
+ }
.node--view-mode-teaser .primary-image a {
- display: block;
-}
+ display: block;
+ }
.node--view-mode-teaser .primary-image img {
- width: calc(3.5 * var(--sp));
- height: calc(3.5 * var(--sp));
- object-fit: cover;
- border-radius: 50%;
-}
+ width: calc(3.5 * var(--sp));
+ height: calc(3.5 * var(--sp));
+ object-fit: cover;
+ border-radius: 50%;
+ }
@media (min-width: 62.5rem) {
- .node--view-mode-teaser .primary-image img {
- width: var(--grid-col-width);
- height: var(--grid-col-width);
- }
-}
+.node--view-mode-teaser .primary-image img {
+ width: var(--grid-col-width);
+ height: var(--grid-col-width);
+ }
+ }
@media (min-width: 62.5rem) {
- .node--view-mode-teaser .primary-image {
- position: absolute;
- inset-block-start: 0;
- inset-inline-start: calc(-1 * ((var(--grid-col-width) + var(--grid-gap))));
- margin: 0;
+.node--view-mode-teaser .primary-image {
+ position: absolute;
+ inset-block-start: 0;
+ inset-inline-start: calc(-1 * ((var(--grid-col-width) + var(--grid-gap))));
+ margin: 0;
}
-}
+ }
.node--view-mode-teaser .node__title {
- margin: 0;
- margin-block-end: var(--sp1);
- color: var(--color-text-neutral-loud);
- font-size: 1.5rem;
- line-height: var(--line-height-base);
-}
+ margin: 0;
+ margin-block-end: var(--sp1);
+ color: var(--color-text-neutral-loud);
+ font-size: 1.5rem;
+ line-height: var(--line-height-base);
+ }
@media (min-width: 62.5rem) {
- .node--view-mode-teaser .node__title {
- font-size: var(--sp2);
- line-height: var(--sp3);
+.node--view-mode-teaser .node__title {
+ font-size: var(--sp2);
+ line-height: var(--sp3);
}
-}
+ }
.node--view-mode-teaser .field--tag-ref {
- margin-block-start: var(--sp1);
- margin-block-end: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- background-color: transparent;
-}
+ margin-block-start: var(--sp1);
+ margin-block-end: 0;
+ margin-inline-start: 0;
+ margin-inline-end: 0;
+ padding-block: 0;
+ padding-inline-start: 0;
+ padding-inline-end: 0;
+ background-color: transparent;
+ }
@media (min-width: 62.5rem) {
- .node--view-mode-teaser .field--tag-ref {
- margin-block-start: var(--sp2);
+.node--view-mode-teaser .field--tag-ref {
+ margin-block-start: var(--sp2);
}
-}
+ }
@media (min-width: 62.5rem) {
- .node--view-mode-teaser {
+.node--view-mode-teaser {
margin-block-end: var(--sp3);
- }
}
+ }
.views-row:last-child .node--view-mode-teaser {
margin-block-end: 0;
diff --git a/core/themes/olivero/css/components/node.css b/core/themes/olivero/css/components/node.css
index e628cb280c..06275943f8 100644
--- a/core/themes/olivero/css/components/node.css
+++ b/core/themes/olivero/css/components/node.css
@@ -20,15 +20,15 @@
}
.node__meta a {
- font-weight: bold;
-}
+ font-weight: bold;
+ }
@media (min-width: 31.25rem) {
- .node__meta {
+.node__meta {
margin-block-end: var(--sp2);
- }
}
+ }
.node__author-image img {
width: var(--sp2-5);
@@ -39,21 +39,22 @@
}
.node__title a {
- padding-block-end: 0.1875rem;
- transition: background-size 0.2s, color 0.2s;
- text-decoration: none;
- color: var(--color-text-neutral-loud);
- background-color: transparent;
- background-image: linear-gradient(var(--color--primary-50), var(--color--primary-50)); /* Two values are needed for IE11 support. */
- background-repeat: no-repeat;
- background-position: bottom left; /* LTR */
- background-size: 0 0.1875rem;
-}
+ padding-block-end: 0.1875rem;
+ transition: background-size 0.2s, color 0.2s;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ color: var(--color-text-neutral-loud);
+ background-color: transparent;
+ background-image: linear-gradient(var(--color--primary-50), var(--color--primary-50)); /* Two values are needed for IE11 support. */
+ background-repeat: no-repeat;
+ background-position: bottom left; /* LTR */
+ background-size: 0 0.1875rem;
+ }
.node__title a:hover,
-.node__title a:focus {
- color: var(--color-text-primary-medium);
-}
+ .node__title a:focus {
+ color: var(--color-text-primary-medium);
+ }
[dir="rtl"] .node__title {
background-position: bottom right;
@@ -65,10 +66,10 @@
@media (min-width: 62.5rem) {
- .node__content {
+.node__content {
padding-block-end: var(--sp3);
- }
}
+ }
.node--unpublished {
/* There is no variable for the color - #fff4f4. */
diff --git a/core/themes/olivero/css/components/pager.css b/core/themes/olivero/css/components/pager.css
index 07f247bc3b..c3e9f9bd3e 100644
--- a/core/themes/olivero/css/components/pager.css
+++ b/core/themes/olivero/css/components/pager.css
@@ -36,11 +36,11 @@
@media (min-width: 31.25rem) {
- .pager__item {
+.pager__item {
width: var(--sp3);
height: var(--sp3);
- }
}
+ }
[dir="rtl"] .pager__item--control {
transform: scaleX(-1);
@@ -52,10 +52,10 @@
}
@media (forced-colors: active) {
- .pager__item--control path {
- fill: linktext;
+ .pager__item--control path {
+ fill: linktext;
+ }
}
-}
.pager__link {
display: flex;
@@ -63,6 +63,7 @@
justify-content: center;
width: 100%;
height: 100%;
+ -webkit-text-decoration: none;
text-decoration: none;
color: var(--color-text-neutral-soft);
}
diff --git a/core/themes/olivero/css/components/powered-by-block.css b/core/themes/olivero/css/components/powered-by-block.css
index 76caa3ce05..319c596e0a 100644
--- a/core/themes/olivero/css/components/powered-by-block.css
+++ b/core/themes/olivero/css/components/powered-by-block.css
@@ -17,31 +17,33 @@
}
.block-system-powered-by-block a {
- text-decoration: underline;
-}
+ -webkit-text-decoration: underline;
+ text-decoration: underline;
+ }
.block-system-powered-by-block a:hover,
-.block-system-powered-by-block a:focus {
- text-decoration: none;
-}
+ .block-system-powered-by-block a:focus {
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ }
.block-system-powered-by-block .drupal-logo {
- display: inline-block;
- margin-block-start: calc(-1 * var(--sp) / 4);
- margin-inline-start: calc(var(--sp) / 4);
-}
+ display: inline-block;
+ margin-block-start: calc(-1 * var(--sp) / 4);
+ margin-inline-start: calc(var(--sp) / 4);
+ }
.block-system-powered-by-block svg {
- width: 0.875rem; /* 14 */
- height: 1.1875rem; /* 19 */
- vertical-align: top;
- fill: currentColor;
-}
+ width: 0.875rem; /* 14 */
+ height: 1.1875rem; /* 19 */
+ vertical-align: top;
+ fill: currentColor;
+ }
.site-footer .block-system-powered-by-block a {
- color: var(--color--white);
-}
+ color: var(--color--white);
+ }
.site-footer .block-system-powered-by-block svg path {
- fill: var(--color--white);
-}
+ fill: var(--color--white);
+ }
diff --git a/core/themes/olivero/css/components/search-results.css b/core/themes/olivero/css/components/search-results.css
index d6ee7ede44..3a7f065886 100644
--- a/core/themes/olivero/css/components/search-results.css
+++ b/core/themes/olivero/css/components/search-results.css
@@ -20,10 +20,10 @@
@media (min-width: 43.75rem) {
- .search-results {
+.search-results {
margin-block-end: var(--sp3);
- }
}
+ }
.search-result__title {
margin-block: 0;
@@ -35,28 +35,29 @@
}
.search-result__title a {
- padding-block-end: 0.1875rem;
- transition: background-size 0.2s, color 0.2s;
- text-decoration: none;
- background-color: transparent;
- background-image: linear-gradient(var(--color--primary-50), var(--color--primary-50)); /* Two values are needed for IE11 support. */
- background-repeat: no-repeat;
- background-position: bottom left; /* LTR */
- background-size: 0 0.1875rem;
-}
+ padding-block-end: 0.1875rem;
+ transition: background-size 0.2s, color 0.2s;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: transparent;
+ background-image: linear-gradient(var(--color--primary-50), var(--color--primary-50)); /* Two values are needed for IE11 support. */
+ background-repeat: no-repeat;
+ background-position: bottom left; /* LTR */
+ background-size: 0 0.1875rem;
+ }
.search-result__title a:hover {
- color: var(--color-text-primary-medium);
-}
+ color: var(--color-text-primary-medium);
+ }
@media (min-width: 62.5rem) {
- .search-result__title {
+.search-result__title {
margin-block-end: var(--sp1);
font-size: 1.875rem;
line-height: var(--sp3);
- }
}
+ }
[dir="rtl"] .search-result__title a {
background-position: bottom right;
@@ -68,10 +69,10 @@
@media (min-width: 62.5rem) {
- .search-result__snippet {
+.search-result__snippet {
padding-block-end: var(--sp3);
- }
}
+ }
.search-result__meta {
display: flex;
@@ -83,9 +84,9 @@
}
.search-result__meta a {
- color: var(--color-text-primary-medium);
- font-weight: bold;
-}
+ color: var(--color-text-primary-medium);
+ font-weight: bold;
+ }
.search-results__item {
position: relative; /* Anchor after pseudo-element. */
@@ -93,22 +94,22 @@
}
.search-results__item:after {
- position: absolute;
- inset-block-end: 0;
- width: var(--sp3);
- height: 0;
- content: "";
- /* Intentionally not using CSS logical properties. */
- border-top: solid 2px var(--color--gray-95);
-}
+ position: absolute;
+ inset-block-end: 0;
+ width: var(--sp3);
+ height: 0;
+ content: "";
+ /* Intentionally not using CSS logical properties. */
+ border-top: solid 2px var(--color--gray-95);
+ }
.search-results__item:last-child {
- margin-block-end: 0;
-}
+ margin-block-end: 0;
+ }
@media (min-width: 62.5rem) {
- .search-results__item {
+.search-results__item {
margin-block-end: var(--sp3);
- }
}
+ }
diff --git a/core/themes/olivero/css/components/site-header.css b/core/themes/olivero/css/components/site-header.css
index 767dcfa4eb..f73a89cf5c 100644
--- a/core/themes/olivero/css/components/site-header.css
+++ b/core/themes/olivero/css/components/site-header.css
@@ -21,12 +21,12 @@
@media (min-width: 75rem) {
- .site-header {
+.site-header {
/* Necessary to keep the content from jumping up when header transitions to fixed. */
min-height: var(--site-header-height-wide);
border-block-end: solid 1px transparent; /* Will show in Windows high contrast mode. */
- }
}
+ }
.site-header__initial {
position: relative;
@@ -44,18 +44,18 @@
}
@media (min-width: 75rem) {
- .site-header__fixable.is-fixed:not(.is-expanded) {
- pointer-events: none;
- }
-}
+ .site-header__fixable.is-fixed:not(.is-expanded) {
+ pointer-events: none;
+ }
+ }
@media (min-width: 75rem) {
- body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
- position: fixed;
- z-index: 102; /* Appear above body content that is position: relative */
- inset-block-start: calc(var(--drupal-displace-offset-top, 0px) - var(--sp4));
- max-width: var(--max-bg-color);
- }
+ body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
+ position: fixed;
+ z-index: 102; /* Appear above body content that is position: relative */
+ inset-block-start: calc(var(--drupal-displace-offset-top, 0px) - var(--sp4));
+ max-width: var(--max-bg-color);
+ }
}
.site-header__inner {
@@ -73,41 +73,41 @@
@media (min-width: 75rem) {
- html.js body:not(.is-always-mobile-nav) .site-header__inner {
+html.js body:not(.is-always-mobile-nav) .site-header__inner {
transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s;
- }
}
+ }
@media (min-width: 75rem) {
- .site-header__fixable.is-expanded .site-header__inner {
+.site-header__fixable.is-expanded .site-header__inner {
box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */
- }
}
+ }
@media (min-width: 75rem) {
- [dir="rtl"] .site-header__fixable.is-expanded .site-header__inner {
+[dir="rtl"] .site-header__fixable.is-expanded .site-header__inner {
box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08);
- }
}
+ }
/* Hide the desktop nav when it's fixed and not active. */
@media (min-width: 75rem) {
- body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
+body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
transform: translateX(-101%); /* LTR */
opacity: 0;
- }
}
+ }
@media (min-width: 75rem) {
- [dir="rtl"] body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
+[dir="rtl"] body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
transform: translateX(101%);
- }
}
+ }
.site-header__inner__container {
display: flex;
diff --git a/core/themes/olivero/css/components/skip-link.css b/core/themes/olivero/css/components/skip-link.css
index 2f557479aa..d92000cbb4 100644
--- a/core/themes/olivero/css/components/skip-link.css
+++ b/core/themes/olivero/css/components/skip-link.css
@@ -19,6 +19,7 @@
padding-block: var(--sp0-5);
padding-inline-start: var(--sp);
padding-inline-end: var(--sp);
+ -webkit-text-decoration: none;
text-decoration: none;
color: var(--color--white);
outline: 0;
@@ -26,13 +27,14 @@
}
.skip-link:hover {
- text-decoration: underline;
- color: var(--color--white);
-}
+ -webkit-text-decoration: underline;
+ text-decoration: underline;
+ color: var(--color--white);
+ }
.skip-link:after {
- content: "\0020 âž”";
-}
+ content: "\0020 âž”";
+ }
.skip-link.focusable:focus {
position: absolute !important;
diff --git a/core/themes/olivero/css/components/table.css b/core/themes/olivero/css/components/table.css
index 0e8d015266..a4ff8d67f7 100644
--- a/core/themes/olivero/css/components/table.css
+++ b/core/themes/olivero/css/components/table.css
@@ -26,49 +26,49 @@
}
:is(.forum table,.text-content table,.views-table,.draggable-table) caption {
- margin-block-end: var(--sp1);
- text-align: start;
- color: var(--color-text-neutral-medium);
- font-family: var(--font-serif);
- font-size: 0.875rem;
- font-style: italic;
- line-height: var(--sp);
-}
+ margin-block-end: var(--sp1);
+ text-align: start;
+ color: var(--color-text-neutral-medium);
+ font-family: var(--font-serif);
+ font-size: 0.875rem;
+ font-style: italic;
+ line-height: var(--sp);
+ }
:is(.forum table,.text-content table,.views-table,.draggable-table) tr:last-child td {
- border-block-end: 0;
-}
+ border-block-end: 0;
+ }
:is(.forum table,.text-content table,.views-table,.draggable-table) td,
-:is(.forum table,.text-content table,.views-table,.draggable-table) th {
- padding-block: var(--sp1);
- padding-inline-start: 0;
- padding-inline-end: var(--sp1);
- vertical-align: top;
-}
+ :is(.forum table,.text-content table,.views-table,.draggable-table) th {
+ padding-block: var(--sp1);
+ padding-inline-start: 0;
+ padding-inline-end: var(--sp1);
+ vertical-align: top;
+ }
:is(.forum table,.text-content table,.views-table,.draggable-table) th {
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- text-align: start;
- letter-spacing: 0.02em;
- color: var(--color-text-neutral-loud);
- border-block-end: 2px solid var(--color--primary-50);
- font-family: var(--font-sans);
- font-size: 0.875rem;
- line-height: var(--sp);
-}
+ margin-block: 0;
+ margin-inline-start: 0;
+ margin-inline-end: 0;
+ text-align: start;
+ letter-spacing: 0.02em;
+ color: var(--color-text-neutral-loud);
+ border-block-end: 2px solid var(--color--primary-50);
+ font-family: var(--font-sans);
+ font-size: 0.875rem;
+ line-height: var(--sp);
+ }
:is(.forum table,.text-content table,.views-table,.draggable-table) td {
- white-space: normal;
- border-block-end: 2px solid var(--color--gray-65);
-}
+ white-space: normal;
+ border-block-end: 2px solid var(--color--gray-65);
+ }
:is(.forum table,.text-content table,.views-table,.draggable-table) th.checkbox,
-:is(.forum table,.text-content table,.views-table,.draggable-table) td.checkbox {
- text-align: center;
-}
+ :is(.forum table,.text-content table,.views-table,.draggable-table) td.checkbox {
+ text-align: center;
+ }
.draggable-table {
width: 100%;
diff --git a/core/themes/olivero/css/components/tabs.css b/core/themes/olivero/css/components/tabs.css
index e4957624a8..2e9b65a0a9 100644
--- a/core/themes/olivero/css/components/tabs.css
+++ b/core/themes/olivero/css/components/tabs.css
@@ -30,45 +30,45 @@
}
@media (min-width: 43.75rem) {
- .tabs {
+.tabs {
flex-direction: row;
flex-wrap: wrap;
- }
}
+ }
.tabs__tab {
display: none;
margin: 0;
margin-block-end: calc(-1 * var(--tabs-border-width));
}
.tabs__tab.is-active {
- display: flex;
-}
+ display: flex;
+ }
@media (min-width: 43.75rem) {
- .tabs__tab {
+.tabs__tab {
display: flex;
margin-block-end: 0;
margin-inline-start: calc(-1 * var(--tabs-border-width));
- }
}
+ }
/* Show tabs when JavaScript disabled. */
html:not(.js) .tabs__tab {
- display: flex;
+ display: flex;
}
/* Show tabs when tabs-expanded class is present. */
.tabs.is-expanded .tabs__tab {
- display: flex;
+ display: flex;
}
/* Secondary tabs will always be expanded. */
.tabs--secondary .tabs__tab {
- display: block;
+ display: block;
}
@media (min-width: 43.75rem) {
- .tabs--secondary .tabs__tab {
- display: flex;
- }
+.tabs--secondary .tabs__tab {
+ display: flex;
}
+ }
.tabs__link {
display: flex;
flex-grow: 1;
@@ -77,6 +77,7 @@ html:not(.js) .tabs__tab {
padding-block: 0;
padding-inline: var(--tabs-padding-inline);
transition: background-color var(--tabs-transition-duration);
+ -webkit-text-decoration: none;
text-decoration: none;
letter-spacing: var(--tabs-letter-spacing);
color: var(--tabs-text-color);
@@ -85,49 +86,49 @@ html:not(.js) .tabs__tab {
font-size: var(--tabs-font-size);
}
.tabs__link:hover {
- color: var(--tabs-text-color-active);
- background-color: var(--tabs-background-color-hover);
-}
+ color: var(--tabs-text-color-active);
+ background-color: var(--tabs-background-color-hover);
+ }
.tabs__link:focus {
- position: relative;
- outline: solid 3px var(--tabs-highlight-color);
- outline-offset: -3px;
-}
+ position: relative;
+ outline: solid 3px var(--tabs-highlight-color);
+ outline-offset: -3px;
+ }
.tabs__link.is-active {
- position: relative; /* Anchor :after pseudo-element. */
- color: var(--tabs-text-color-active);
- font-weight: 600;
+ position: relative; /* Anchor :after pseudo-element. */
+ color: var(--tabs-text-color-active);
+ font-weight: 600;
- /*
+ /*
* We use :after pseudo-element in place of border so edges do not appear
* diagonally cut off due to other edges with transparent borders.
*/
-}
+ }
.tabs__link.is-active:after {
- position: absolute;
- inset-block-start: calc(-1 * var(--tabs-border-width));
- inset-inline-start: calc(-1 * var(--tabs-border-width));
- height: calc(100% + var(--tabs-border-width) * 2);
- content: "";
- border-inline-start: var(--tabs-active-border-size) solid var(--tabs-highlight-color);
-}
+ position: absolute;
+ inset-block-start: calc(-1 * var(--tabs-border-width));
+ inset-inline-start: calc(-1 * var(--tabs-border-width));
+ height: calc(100% + var(--tabs-border-width) * 2);
+ content: "";
+ border-inline-start: var(--tabs-active-border-size) solid var(--tabs-highlight-color);
+ }
@media (min-width: 43.75rem) {
- .tabs__link.is-active:after {
- inset-block: auto calc(-1 * var(--tabs-border-width));
- width: calc(100% + 2 * var(--tabs-border-width));
- height: 0;
- border-block-start: var(--tabs-active-border-size) solid var(--tabs-highlight-color);
- border-inline-start: 0;
- }
-}
+.tabs__link.is-active:after {
+ inset-block: auto calc(-1 * var(--tabs-border-width));
+ width: calc(100% + 2 * var(--tabs-border-width));
+ height: 0;
+ border-block-start: var(--tabs-active-border-size) solid var(--tabs-highlight-color);
+ border-inline-start: 0;
+ }
+ }
/* No regular borders or background color for secondary tab links. */
@media (min-width: 43.75rem) {
- .tabs--secondary .tabs__link {
- border-color: transparent;
- background-color: transparent;
- }
+.tabs--secondary .tabs__link {
+ border-color: transparent;
+ background-color: transparent;
}
+ }
/* Button that opens and closes primary tabs at narrow viewports. */
.tabs__trigger {
display: flex;
@@ -141,23 +142,23 @@ html:not(.js) .tabs__tab {
background-color: var(--tabs-background-color);
}
.tabs__trigger:hover {
- background-color: var(--tabs-background-color-hover);
-}
+ background-color: var(--tabs-background-color-hover);
+ }
.tabs__trigger:focus {
- position: relative;
- border-color: var(--tabs-highlight-color);
- outline: none;
-}
+ position: relative;
+ border-color: var(--tabs-highlight-color);
+ outline: none;
+ }
/* Button will not work when JavaScript is disabled, so we hide it. */
html:not(.js) .tabs__trigger {
- display: none;
+ display: none;
}
@media (min-width: 43.75rem) {
- .tabs__trigger {
+.tabs__trigger {
display: none;
- }
}
+ }
.tabs__trigger-icon {
position: relative;
display: block;
@@ -166,30 +167,30 @@ html:not(.js) .tabs__trigger {
margin-block-start: calc(-2 * var(--tabs-border-width));
}
.tabs__trigger-icon > span {
- position: absolute;
- inset-inline-start: 0;
- display: block;
- width: 100%;
- transition: transform var(--tabs-transition-duration), opacity var(--tabs-transition-duration), top var(--tabs-transition-duration);
- border-block-start: solid 2px var(--tabs-highlight-color);
-}
+ position: absolute;
+ inset-inline-start: 0;
+ display: block;
+ width: 100%;
+ transition: transform var(--tabs-transition-duration), opacity var(--tabs-transition-duration), top var(--tabs-transition-duration);
+ border-block-start: solid 2px var(--tabs-highlight-color);
+ }
.tabs__trigger-icon > span:nth-child(1) {
- inset-block-start: 0;
-}
+ inset-block-start: 0;
+ }
.tabs__trigger[aria-expanded="true"] :is(.tabs__trigger-icon > span:nth-child(1)) {
- inset-block-start: calc(50% + 1px);
- transform: rotate(45deg);
-}
+ inset-block-start: calc(50% + 1px);
+ transform: rotate(45deg);
+ }
.tabs__trigger-icon > span:nth-child(2) {
- inset-block-start: calc(50% + 1px);
-}
+ inset-block-start: calc(50% + 1px);
+ }
.tabs__trigger[aria-expanded="true"] :is(.tabs__trigger-icon > span:nth-child(2)) {
- opacity: 0;
-}
+ opacity: 0;
+ }
.tabs__trigger-icon > span:nth-child(3) {
- inset-block-start: calc(100% + 2px);
-}
+ inset-block-start: calc(100% + 2px);
+ }
.tabs__trigger[aria-expanded="true"] :is(.tabs__trigger-icon > span:nth-child(3)) {
- inset-block-start: calc(50% + 1px);
- transform: rotate(-45deg);
-}
+ inset-block-start: calc(50% + 1px);
+ transform: rotate(-45deg);
+ }
diff --git a/core/themes/olivero/css/components/tags.css b/core/themes/olivero/css/components/tags.css
index f549706585..3107ec2abd 100644
--- a/core/themes/olivero/css/components/tags.css
+++ b/core/themes/olivero/css/components/tags.css
@@ -26,15 +26,15 @@
}
.field--tags__label:after {
- content: ":";
-}
+ content: ":";
+ }
@media (min-width: 43.75rem) {
- .field--tags__label {
+.field--tags__label {
line-height: 2;
- }
}
+ }
.field--label-inline .field--tags__label {
padding-block: 0;
@@ -71,6 +71,7 @@
position: relative;
display: flex;
align-items: center;
+ -webkit-text-decoration: none;
text-decoration: none;
letter-spacing: 0.02em;
color: var(--color-text-primary-medium);
@@ -80,10 +81,10 @@
}
.node--view-mode-full .field--tags {
- margin-block-start: var(--sp4);
- margin-block-end: var(--sp4);
- padding-block: var(--sp1-5);
- padding-inline-start: var(--sp2);
- padding-inline-end: var(--sp2);
- background-color: var(--color--gray-100);
-}
+ margin-block-start: var(--sp4);
+ margin-block-end: var(--sp4);
+ padding-block: var(--sp1-5);
+ padding-inline-start: var(--sp2);
+ padding-inline-end: var(--sp2);
+ background-color: var(--color--gray-100);
+ }
diff --git a/core/themes/olivero/css/components/text-content.css b/core/themes/olivero/css/components/text-content.css
index 1c5992f169..2f5193d7c5 100644
--- a/core/themes/olivero/css/components/text-content.css
+++ b/core/themes/olivero/css/components/text-content.css
@@ -26,133 +26,121 @@
*/
}
-.text-content a:where(:not(.button)),
-.cke_editable a:where(:not(.button)) {
- color: var(--color-text-primary-medium);
- text-decoration-color: currentColor;
- text-decoration-thickness: 2px;
- overflow-wrap: break-word;
-}
+.text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
+ color: var(--color-text-primary-medium);
+ text-decoration-color: currentColor;
+ text-decoration-thickness: 2px;
+ overflow-wrap: break-word;
+ }
@supports (box-shadow: none) {
- .text-content a:where(:not(.button)),
- .cke_editable a:where(:not(.button)) {
- transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
- text-decoration: none;
- box-shadow: inset 0 -2px 0 0 var(--color--primary-50);
+.text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
+ transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ box-shadow: inset 0 -2px 0 0 var(--color--primary-50);
}
- .text-content a:where(:not(.button)):hover,
- .cke_editable a:where(:not(.button)):hover {
- text-decoration: underline;
- color: var(--color--black);
- box-shadow: inset 0 -2em 0 0 var(--color--primary-80);
- text-decoration-color: var(--color--primary-80);
+ .text-content a:where(:not(.button)):hover, .cke_editable a:where(:not(.button)):hover {
+ -webkit-text-decoration: underline;
+ text-decoration: underline;
+ color: var(--color--black);
+ box-shadow: inset 0 -2em 0 0 var(--color--primary-80);
+ text-decoration-color: var(--color--primary-80);
+ }
+ }
+
+.text-content p, .cke_editable p {
+ margin-block-start: var(--sp);
+ margin-block-end: var(--sp);
}
-}
-.text-content p,
-.cke_editable p {
- margin-block-start: var(--sp);
- margin-block-end: var(--sp);
-}
+.text-content p:first-child, .cke_editable p:first-child {
+ margin-block-start: 0;
+ }
-.text-content p:first-child,
-.cke_editable p:first-child {
- margin-block-start: 0;
-}
-
-.text-content p:last-child,
-.cke_editable p:last-child {
- margin-block-end: 0;
-}
+.text-content p:last-child, .cke_editable p:last-child {
+ margin-block-end: 0;
+ }
@media (min-width: 43.75rem) {
- .text-content p,
- .cke_editable p {
- margin-block-start: var(--sp2);
- margin-block-end: var(--sp2);
+.text-content p, .cke_editable p {
+ margin-block-start: var(--sp2);
+ margin-block-end: var(--sp2);
}
-}
+ }
-.text-content code,
-.cke_editable code {
- background-color: var(--color--gray-100);
-}
-
-.text-content pre code,
-.cke_editable pre code {
- display: block;
- overflow: auto;
- padding-block: var(--sp);
- padding-inline-start: var(--sp);
- padding-inline-end: var(--sp);
- color: var(--color-text-neutral-soft);
-}
+.text-content code, .cke_editable code {
+ background-color: var(--color--gray-100);
+ }
-.text-content blockquote,
-.cke_editable blockquote {
- position: relative;
- margin-block: var(--sp2);
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-inline-start: var(--sp2);
- letter-spacing: -0.01em;
- font-family: var(--font-serif);
- font-size: 1.3125rem;
- line-height: var(--sp2);
-}
+.text-content pre code, .cke_editable pre code {
+ display: block;
+ overflow: auto;
+ padding-block: var(--sp);
+ padding-inline-start: var(--sp);
+ padding-inline-end: var(--sp);
+ color: var(--color-text-neutral-soft);
+ }
-.text-content blockquote:before,
-.cke_editable blockquote:before {
- position: absolute;
- inset-block-start: 0;
- inset-inline-start: 0;
- content: "\201C";
- color: var(--color--primary-60);
- font-size: 3.375rem;
-}
+.text-content blockquote, .cke_editable blockquote {
+ position: relative;
+ margin-block: var(--sp2);
+ margin-inline-start: 0;
+ margin-inline-end: 0;
+ padding-inline-start: var(--sp2);
+ letter-spacing: -0.01em;
+ font-family: var(--font-serif);
+ font-size: 1.3125rem;
+ line-height: var(--sp2);
+ }
-.text-content blockquote:after,
-.cke_editable blockquote:after {
- position: absolute;
- inset-block-end: 0;
- inset-inline-start: 0;
- width: var(--sp0-5);
- height: calc(100% - 1.875rem);
- margin-inline-start: 0.25rem;
- content: "";
- background: var(--color--gray-100);
-}
+.text-content blockquote:before, .cke_editable blockquote:before {
+ position: absolute;
+ inset-block-start: 0;
+ inset-inline-start: 0;
+ content: "\201C";
+ color: var(--color--primary-60);
+ font-size: 3.375rem;
+ }
+
+.text-content blockquote:after, .cke_editable blockquote:after {
+ position: absolute;
+ inset-block-end: 0;
+ inset-inline-start: 0;
+ width: var(--sp0-5);
+ height: calc(100% - 1.875rem);
+ margin-inline-start: 0.25rem;
+ content: "";
+ background: var(--color--gray-100);
+ }
@media (min-width: 43.75rem) {
- .text-content blockquote,
- .cke_editable blockquote {
- font-size: 2rem;
- line-height: var(--sp3);
+.text-content blockquote, .cke_editable blockquote {
+ font-size: 2rem;
+ line-height: var(--sp3);
}
-}
+ }
@media (min-width: 62.5rem) {
- .text-content blockquote,
- .cke_editable blockquote {
- font-size: 2.5rem;
- line-height: calc(3.5 * var(--sp));
+.text-content blockquote, .cke_editable blockquote {
+ font-size: 2.5rem;
+ line-height: calc(3.5 * var(--sp));
}
-}
+ }
@media (min-width: 43.75rem) {
- .text-content,
- .cke_editable {
+.text-content,
+.cke_editable {
font-size: 1.125rem;
line-height: var(--sp2);
- }
}
+ }
/**
* Special colors for footer that has a dark background.
@@ -163,20 +151,22 @@
}
.site-footer .text-content * {
- color: inherit;
-}
+ color: inherit;
+ }
.site-footer .text-content a {
- text-decoration: underline;
- color: var(--color--white);
- box-shadow: none;
-}
+ -webkit-text-decoration: underline;
+ text-decoration: underline;
+ color: var(--color--white);
+ box-shadow: none;
+ }
.site-footer .text-content a:hover {
- text-decoration: none;
- color: var(--color--white);
- box-shadow: none;
-}
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ color: var(--color--white);
+ box-shadow: none;
+ }
/**
* Decrease font-size for blockquote placed in sidebar region.
@@ -184,8 +174,8 @@
@media (min-width: 62.5rem) {
- .region--sidebar .text-content blockquote {
+.region--sidebar .text-content blockquote {
font-size: 1.5rem;
line-height: var(--sp2);
- }
}
+ }
diff --git a/core/themes/olivero/css/components/ui-dialog.css b/core/themes/olivero/css/components/ui-dialog.css
index ef0721e67c..0564f1bccd 100644
--- a/core/themes/olivero/css/components/ui-dialog.css
+++ b/core/themes/olivero/css/components/ui-dialog.css
@@ -11,20 +11,20 @@
*/
.ui-dialog .ui-dialog-buttonpane {
- padding-inline-start: 0.2em;
- padding-inline-end: 0.2em;
-}
+ padding-inline-start: 0.2em;
+ padding-inline-end: 0.2em;
+ }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
- display: flex;
- float: none;
- flex-wrap: wrap;
- gap: 0.3125rem;
-}
+ display: flex;
+ float: none;
+ flex-wrap: wrap;
+ gap: 0.3125rem;
+ }
.ui-dialog .ui-dialog-buttonpane button {
- margin: 0;
-}
+ margin: 0;
+ }
.ui-widget-overlay {
z-index: 1259;
diff --git a/core/themes/olivero/css/components/vertical-tabs.css b/core/themes/olivero/css/components/vertical-tabs.css
index 99840b6883..c1e3eb7efb 100644
--- a/core/themes/olivero/css/components/vertical-tabs.css
+++ b/core/themes/olivero/css/components/vertical-tabs.css
@@ -17,10 +17,10 @@
@media (min-width: 62.5rem) {
- .vertical-tabs {
+.vertical-tabs {
display: flex;
- }
}
+ }
.vertical-tabs__menu {
position: relative;
@@ -36,11 +36,11 @@
@media (min-width: 62.5rem) {
- .vertical-tabs__menu {
+.vertical-tabs__menu {
width: var(--vertical-tabs-menu-width);
border-width: var(--vertical-tabs-menu-border-width) 0 var(--vertical-tabs-menu-border-width) var(--vertical-tabs-menu-border-width);
- }
}
+ }
.vertical-tabs__panes {
margin-block-start: calc(var(--vertical-tabs-menu-border-width) * -1);
@@ -48,18 +48,18 @@
@media (min-width: 62.5rem) {
- .vertical-tabs__panes {
+.vertical-tabs__panes {
width: calc(100% - var(--vertical-tabs-menu-width));
margin-block-start: 0;
- }
}
+ }
@media (min-width: 62.5rem) {
- .vertical-tabs__pane {
+.vertical-tabs__pane {
min-height: 100%;
- }
}
+ }
.vertical-tabs__pane.olivero-details {
margin: 0;
@@ -80,16 +80,17 @@
padding-block: var(--sp0-5);
padding-inline-start: var(--sp0-75);
padding-inline-end: var(--sp0-75);
+ -webkit-text-decoration: none;
text-decoration: none;
color: var(--color-text-primary-loud);
background-color: var(--color--gray-95);
}
.vertical-tabs__menu-item a:focus,
-.vertical-tabs__menu-item a:hover,
-.vertical-tabs__menu-item a:active {
- background-color: var(--color--gray-100);
-}
+ .vertical-tabs__menu-item a:hover,
+ .vertical-tabs__menu-item a:active {
+ background-color: var(--color--gray-100);
+ }
.vertical-tabs__menu-item.is-selected {
background-color: var(--color--white);
@@ -97,11 +98,11 @@
@media (min-width: 62.5rem) {
- .vertical-tabs__menu-item.is-selected {
+.vertical-tabs__menu-item.is-selected {
margin-inline-end: calc(var(--vertical-tabs-menu-border-width) * -1);
padding-inline-end: var(--vertical-tabs-menu-border-width);
- }
}
+ }
.vertical-tabs__menu-item.is-selected a {
background-color: transparent;
diff --git a/core/themes/olivero/css/components/wide-image.css b/core/themes/olivero/css/components/wide-image.css
index 78a844ad16..243f7c1c11 100644
--- a/core/themes/olivero/css/components/wide-image.css
+++ b/core/themes/olivero/css/components/wide-image.css
@@ -19,36 +19,36 @@
@media (min-width: 43.75rem) {
- .wide-image {
+.wide-image {
width: calc(var(--grid-col-count) * var(--grid-col-width) + var(--grid-gap-count) * var(--grid-gap));
margin-block: var(--sp2) var(--sp4);
margin-inline-start: calc(-1 * ((var(--grid-col-width) + var(--grid-gap))));
- }
}
+ }
@media (min-width: 62.5rem) {
- .wide-image {
+.wide-image {
width: calc(12 * var(--grid-col-width) + 11 * var(--grid-gap));
margin-inline-start: calc(-1 * (var(--grid-col-width) + var(--grid-gap)));
- }
}
+ }
/* Ensure that image doesn't overlap sidebar. */
@media (min-width: 62.5rem) {
- .sidebar-grid .wide-image {
+.sidebar-grid .wide-image {
width: calc(9 * var(--grid-col-width) + 8 * var(--grid-gap));
- }
}
+ }
@media (min-width: 81.25rem) {
- .sidebar-grid .wide-image {
+.sidebar-grid .wide-image {
width: calc(10 * var(--grid-col-width) + 9 * var(--grid-gap));
- }
}
+ }
/* Ensure that image doesn't overlap layout builder sections when editing layouts. */
diff --git a/core/themes/olivero/css/layout/grid.css b/core/themes/olivero/css/layout/grid.css
index 76747f1764..aadb3760cb 100644
--- a/core/themes/olivero/css/layout/grid.css
+++ b/core/themes/olivero/css/layout/grid.css
@@ -20,8 +20,8 @@
}
.grid-full .grid-full .grid-full {
- display: block;
-}
+ display: block;
+ }
/*
If the .grid-full is nested within the following, apply the appropriate number of columns.
@@ -31,19 +31,19 @@
@media (min-width: 43.75rem) {
- .layout--content-narrow .grid-full,
- .layout--pass--content-narrow > * .grid-full {
+.layout--content-narrow .grid-full,
+.layout--pass--content-narrow > * .grid-full {
grid-template-columns: repeat(calc(var(--grid-col-count) - 2), minmax(0, 1fr));
- }
}
+ }
@media (min-width: 62.5rem) {
- .layout--content-narrow .grid-full,
- .layout--pass--content-narrow > * .grid-full {
+.layout--content-narrow .grid-full,
+.layout--pass--content-narrow > * .grid-full {
grid-template-columns: repeat(calc(var(--grid-col-count) - 6), minmax(0, 1fr));
- }
}
+ }
/*
If the .grid-full is nested within the following, apply the appropriate number of columns.
@@ -53,16 +53,16 @@
@media (min-width: 43.75rem) {
- .layout--content-medium .grid-full,
- .layout--pass--content-medium > * .grid-full {
+.layout--content-medium .grid-full,
+.layout--pass--content-medium > * .grid-full {
grid-template-columns: repeat(calc(var(--grid-col-count) - 2), minmax(0, 1fr));
- }
}
+ }
@media (min-width: 62.5rem) {
- .layout--content-medium .grid-full,
- .layout--pass--content-medium > * .grid-full {
+.layout--content-medium .grid-full,
+.layout--pass--content-medium > * .grid-full {
grid-template-columns: repeat(calc(var(--grid-col-count) - 4), minmax(0, 1fr));
- }
}
+ }
diff --git a/core/themes/olivero/css/layout/layout-builder-fourcol-section.css b/core/themes/olivero/css/layout/layout-builder-fourcol-section.css
index 46ed0046ad..2ab8ba4d7f 100644
--- a/core/themes/olivero/css/layout/layout-builder-fourcol-section.css
+++ b/core/themes/olivero/css/layout/layout-builder-fourcol-section.css
@@ -16,61 +16,61 @@
}
.layout--fourcol-section > .layout__region {
- flex: 1 0 100%;
- margin-block-end: var(--grid-gap);
-}
+ flex: 1 0 100%;
+ margin-block-end: var(--grid-gap);
+ }
@media (min-width: 43.75rem) {
- .layout--fourcol-section > .layout__region {
- flex-basis: calc(50% - (var(--grid-gap) * 0.5));
- flex-grow: 0;
- flex-shrink: 0;
- margin-block-end: 0;
+.layout--fourcol-section > .layout__region {
+ flex-basis: calc(50% - (var(--grid-gap) * 0.5));
+ flex-grow: 0;
+ flex-shrink: 0;
+ margin-block-end: 0;
}
-}
+ }
/* Two column layout. */
@media (min-width: 43.75rem) {
- .layout--fourcol-section > .layout__region--first,
- .layout--fourcol-section > .layout__region--second {
- margin-block-end: var(--grid-gap);
- }
+ .layout--fourcol-section > .layout__region--first,
+ .layout--fourcol-section > .layout__region--second {
+ margin-block-end: var(--grid-gap);
+ }
- .layout--fourcol-section > .layout__region--first,
- .layout--fourcol-section > .layout__region--third {
- margin-inline-end: calc(var(--grid-gap) * 0.5);
- }
+ .layout--fourcol-section > .layout__region--first,
+ .layout--fourcol-section > .layout__region--third {
+ margin-inline-end: calc(var(--grid-gap) * 0.5);
+ }
- .layout--fourcol-section > .layout__region--second,
- .layout--fourcol-section > .layout__region--fourth {
- margin-inline-start: calc(var(--grid-gap) * 0.5);
+ .layout--fourcol-section > .layout__region--second,
+ .layout--fourcol-section > .layout__region--fourth {
+ margin-inline-start: calc(var(--grid-gap) * 0.5);
+ }
}
-}
/* Four column layout. */
@media (min-width: 62.5rem) {
- .layout--fourcol-section > .layout__region {
- flex-basis: calc(25% - (var(--grid-gap) * 0.75));
- }
+ .layout--fourcol-section > .layout__region {
+ flex-basis: calc(25% - (var(--grid-gap) * 0.75));
+ }
- .layout--fourcol-section > .layout__region--first,
- .layout--fourcol-section > .layout__region--second {
- margin-block-end: 0;
- }
+ .layout--fourcol-section > .layout__region--first,
+ .layout--fourcol-section > .layout__region--second {
+ margin-block-end: 0;
+ }
- .layout--fourcol-section > .layout__region--first {
- margin-inline-end: calc(var(--grid-gap) * 0.5);
- }
+ .layout--fourcol-section > .layout__region--first {
+ margin-inline-end: calc(var(--grid-gap) * 0.5);
+ }
- .layout--fourcol-section > .layout__region--second,
- .layout--fourcol-section > .layout__region--third {
- margin-inline: calc(var(--grid-gap) * 0.5);
- }
+ .layout--fourcol-section > .layout__region--second,
+ .layout--fourcol-section > .layout__region--third {
+ margin-inline: calc(var(--grid-gap) * 0.5);
+ }
- .layout--fourcol-section > .layout__region--fourth {
- margin-inline-start: calc(var(--grid-gap) * 0.5);
+ .layout--fourcol-section > .layout__region--fourth {
+ margin-inline-start: calc(var(--grid-gap) * 0.5);
+ }
}
-}
diff --git a/core/themes/olivero/css/layout/layout-builder-threecol-section.css b/core/themes/olivero/css/layout/layout-builder-threecol-section.css
index dbd891f118..9dd11e2a2d 100644
--- a/core/themes/olivero/css/layout/layout-builder-threecol-section.css
+++ b/core/themes/olivero/css/layout/layout-builder-threecol-section.css
@@ -16,58 +16,58 @@
}
.layout--threecol-section > .layout__region {
- flex: 1 0 100%;
- margin-block-end: var(--grid-gap);
-}
+ flex: 1 0 100%;
+ margin-block-end: var(--grid-gap);
+ }
@media (min-width: 62.5rem) {
- .layout--threecol-section > .layout__region {
- flex-grow: 0;
- flex-shrink: 0;
- margin-block-end: 0;
+.layout--threecol-section > .layout__region {
+ flex-grow: 0;
+ flex-shrink: 0;
+ margin-block-end: 0;
}
-}
+ }
@media (min-width: 62.5rem) {
- .layout--threecol-section > .layout__region--first {
- margin-inline-end: calc(var(--grid-gap) * 0.5);
- }
+ .layout--threecol-section > .layout__region--first {
+ margin-inline-end: calc(var(--grid-gap) * 0.5);
+ }
- .layout--threecol-section > .layout__region--second {
- margin-inline: calc(var(--grid-gap) * 0.5);
- }
+ .layout--threecol-section > .layout__region--second {
+ margin-inline: calc(var(--grid-gap) * 0.5);
+ }
- .layout--threecol-section > .layout__region--third {
- margin-inline-start: calc(var(--grid-gap) * 0.5);
- }
- .layout--threecol-section--25-50-25 > .layout__region--first,
- .layout--threecol-section--25-50-25 > .layout__region--third {
- flex-basis: calc(25% - (var(--grid-gap) * 0.5));
- }
+ .layout--threecol-section > .layout__region--third {
+ margin-inline-start: calc(var(--grid-gap) * 0.5);
+ }
+ .layout--threecol-section--25-50-25 > .layout__region--first,
+ .layout--threecol-section--25-50-25 > .layout__region--third {
+ flex-basis: calc(25% - (var(--grid-gap) * 0.5));
+ }
- .layout--threecol-section--25-50-25 > .layout__region--second {
- flex-basis: calc(50% - var(--grid-gap));
- }
- .layout--threecol-section--25-25-50 > .layout__region--first,
- .layout--threecol-section--25-25-50 > .layout__region--second {
- flex-basis: calc(25% - (var(--grid-gap) * 0.5));
- }
+ .layout--threecol-section--25-50-25 > .layout__region--second {
+ flex-basis: calc(50% - var(--grid-gap));
+ }
+ .layout--threecol-section--25-25-50 > .layout__region--first,
+ .layout--threecol-section--25-25-50 > .layout__region--second {
+ flex-basis: calc(25% - (var(--grid-gap) * 0.5));
+ }
- .layout--threecol-section--25-25-50 > .layout__region--third {
- flex-basis: calc(50% - var(--grid-gap));
- }
- .layout--threecol-section--50-25-25 > .layout__region--first {
- flex-basis: calc(50% - var(--grid-gap));
- }
+ .layout--threecol-section--25-25-50 > .layout__region--third {
+ flex-basis: calc(50% - var(--grid-gap));
+ }
+ .layout--threecol-section--50-25-25 > .layout__region--first {
+ flex-basis: calc(50% - var(--grid-gap));
+ }
- .layout--threecol-section--50-25-25 > .layout__region--second,
- .layout--threecol-section--50-25-25 > .layout__region--third {
- flex-basis: calc(25% - (var(--grid-gap) * 0.5));
- }
- .layout--threecol-section--33-34-33 > .layout__region--first,
- .layout--threecol-section--33-34-33 > .layout__region--second,
- .layout--threecol-section--33-34-33 > .layout__region--third {
- flex-basis: calc(33.33% - (var(--grid-gap) * 0.667));
- }
+ .layout--threecol-section--50-25-25 > .layout__region--second,
+ .layout--threecol-section--50-25-25 > .layout__region--third {
+ flex-basis: calc(25% - (var(--grid-gap) * 0.5));
+ }
+ .layout--threecol-section--33-34-33 > .layout__region--first,
+ .layout--threecol-section--33-34-33 > .layout__region--second,
+ .layout--threecol-section--33-34-33 > .layout__region--third {
+ flex-basis: calc(33.33% - (var(--grid-gap) * 0.667));
+ }
}
diff --git a/core/themes/olivero/css/layout/layout-builder-twocol-section.css b/core/themes/olivero/css/layout/layout-builder-twocol-section.css
index 50521de0b4..734e1b142d 100644
--- a/core/themes/olivero/css/layout/layout-builder-twocol-section.css
+++ b/core/themes/olivero/css/layout/layout-builder-twocol-section.css
@@ -16,63 +16,63 @@
}
.layout--twocol-section > .layout__region {
- flex: 1 0 100%;
- margin-block-end: var(--grid-gap);
-}
+ flex: 1 0 100%;
+ margin-block-end: var(--grid-gap);
+ }
@media (min-width: 43.75rem) {
- .layout--twocol-section > .layout__region {
- flex-grow: 0;
- flex-shrink: 0;
- margin-block-end: 0;
+.layout--twocol-section > .layout__region {
+ flex-grow: 0;
+ flex-shrink: 0;
+ margin-block-end: 0;
}
-}
+ }
@media (min-width: 43.75rem) {
- .layout--twocol-section--50-50 > .layout__region--first {
- flex-basis: calc(50% - (var(--grid-gap) * 0.5));
- margin-inline-end: calc(var(--grid-gap) * 0.5);
- }
+ .layout--twocol-section--50-50 > .layout__region--first {
+ flex-basis: calc(50% - (var(--grid-gap) * 0.5));
+ margin-inline-end: calc(var(--grid-gap) * 0.5);
+ }
- .layout--twocol-section--50-50 > .layout__region--second {
- flex-basis: calc(50% - (var(--grid-gap) * 0.5));
- margin-inline-start: calc(var(--grid-gap) * 0.5);
- }
- .layout--twocol-section--33-67 > .layout__region--first {
- flex-basis: calc(33.33% - (var(--grid-gap) * 0.3333));
- margin-inline-end: calc(var(--grid-gap) * 0.3333);
- }
+ .layout--twocol-section--50-50 > .layout__region--second {
+ flex-basis: calc(50% - (var(--grid-gap) * 0.5));
+ margin-inline-start: calc(var(--grid-gap) * 0.5);
+ }
+ .layout--twocol-section--33-67 > .layout__region--first {
+ flex-basis: calc(33.33% - (var(--grid-gap) * 0.3333));
+ margin-inline-end: calc(var(--grid-gap) * 0.3333);
+ }
- .layout--twocol-section--33-67 > .layout__region--second {
- flex-basis: calc(66.66% - (var(--grid-gap) * 0.6666));
- margin-inline-start: calc(var(--grid-gap) * 0.6666);
- }
- .layout--twocol-section--67-33 > .layout__region--first {
- flex-basis: calc(66.66% - (var(--grid-gap) * 0.6666));
- margin-inline-end: calc(var(--grid-gap) * 0.6666);
- }
+ .layout--twocol-section--33-67 > .layout__region--second {
+ flex-basis: calc(66.66% - (var(--grid-gap) * 0.6666));
+ margin-inline-start: calc(var(--grid-gap) * 0.6666);
+ }
+ .layout--twocol-section--67-33 > .layout__region--first {
+ flex-basis: calc(66.66% - (var(--grid-gap) * 0.6666));
+ margin-inline-end: calc(var(--grid-gap) * 0.6666);
+ }
- .layout--twocol-section--67-33 > .layout__region--second {
- flex-basis: calc(33.33% - (var(--grid-gap) * 0.3333));
- margin-inline-start: calc(var(--grid-gap) * 0.3333);
- }
- .layout--twocol-section--25-75 > .layout__region--first {
- flex-basis: calc(25% - (var(--grid-gap) * 0.25));
- margin-inline-end: calc(var(--grid-gap) * 0.25);
- }
+ .layout--twocol-section--67-33 > .layout__region--second {
+ flex-basis: calc(33.33% - (var(--grid-gap) * 0.3333));
+ margin-inline-start: calc(var(--grid-gap) * 0.3333);
+ }
+ .layout--twocol-section--25-75 > .layout__region--first {
+ flex-basis: calc(25% - (var(--grid-gap) * 0.25));
+ margin-inline-end: calc(var(--grid-gap) * 0.25);
+ }
- .layout--twocol-section--25-75 > .layout__region--second {
- flex-basis: calc(75% - (var(--grid-gap) * 0.75));
- margin-inline-start: calc(var(--grid-gap) * 0.75);
- }
- .layout--twocol-section--75-25 > .layout__region--first {
- flex-basis: calc(75% - (var(--grid-gap) * 0.75));
- margin-inline-end: calc(var(--grid-gap) * 0.75);
- }
+ .layout--twocol-section--25-75 > .layout__region--second {
+ flex-basis: calc(75% - (var(--grid-gap) * 0.75));
+ margin-inline-start: calc(var(--grid-gap) * 0.75);
+ }
+ .layout--twocol-section--75-25 > .layout__region--first {
+ flex-basis: calc(75% - (var(--grid-gap) * 0.75));
+ margin-inline-end: calc(var(--grid-gap) * 0.75);
+ }
- .layout--twocol-section--75-25 > .layout__region--second {
- flex-basis: calc(25% - (var(--grid-gap) * 0.25));
- margin-inline-start: calc(var(--grid-gap) * 0.25);
- }
+ .layout--twocol-section--75-25 > .layout__region--second {
+ flex-basis: calc(25% - (var(--grid-gap) * 0.25));
+ margin-inline-start: calc(var(--grid-gap) * 0.25);
+ }
}
diff --git a/core/themes/olivero/css/layout/layout-content-medium.css b/core/themes/olivero/css/layout/layout-content-medium.css
index c99f2d9d25..afdddbc000 100644
--- a/core/themes/olivero/css/layout/layout-content-medium.css
+++ b/core/themes/olivero/css/layout/layout-content-medium.css
@@ -18,19 +18,19 @@
@media (min-width: 43.75rem) {
- .layout--content-medium,
- .layout--pass--content-medium > * {
+.layout--content-medium,
+.layout--pass--content-medium > * {
grid-column: 2 / 14;
- }
}
+ }
@media (min-width: 62.5rem) {
- .layout--content-medium,
- .layout--pass--content-medium > * {
+.layout--content-medium,
+.layout--pass--content-medium > * {
grid-column: 3 / 13;
- }
}
+ }
/*
If .layout--content-medium is nested within itself, or an element that's inheriting the
@@ -40,20 +40,20 @@
@media (min-width: 43.75rem) {
- .layout--pass--content-medium > * .layout--content-medium,
+.layout--pass--content-medium > * .layout--content-medium,
.layout--content-medium .layout--content-medium,
.layout--pass--content-medium > * .layout--pass--content-medium > *,
.layout--content-medium .layout--pass--content-medium > * {
- grid-column: 1 / 13;
+ grid-column: 1 / 13;
}
-}
+ }
@media (min-width: 62.5rem) {
- .layout--pass--content-medium > * .layout--content-medium,
+.layout--pass--content-medium > * .layout--content-medium,
.layout--content-medium .layout--content-medium,
.layout--pass--content-medium > * .layout--pass--content-medium > *,
.layout--content-medium .layout--pass--content-medium > * {
- grid-column: 1 / 11;
+ grid-column: 1 / 11;
}
-}
+ }
diff --git a/core/themes/olivero/css/layout/layout-content-narrow.css b/core/themes/olivero/css/layout/layout-content-narrow.css
index 279adb3afd..9fd1bf739d 100644
--- a/core/themes/olivero/css/layout/layout-content-narrow.css
+++ b/core/themes/olivero/css/layout/layout-content-narrow.css
@@ -18,19 +18,19 @@
@media (min-width: 43.75rem) {
- .layout--content-narrow,
- .layout--pass--content-narrow > * {
+.layout--content-narrow,
+.layout--pass--content-narrow > * {
grid-column: 2 / 14;
- }
}
+ }
@media (min-width: 62.5rem) {
- .layout--content-narrow,
- .layout--pass--content-narrow > * {
+.layout--content-narrow,
+.layout--pass--content-narrow > * {
grid-column: 3 / 11;
- }
}
+ }
/*
If .layout--content-narrow is nested within any of the following, allocate the appropriate
@@ -43,7 +43,7 @@
@media (min-width: 43.75rem) {
- .layout--content-narrow .layout--content-narrow,
+.layout--content-narrow .layout--content-narrow,
.layout--pass--content-narrow > * .layout--content-narrow,
.layout--content-medium .layout--content-narrow,
.layout--pass--content-medium > * .layout--content-narrow,
@@ -51,13 +51,13 @@
.layout--pass--content-narrow > * .layout--pass--content-narrow > *,
.layout--content-medium .layout--pass--content-narrow > *,
.layout--pass--content-medium > * .layout--pass--content-narrow > * {
- grid-column: 1 / 13;
+ grid-column: 1 / 13;
}
-}
+ }
@media (min-width: 62.5rem) {
- .layout--content-narrow .layout--content-narrow,
+.layout--content-narrow .layout--content-narrow,
.layout--pass--content-narrow > * .layout--content-narrow,
.layout--content-medium .layout--content-narrow,
.layout--pass--content-medium > * .layout--content-narrow,
@@ -65,9 +65,9 @@
.layout--pass--content-narrow > * .layout--pass--content-narrow > *,
.layout--content-medium .layout--pass--content-narrow > *,
.layout--pass--content-medium > * .layout--pass--content-narrow > * {
- grid-column: 1 / 9;
+ grid-column: 1 / 9;
}
-}
+ }
/*
Special grid-breaking treatment for text-content elements that
@@ -76,59 +76,44 @@
@media (min-width: 43.75rem) {
- .layout--content-narrow.text-content blockquote:before,
- .layout--pass--content-narrow > *.text-content blockquote:before,
- .layout--content-narrow .text-content blockquote:before,
- .layout--pass--content-narrow > * .text-content blockquote:before {
- inset-inline-start: calc(-1 * (var(--grid-col-width) + var(--grid-gap)));
- }
-}
+.layout--content-narrow.text-content blockquote:before, .layout--pass--content-narrow > *.text-content blockquote:before, .layout--content-narrow .text-content blockquote:before, .layout--pass--content-narrow > * .text-content blockquote:before {
+ inset-inline-start: calc(-1 * (var(--grid-col-width) + var(--grid-gap)));
+ }
+ }
@media (min-width: 43.75rem) {
- .layout--content-narrow.text-content blockquote:after,
- .layout--pass--content-narrow > *.text-content blockquote:after,
- .layout--content-narrow .text-content blockquote:after,
- .layout--pass--content-narrow > * .text-content blockquote:after {
- inset-inline-start: calc(-1 * (var(--grid-col-width) + var(--grid-gap)));
- width: var(--sp);
- height: calc(100% - 2.8125rem);
- margin-inline-start: 2px;
- }
-}
+.layout--content-narrow.text-content blockquote:after, .layout--pass--content-narrow > *.text-content blockquote:after, .layout--content-narrow .text-content blockquote:after, .layout--pass--content-narrow > * .text-content blockquote:after {
+ inset-inline-start: calc(-1 * (var(--grid-col-width) + var(--grid-gap)));
+ width: var(--sp);
+ height: calc(100% - 2.8125rem);
+ margin-inline-start: 2px;
+ }
+ }
@media (min-width: 43.75rem) {
- .layout--content-narrow.text-content blockquote,
- .layout--pass--content-narrow > *.text-content blockquote,
- .layout--content-narrow .text-content blockquote,
- .layout--pass--content-narrow > * .text-content blockquote {
- width: calc(10 * var(--grid-col-width) + 9 * var(--grid-gap));
- margin-block: var(--sp3);
- padding-inline-start: 0;
- }
-}
+.layout--content-narrow.text-content blockquote, .layout--pass--content-narrow > *.text-content blockquote, .layout--content-narrow .text-content blockquote, .layout--pass--content-narrow > * .text-content blockquote {
+ width: calc(10 * var(--grid-col-width) + 9 * var(--grid-gap));
+ margin-block: var(--sp3);
+ padding-inline-start: 0;
+ }
+ }
@media (min-width: 43.75rem) {
- .layout--content-narrow.text-content pre,
- .layout--pass--content-narrow > *.text-content pre,
- .layout--content-narrow .text-content pre,
- .layout--pass--content-narrow > * .text-content pre {
- margin-block: var(--sp3);
- }
-}
+.layout--content-narrow.text-content pre, .layout--pass--content-narrow > *.text-content pre, .layout--content-narrow .text-content pre, .layout--pass--content-narrow > * .text-content pre {
+ margin-block: var(--sp3);
+ }
+ }
@media (min-width: 62.5rem) {
- .layout--content-narrow.text-content pre,
- .layout--pass--content-narrow > *.text-content pre,
- .layout--content-narrow .text-content pre,
- .layout--pass--content-narrow > * .text-content pre {
- width: calc(12 * var(--grid-col-width) + 11 * var(--grid-gap));
- margin-inline-start: calc(-1 * (var(--grid-col-width) + var(--grid-gap)));
- }
-}
+.layout--content-narrow.text-content pre, .layout--pass--content-narrow > *.text-content pre, .layout--content-narrow .text-content pre, .layout--pass--content-narrow > * .text-content pre {
+ width: calc(12 * var(--grid-col-width) + 11 * var(--grid-gap));
+ margin-inline-start: calc(-1 * (var(--grid-col-width) + var(--grid-gap)));
+ }
+ }
/**
* and elements should not break containers and overflow
@@ -136,12 +121,12 @@
*/
.sidebar-grid .layout--content-narrow.text-content blockquote,
-.sidebar-grid .layout--pass--content-narrow > *.text-content blockquote,
-.sidebar-grid .layout--content-narrow .text-content blockquote,
-.sidebar-grid .layout--pass--content-narrow > * .text-content blockquote,
-.sidebar-grid .layout--content-narrow.text-content pre,
-.sidebar-grid .layout--pass--content-narrow > *.text-content pre,
-.sidebar-grid .layout--content-narrow .text-content pre,
-.sidebar-grid .layout--pass--content-narrow > * .text-content pre {
- width: auto;
-}
+ .sidebar-grid .layout--pass--content-narrow > *.text-content blockquote,
+ .sidebar-grid .layout--content-narrow .text-content blockquote,
+ .sidebar-grid .layout--pass--content-narrow > * .text-content blockquote,
+ .sidebar-grid .layout--content-narrow.text-content pre,
+ .sidebar-grid .layout--pass--content-narrow > *.text-content pre,
+ .sidebar-grid .layout--content-narrow .text-content pre,
+ .sidebar-grid .layout--pass--content-narrow > * .text-content pre {
+ width: auto;
+ }
diff --git a/core/themes/olivero/css/layout/layout-discovery-section-layout.css b/core/themes/olivero/css/layout/layout-discovery-section-layout.css
index 384deb4f44..59fc6015c7 100644
--- a/core/themes/olivero/css/layout/layout-discovery-section-layout.css
+++ b/core/themes/olivero/css/layout/layout-discovery-section-layout.css
@@ -16,14 +16,14 @@
@media (min-width: 43.75rem) {
- .layout {
+.layout {
margin-block-end: var(--sp2);
- }
}
+ }
@media (min-width: 62.5rem) {
- .layout {
+.layout {
margin-block-end: var(--sp3);
- }
}
+ }
diff --git a/core/themes/olivero/css/layout/layout-footer.css b/core/themes/olivero/css/layout/layout-footer.css
index 942f970b62..3290214b6a 100644
--- a/core/themes/olivero/css/layout/layout-footer.css
+++ b/core/themes/olivero/css/layout/layout-footer.css
@@ -26,35 +26,32 @@
@media (min-width: 75rem) {
- .site-footer__inner {
+.site-footer__inner {
padding-block: var(--sp4) calc(13 * var(--sp));
- }
}
+ }
-.region--footer_top__inner > *,
-.region--footer_bottom__inner > * {
- margin-block-end: var(--sp2);
-}
+.region--footer_top__inner > *, .region--footer_bottom__inner > * {
+ margin-block-end: var(--sp2);
+ }
@media (min-width: 43.75rem) {
- .region--footer_top__inner > *,
- .region--footer_bottom__inner > * {
- flex: 1;
- margin-block-end: 0;
+.region--footer_top__inner > *, .region--footer_bottom__inner > * {
+ flex: 1;
+ margin-block-end: 0;
}
- .region--footer_top__inner > *:not(:last-child),
- .region--footer_bottom__inner > *:not(:last-child) {
- margin-inline-end: var(--sp2);
- }
-}
+ .region--footer_top__inner > *:not(:last-child), .region--footer_bottom__inner > *:not(:last-child) {
+ margin-inline-end: var(--sp2);
+ }
+ }
@media (min-width: 43.75rem) {
- .region--footer_top__inner,
- .region--footer_bottom__inner {
+.region--footer_top__inner,
+.region--footer_bottom__inner {
display: flex;
flex-wrap: wrap;
- }
}
+ }
diff --git a/core/themes/olivero/css/layout/layout-sidebar.css b/core/themes/olivero/css/layout/layout-sidebar.css
index c033ceeb72..bab3c45159 100644
--- a/core/themes/olivero/css/layout/layout-sidebar.css
+++ b/core/themes/olivero/css/layout/layout-sidebar.css
@@ -11,53 +11,53 @@
*/
.sidebar-grid > .site-main {
- grid-column: 1 / 7;
- align-self: flex-start;
-}
+ grid-column: 1 / 7;
+ align-self: flex-start;
+ }
@media (min-width: 43.75rem) {
- .sidebar-grid > .site-main {
- grid-column: 1 / 15;
+.sidebar-grid > .site-main {
+ grid-column: 1 / 15;
}
-}
+ }
@media (min-width: 62.5rem) {
- .sidebar-grid > .site-main {
- display: grid;
- grid-template-columns: repeat(8, minmax(0, 1fr));
- grid-column: 3 / 11;
+.sidebar-grid > .site-main {
+ display: grid;
+ grid-template-columns: repeat(8, minmax(0, 1fr));
+ grid-column: 3 / 11;
}
- .sidebar-grid > .site-main > .region--content-above,
- .sidebar-grid > .site-main > .region--content {
- grid-template-columns: repeat(8, minmax(0, 1fr));
- grid-column: 1 / 9;
- }
+ .sidebar-grid > .site-main > .region--content-above,
+ .sidebar-grid > .site-main > .region--content {
+ grid-template-columns: repeat(8, minmax(0, 1fr));
+ grid-column: 1 / 9;
+ }
- .sidebar-grid > .site-main .layout--content-narrow,
- .sidebar-grid > .site-main .layout--pass--content-narrow > *,
- .sidebar-grid > .site-main .layout--content-medium,
- .sidebar-grid > .site-main .layout--pass--content-medium > * {
- grid-column: 1 / 9;
- }
-}
+ .sidebar-grid > .site-main .layout--content-narrow,
+ .sidebar-grid > .site-main .layout--pass--content-narrow > *,
+ .sidebar-grid > .site-main .layout--content-medium,
+ .sidebar-grid > .site-main .layout--pass--content-medium > * {
+ grid-column: 1 / 9;
+ }
+ }
.sidebar-grid .region--sidebar {
- grid-column: 1 / 7;
-}
+ grid-column: 1 / 7;
+ }
@media (min-width: 43.75rem) {
- .sidebar-grid .region--sidebar {
- grid-column: 3 / 13;
+.sidebar-grid .region--sidebar {
+ grid-column: 3 / 13;
}
-}
+ }
@media (min-width: 62.5rem) {
- .sidebar-grid .region--sidebar {
- grid-column: 12 / 15;
+.sidebar-grid .region--sidebar {
+ grid-column: 12 / 15;
}
-}
+ }
diff --git a/core/themes/olivero/css/layout/layout-views-grid.css b/core/themes/olivero/css/layout/layout-views-grid.css
index 42c5c2ae63..4091a52547 100644
--- a/core/themes/olivero/css/layout/layout-views-grid.css
+++ b/core/themes/olivero/css/layout/layout-views-grid.css
@@ -41,7 +41,7 @@
}
.views-view-grid--vertical .views-view-grid__item > * {
- padding-block-end: var(--views-grid--layout-gap);
- page-break-inside: avoid;
- break-inside: avoid;
-}
+ padding-block-end: var(--views-grid--layout-gap);
+ page-break-inside: avoid;
+ break-inside: avoid;
+ }
diff --git a/core/themes/olivero/css/layout/layout.css b/core/themes/olivero/css/layout/layout.css
index 81019972b1..6a3d02b44a 100644
--- a/core/themes/olivero/css/layout/layout.css
+++ b/core/themes/olivero/css/layout/layout.css
@@ -21,7 +21,7 @@
}
body.is-fixed .container {
- width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
+ width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
}
.page-wrapper {
@@ -43,20 +43,20 @@ body.is-fixed .container {
@media (min-width: 75rem) {
- .layout-main {
+.layout-main {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
- }
}
+ }
@media (min-width: 75rem) {
- .main-content {
+.main-content {
width: calc(100% - var(--content-left));
margin-inline-end: auto;
- }
}
+ }
.main-content__container {
padding-block-start: var(--sp3);
@@ -64,7 +64,7 @@ body.is-fixed .container {
@media (min-width: 43.75rem) {
- .main-content__container {
+.main-content__container {
padding-block-start: var(--sp5);
- }
}
+ }
diff --git a/core/themes/olivero/css/layout/region-content-below.css b/core/themes/olivero/css/layout/region-content-below.css
index ee0321852c..efe77fbe7c 100644
--- a/core/themes/olivero/css/layout/region-content-below.css
+++ b/core/themes/olivero/css/layout/region-content-below.css
@@ -12,36 +12,36 @@
@media (min-width: 43.75rem) {
- .region--content-below {
+.region--content-below {
display: flex;
flex-wrap: wrap;
- }
-
- .region--content-below > * {
- flex-basis: calc(50% - (var(--grid-gap) / 2));
- flex-grow: 1;
- flex-shrink: 0;
- margin-inline-end: var(--grid-gap);
- }
-
- .region--content-below > *:nth-child(2n),
- .region--content-below > *:last-child {
- margin-inline-end: 0;
- }
}
-@media (min-width: 43.75rem) {
- .region--content-below > * {
- flex-basis: calc(33.33% - (var(--grid-gap) * 0.667));
- }
-
- .region--content-below > *:nth-child(2n),
- .region--content-below > *:last-child {
- margin-inline-end: var(--grid-gap);
+ .region--content-below > * {
+ flex-basis: calc(50% - (var(--grid-gap) / 2));
+ flex-grow: 1;
+ flex-shrink: 0;
+ margin-inline-end: var(--grid-gap);
+ }
+
+ .region--content-below > *:nth-child(2n),
+ .region--content-below > *:last-child {
+ margin-inline-end: 0;
+ }
}
- .region--content-below > *:nth-child(3n),
- .region--content-below > *:last-child {
- margin-inline-end: 0;
+@media (min-width: 43.75rem) {
+ .region--content-below > * {
+ flex-basis: calc(33.33% - (var(--grid-gap) * 0.667));
+ }
+
+ .region--content-below > *:nth-child(2n),
+ .region--content-below > *:last-child {
+ margin-inline-end: var(--grid-gap);
+ }
+
+ .region--content-below > *:nth-child(3n),
+ .region--content-below > *:last-child {
+ margin-inline-end: 0;
+ }
}
-}
diff --git a/core/themes/olivero/css/layout/region-content.css b/core/themes/olivero/css/layout/region-content.css
index 330cff5bf0..eafb3560fd 100644
--- a/core/themes/olivero/css/layout/region-content.css
+++ b/core/themes/olivero/css/layout/region-content.css
@@ -16,14 +16,14 @@
@media (min-width: 43.75rem) {
- .region--content {
+.region--content {
margin-block-end: var(--sp2);
- }
}
+ }
@media (min-width: 62.5rem) {
- .region--content {
+.region--content {
margin-block-end: var(--sp3);
- }
}
+ }
diff --git a/core/themes/olivero/css/layout/region-hero.css b/core/themes/olivero/css/layout/region-hero.css
index f739ad92bb..d1ddf0d7ec 100644
--- a/core/themes/olivero/css/layout/region-hero.css
+++ b/core/themes/olivero/css/layout/region-hero.css
@@ -11,5 +11,5 @@
*/
.region--hero > *:last-child {
- margin-block-end: 0;
-}
+ margin-block-end: 0;
+ }
diff --git a/core/themes/olivero/css/layout/region-secondary-menu.css b/core/themes/olivero/css/layout/region-secondary-menu.css
index 31d3cd4ee9..e62300669c 100644
--- a/core/themes/olivero/css/layout/region-secondary-menu.css
+++ b/core/themes/olivero/css/layout/region-secondary-menu.css
@@ -17,17 +17,17 @@
}
.region--secondary-menu > * {
- margin-block-end: 0;
-}
+ margin-block-end: 0;
+ }
@media (min-width: 75rem) {
- body:not(.is-always-mobile-nav) .region--secondary-menu {
- justify-content: flex-end;
- margin: 0;
+ body:not(.is-always-mobile-nav) .region--secondary-menu {
+ justify-content: flex-end;
+ margin: 0;
- /* If the secondary nav is the first item within the header, it does not need left separator. */
+ /* If the secondary nav is the first item within the header, it does not need left separator. */
+ }
+ body:not(.is-always-mobile-nav) .region--secondary-menu:first-child .secondary-nav:before {
+ content: none;
+ }
}
- body:not(.is-always-mobile-nav) .region--secondary-menu:first-child .secondary-nav:before {
- content: none;
- }
-}
diff --git a/core/themes/olivero/css/layout/region.css b/core/themes/olivero/css/layout/region.css
index 1caee89f53..17dd87cda3 100644
--- a/core/themes/olivero/css/layout/region.css
+++ b/core/themes/olivero/css/layout/region.css
@@ -16,14 +16,14 @@
@media (min-width: 43.75rem) {
- .region > * {
+.region > * {
margin-block-end: var(--sp2);
- }
}
+ }
@media (min-width: 62.5rem) {
- .region > * {
+.region > * {
margin-block-end: var(--sp3);
- }
}
+ }
diff --git a/core/themes/olivero/css/layout/social-bar.css b/core/themes/olivero/css/layout/social-bar.css
index 4d97c9dd02..a6bf82c75d 100644
--- a/core/themes/olivero/css/layout/social-bar.css
+++ b/core/themes/olivero/css/layout/social-bar.css
@@ -13,12 +13,12 @@
@media (min-width: 75rem) {
- .social-bar {
+.social-bar {
flex-shrink: 0;
width: var(--content-left);
background-color: var(--color--gray-100);
- }
}
+ }
.social-bar__inner {
position: relative;
@@ -29,51 +29,51 @@
@media (min-width: 75rem) {
- .social-bar__inner {
+.social-bar__inner {
position: relative;
width: var(--content-left);
padding-block: calc(5 * var(--sp));
padding-inline-start: 0;
padding-inline-end: 0;
- }
+}
- .social-bar__inner.is-fixed {
- position: fixed;
- inset-block-start: var(--sp6);
- inset-inline-start: 0;
- height: calc(100vh - 6 * var(--sp));
+ .social-bar__inner.is-fixed {
+ position: fixed;
+ inset-block-start: var(--sp6);
+ inset-inline-start: 0;
+ height: calc(100vh - 6 * var(--sp));
+ }
}
-}
.rotate > * {
- margin-block-end: var(--sp2);
-}
+ margin-block-end: var(--sp2);
+ }
@media (min-width: 75rem) {
- .rotate > * {
- display: flex;
- align-items: center;
- margin-block-end: 0;
+.rotate > * {
+ display: flex;
+ align-items: center;
+ margin-block-end: 0;
}
- .rotate > *:not(:first-child) {
- margin-inline-end: var(--sp2);
- }
-}
+ .rotate > *:not(:first-child) {
+ margin-inline-end: var(--sp2);
+ }
+ }
@media (min-width: 75rem) {
- .rotate .contextual {
- inset-inline: 100% auto;
- transform: rotate(90deg); /* LTR */
- transform-origin: top left; /* LTR */
+.rotate .contextual {
+ inset-inline: 100% auto;
+ transform: rotate(90deg); /* LTR */
+ transform-origin: top left; /* LTR */
}
- .rotate .contextual .trigger {
- float: left; /* LTR */
+ .rotate .contextual .trigger {
+ float: left; /* LTR */
- /**
+ /**
* Chromium and Webkit do not yet support flow relative logical properties,
* such as float: inline-end. However, PostCSS Logical does not compile this
* value, so we accommodate by not using these.
@@ -81,15 +81,15 @@
* @see https://caniuse.com/mdn-css_properties_clear_flow_relative_values
* @see https://github.com/csstools/postcss-plugins/issues/632
*/
- }
- [dir="rtl"] .rotate .contextual .trigger {
- float: right;
- }
-}
+ }
+ [dir="rtl"] .rotate .contextual .trigger {
+ float: right;
+ }
+ }
@media (min-width: 75rem) {
- .rotate {
+.rotate {
position: absolute;
inset-inline-start: 50%;
display: flex;
@@ -97,24 +97,24 @@
width: 100vh;
transform: rotate(-90deg) translateX(-100%); /* LTR */
transform-origin: left; /* LTR */
- }
+}
- @supports (width: max-content) {
+ @supports (width: max-content) {
- .rotate {
+.rotate {
width: max-content;
+}
}
}
-}
@media (min-width: 75rem) {
- [dir="rtl"] .rotate {
- transform: rotate(90deg) translateX(100%);
- transform-origin: right;
- }
+ [dir="rtl"] .rotate {
+ transform: rotate(90deg) translateX(100%);
+ transform-origin: right;
+ }
- [dir="rtl"] .rotate .contextual {
- transform: rotate(-90deg);
- transform-origin: top right;
+ [dir="rtl"] .rotate .contextual {
+ transform: rotate(-90deg);
+ transform-origin: top right;
+ }
}
-}
diff --git a/core/themes/olivero/css/layout/views.css b/core/themes/olivero/css/layout/views.css
index a9544b32ab..295552c231 100644
--- a/core/themes/olivero/css/layout/views.css
+++ b/core/themes/olivero/css/layout/views.css
@@ -11,16 +11,16 @@
*/
.view > * {
- margin-block-end: var(--sp2);
-}
+ margin-block-end: var(--sp2);
+ }
.view > *:last-child {
- margin-block-end: 0;
-}
+ margin-block-end: 0;
+ }
@media (min-width: 43.75rem) {
- .view > * {
- margin-block-end: var(--sp3);
+.view > * {
+ margin-block-end: var(--sp3);
}
-}
+ }
diff --git a/core/themes/olivero/css/theme/filter.theme.css b/core/themes/olivero/css/theme/filter.theme.css
index ac53a010e2..30769ddfa5 100644
--- a/core/themes/olivero/css/theme/filter.theme.css
+++ b/core/themes/olivero/css/theme/filter.theme.css
@@ -46,8 +46,8 @@
}
[dir="rtl"] .filter-help {
- float: left;
-}
+ float: left;
+ }
/**
* Compose tips.
diff --git a/core/yarn.lock b/core/yarn.lock
index f3302dfcc8..606a005a6d 100644
--- a/core/yarn.lock
+++ b/core/yarn.lock
@@ -587,128 +587,232 @@
resolved "https://registry.yarnpkg.com/@cspell/strong-weak-map/-/strong-weak-map-6.17.0.tgz#841ef99a4e0fdf9aacce36281829b87616b01478"
integrity sha512-fRghm6eoUEH7Uz57t0SEKJNm4lqODF2/DRiLd2ek7QkzUHKrCetre/5UrvdE78GIUyl0+8GLx9iFwo/XFa6dDA==
-"@csstools/css-parser-algorithms@^2.0.1":
+"@csstools/cascade-layer-name-parser@^1.0.0":
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.1.tgz#5957adeb71be8159e543d37a9c48e124dcd6c32e"
+ integrity sha512-SAAi5DpgJJWkfTvWSaqkgyIsTawa83hMwKrktkj6ra2h+q6ZN57vOGZ6ySHq6RSo+CbP64fA3aPChPBRDDUgtw==
+
+"@csstools/color-helpers@^1.0.0":
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/@csstools/color-helpers/-/color-helpers-1.0.0.tgz#7097722a51da1e9e622345ca000261f1ae6e8f58"
+ integrity sha512-tgqtiV8sU/VaWYjOB3O7PWs7HR/MmOLl2kTYRW2qSsTSEniJq7xmyAYFB1LPpXvvQcE5u2ih2dK9fyc8BnrAGQ==
+
+"@csstools/color-helpers@^2.0.0":
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/@csstools/color-helpers/-/color-helpers-2.0.0.tgz#4ac578cb00b4e853b94f2250267d85ba957c4fc9"
+ integrity sha512-VcPjEnp07RNgz/D+oI2uIALg+IPCSl6mj0XhA3pl3F2bM2B95vgzatExmmzSg/X0zkh+R2v+jFY/J2pV/bnwpw==
+
+"@csstools/css-calc@^1.0.0", "@csstools/css-calc@^1.0.1":
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/@csstools/css-calc/-/css-calc-1.0.1.tgz#c478dbfb2c10e22741b261b2a64998960d69bfc7"
+ integrity sha512-VBI8X0bmStfc85wWTa2bsbnlBQxgW4FmJ0Ts9ar9UqytE6kii3yg6GO+wpgzht2oK5Qlbpkm1Fy2kcqVmu6f3Q==
+
+"@csstools/css-color-parser@^1.0.0", "@csstools/css-color-parser@^1.1.0":
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/@csstools/css-color-parser/-/css-color-parser-1.1.0.tgz#717d544aa5c5f77e3fb71e77f1500338c1ee7436"
+ integrity sha512-jRpIhjThaH8jxuJ8Q1H+jai/dekP5952kzLHTuN+rPI48eF2esf/18TMb3N/HtEgmnybhfiwUO6Ph2OkHi3jpA==
+ dependencies:
+ "@csstools/color-helpers" "^2.0.0"
+ "@csstools/css-calc" "^1.0.1"
+
+"@csstools/css-parser-algorithms@^2.0.0", "@csstools/css-parser-algorithms@^2.0.1", "@csstools/css-parser-algorithms@^2.1.0":
version "2.1.0"
resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.1.0.tgz#c0a605b0218790faeb5911f240964891c6031501"
integrity sha512-KP8TicdXpUyeB1NMlbHud/1l39xvLGvqNFWMpG4qC6H1zs9SadGUHe5SO92n/659sDW9aGDvm9AMru0DZkN1Bw==
-"@csstools/css-tokenizer@^2.1.0":
+"@csstools/css-tokenizer@^2.0.0", "@csstools/css-tokenizer@^2.0.1", "@csstools/css-tokenizer@^2.1.0":
version "2.1.0"
resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-2.1.0.tgz#fee4de3d444db3ce9007f3af6474af8ba3e4b930"
integrity sha512-dtqFyoJBHUxGi9zPZdpCKP1xk8tq6KPHJ/NY4qWXiYo6IcSGwzk3L8x2XzZbbyOyBs9xQARoGveU2AsgLj6D2A==
-"@csstools/media-query-list-parser@^2.0.1":
+"@csstools/media-query-list-parser@^2.0.0", "@csstools/media-query-list-parser@^2.0.1", "@csstools/media-query-list-parser@^2.0.2":
version "2.0.2"
resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-2.0.2.tgz#36058f8ff6a28274e7dfe32e48431e1de97c2fbb"
integrity sha512-8V6JD8Av1HttuClYr1ZBu0LRVe5Nnz4qrv8RppO8mobsX/USBHZy5JQOXYIlpOVhl46nzkx3X5cfH6CqUghjrQ==
-"@csstools/postcss-cascade-layers@^1.1.1":
- version "1.1.1"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-1.1.1.tgz#8a997edf97d34071dd2e37ea6022447dd9e795ad"
- integrity sha512-+KdYrpKC5TgomQr2DlZF4lDEpHcoxnj5IGddYYfBWJAKfj1JtuHUIqMa+E1pJJ+z3kvDViWMqyqPlG4Ja7amQA==
+"@csstools/postcss-cascade-layers@^3.0.1":
+ version "3.0.1"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-3.0.1.tgz#d839386e90428b448e3f75276bc01d516e852a0d"
+ integrity sha512-dD8W98dOYNOH/yX4V4HXOhfCOnvVAg8TtsL+qCGNoKXuq5z2C/d026wGWgySgC8cajXXo/wNezS31Glj5GcqrA==
dependencies:
"@csstools/selector-specificity" "^2.0.2"
postcss-selector-parser "^6.0.10"
-"@csstools/postcss-color-function@^1.1.1":
- version "1.1.1"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-1.1.1.tgz#2bd36ab34f82d0497cfacdc9b18d34b5e6f64b6b"
- integrity sha512-Bc0f62WmHdtRDjf5f3e2STwRAl89N2CLb+9iAwzrv4L2hncrbDwnQD9PCq0gtAt7pOI2leIV08HIBUd4jxD8cw==
+"@csstools/postcss-color-function@^2.1.0":
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-2.2.0.tgz#b9251d5dd13e56c5893a220c32008ac5af4b009f"
+ integrity sha512-4z3k3p35Gmv4ZDX79OytvhwYx6Hz+y3hitikw2F+XG1yhSjalXoMCV04atgLjc/ThLg+Hwnp1pxhQ2G07UHknQ==
dependencies:
- "@csstools/postcss-progressive-custom-properties" "^1.1.0"
- postcss-value-parser "^4.2.0"
+ "@csstools/css-color-parser" "^1.0.0"
+ "@csstools/css-parser-algorithms" "^2.0.1"
+ "@csstools/css-tokenizer" "^2.1.0"
+ "@csstools/postcss-progressive-custom-properties" "^2.0.0"
-"@csstools/postcss-font-format-keywords@^1.0.1":
- version "1.0.1"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-1.0.1.tgz#677b34e9e88ae997a67283311657973150e8b16a"
- integrity sha512-ZgrlzuUAjXIOc2JueK0X5sZDjCtgimVp/O5CEqTcs5ShWBa6smhWYbS0x5cVc/+rycTDbjjzoP0KTDnUneZGOg==
+"@csstools/postcss-color-mix-function@^1.0.0":
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-1.0.0.tgz#8d65782527eefc7228ea6fb9b6fa936e52b9b4ad"
+ integrity sha512-JuI8SKpE/XIpfmvALcxvk6flaq36KCJwqQgZ958Jz189r1diQZADq+7xFmjcv+B0vHQ4nSa92gGExtzOZ1iiUg==
dependencies:
- postcss-value-parser "^4.2.0"
+ "@csstools/css-color-parser" "^1.0.0"
+ "@csstools/css-parser-algorithms" "^2.0.1"
+ "@csstools/css-tokenizer" "^2.1.0"
+ "@csstools/postcss-progressive-custom-properties" "^2.0.0"
-"@csstools/postcss-hwb-function@^1.0.2":
- version "1.0.2"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-1.0.2.tgz#ab54a9fce0ac102c754854769962f2422ae8aa8b"
- integrity sha512-YHdEru4o3Rsbjmu6vHy4UKOXZD+Rn2zmkAmLRfPet6+Jz4Ojw8cbWxe1n42VaXQhD3CQUXXTooIy8OkVbUcL+w==
+"@csstools/postcss-font-format-keywords@^2.0.2":
+ version "2.0.2"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-2.0.2.tgz#d798d96f4af6cddcfee459f598c976e6011042d2"
+ integrity sha512-iKYZlIs6JsNT7NKyRjyIyezTCHLh4L4BBB3F5Nx7Dc4Z/QmBgX+YJFuUSar8IM6KclGiAUFGomXFdYxAwJydlA==
dependencies:
postcss-value-parser "^4.2.0"
-"@csstools/postcss-ic-unit@^1.0.1":
- version "1.0.1"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-1.0.1.tgz#28237d812a124d1a16a5acc5c3832b040b303e58"
- integrity sha512-Ot1rcwRAaRHNKC9tAqoqNZhjdYBzKk1POgWfhN4uCOE47ebGcLRqXjKkApVDpjifL6u2/55ekkpnFcp+s/OZUw==
+"@csstools/postcss-gradients-interpolation-method@^3.0.1":
+ version "3.0.1"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-3.0.1.tgz#e5237dd765f951c1f4b113d29c4bd2438db5dc33"
+ integrity sha512-sCfFSzL5HRb/GhrGuTEi8IRrxp2bUeKakyXvuXzuBBxL0L2X8kZAljQwkuRkd0W/wIWTsQG/E72REb5XMmRfrA==
dependencies:
- "@csstools/postcss-progressive-custom-properties" "^1.1.0"
+ "@csstools/css-color-parser" "^1.1.0"
+ "@csstools/css-parser-algorithms" "^2.1.0"
+ "@csstools/css-tokenizer" "^2.1.0"
+ "@csstools/postcss-progressive-custom-properties" "^2.0.0"
+
+"@csstools/postcss-hwb-function@^2.2.0":
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-2.2.0.tgz#80ee5780b88994b1128ad67f98d468798413b7d7"
+ integrity sha512-7gDPKacr3KhonzEyj4dzAEcetFJbN+JVPZXtANpf9SAVUHDUK+cCw7367uRlXnCeAoTdmRAyBk3agg2+snFxAw==
+ dependencies:
+ "@csstools/css-color-parser" "^1.0.0"
+ "@csstools/css-parser-algorithms" "^2.0.1"
+ "@csstools/css-tokenizer" "^2.1.0"
+
+"@csstools/postcss-ic-unit@^2.0.2":
+ version "2.0.2"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-2.0.2.tgz#5a5e481c53977deec3d63793788eec924d4c5f7d"
+ integrity sha512-N84qGTJkfLTPj2qOG5P4CIqGjpZBbjOEMKMn+UjO5wlb9lcBTfBsxCF0lQsFdWJUzBHYFOz19dL66v71WF3Pig==
+ dependencies:
+ "@csstools/postcss-progressive-custom-properties" "^2.0.0"
postcss-value-parser "^4.2.0"
-"@csstools/postcss-is-pseudo-class@^2.0.7":
- version "2.0.7"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-2.0.7.tgz#846ae6c0d5a1eaa878fce352c544f9c295509cd1"
- integrity sha512-7JPeVVZHd+jxYdULl87lvjgvWldYu+Bc62s9vD/ED6/QTGjy0jy0US/f6BG53sVMTBJ1lzKZFpYmofBN9eaRiA==
+"@csstools/postcss-is-pseudo-class@^3.1.1":
+ version "3.1.1"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-3.1.1.tgz#81b0f3ba388bf3c8966e1a4413e1839beef7960e"
+ integrity sha512-hhiacuby4YdUnnxfCYCRMBIobyJImozf0u+gHSbQ/tNOdwvmrZtVROvgW7zmfYuRkHVDNZJWZslq2v5jOU+j/A==
dependencies:
"@csstools/selector-specificity" "^2.0.0"
postcss-selector-parser "^6.0.10"
-"@csstools/postcss-nested-calc@^1.0.0":
- version "1.0.0"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-1.0.0.tgz#d7e9d1d0d3d15cf5ac891b16028af2a1044d0c26"
- integrity sha512-JCsQsw1wjYwv1bJmgjKSoZNvf7R6+wuHDAbi5f/7MbFhl2d/+v+TvBTU4BJH3G1X1H87dHl0mh6TfYogbT/dJQ==
+"@csstools/postcss-logical-float-and-clear@^1.0.1":
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-float-and-clear/-/postcss-logical-float-and-clear-1.0.1.tgz#d255ea7aad18880930b63d8a04164f56182f2ecf"
+ integrity sha512-eO9z2sMLddvlfFEW5Fxbjyd03zaO7cJafDurK4rCqyRt9P7aaWwha0LcSzoROlcZrw1NBV2JAp2vMKfPMQO1xw==
+
+"@csstools/postcss-logical-resize@^1.0.1":
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-resize/-/postcss-logical-resize-1.0.1.tgz#826d3de929d7d786c32c2c118f78e813a1c2cdec"
+ integrity sha512-x1ge74eCSvpBkDDWppl+7FuD2dL68WP+wwP2qvdUcKY17vJksz+XoE1ZRV38uJgS6FNUwC0AxrPW5gy3MxsDHQ==
dependencies:
postcss-value-parser "^4.2.0"
-"@csstools/postcss-normalize-display-values@^1.0.1":
+"@csstools/postcss-logical-viewport-units@^1.0.2":
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-1.0.2.tgz#b968c57e1459429b48b24e2c250ca0904d71df6e"
+ integrity sha512-nnKFywBqRMYjv5jyjSplD/nbAnboUEGFfdxKw1o34Y1nvycgqjQavhKkmxbORxroBBIDwC5y6SfgENcPPUcOxQ==
+ dependencies:
+ "@csstools/css-tokenizer" "^2.0.0"
+
+"@csstools/postcss-media-minmax@^1.0.0":
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-media-minmax/-/postcss-media-minmax-1.0.0.tgz#c9978e3ae65b389d149f66cf0c266b2627cd2ec5"
+ integrity sha512-qXHZ0QVDszKf4SsLazOEzFl+m+IkhHOigqMy/gHNIzAtqB3XeBQUa+dTi1ROmQBDH1HXktGwy+tafFBg9UoaxA==
+ dependencies:
+ "@csstools/css-calc" "^1.0.1"
+ "@csstools/css-parser-algorithms" "^2.1.0"
+ "@csstools/css-tokenizer" "^2.1.0"
+ "@csstools/media-query-list-parser" "^2.0.2"
+
+"@csstools/postcss-media-queries-aspect-ratio-number-values@^1.0.1":
version "1.0.1"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-1.0.1.tgz#15da54a36e867b3ac5163ee12c1d7f82d4d612c3"
- integrity sha512-jcOanIbv55OFKQ3sYeFD/T0Ti7AMXc9nM1hZWu8m/2722gOTxFg7xYu4RDLJLeZmPUVQlGzo4jhzvTUq3x4ZUw==
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-1.0.1.tgz#fd6a8e50c2d6d46a5c95b6cdc5563a091fa2f0fa"
+ integrity sha512-V9yQqXdje6OfqDf6EL5iGOpi6N0OEczwYK83rql9UapQwFEryXlAehR5AqH8QqLYb6+y31wUXK6vMxCp0920Zg==
dependencies:
- postcss-value-parser "^4.2.0"
+ "@csstools/css-parser-algorithms" "^2.0.0"
+ "@csstools/css-tokenizer" "^2.0.0"
+ "@csstools/media-query-list-parser" "^2.0.0"
-"@csstools/postcss-oklab-function@^1.1.1":
- version "1.1.1"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-1.1.1.tgz#88cee0fbc8d6df27079ebd2fa016ee261eecf844"
- integrity sha512-nJpJgsdA3dA9y5pgyb/UfEzE7W5Ka7u0CX0/HIMVBNWzWemdcTH3XwANECU6anWv/ao4vVNLTMxhiPNZsTK6iA==
+"@csstools/postcss-nested-calc@^2.0.2":
+ version "2.0.2"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-2.0.2.tgz#a0857650ef88b1aa7b094c7ea8ea1378c35695e0"
+ integrity sha512-jbwrP8rN4e7LNaRcpx3xpMUjhtt34I9OV+zgbcsYAAk6k1+3kODXJBf95/JMYWhu9g1oif7r06QVUgfWsKxCFw==
dependencies:
- "@csstools/postcss-progressive-custom-properties" "^1.1.0"
postcss-value-parser "^4.2.0"
-"@csstools/postcss-progressive-custom-properties@^1.1.0", "@csstools/postcss-progressive-custom-properties@^1.3.0":
- version "1.3.0"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-1.3.0.tgz#542292558384361776b45c85226b9a3a34f276fa"
- integrity sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==
+"@csstools/postcss-normalize-display-values@^2.0.1":
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-2.0.1.tgz#35dc188c5b4713cf902959fe3c8ce613fcb7543e"
+ integrity sha512-TQT5g3JQ5gPXC239YuRK8jFceXF9d25ZvBkyjzBGGoW5st5sPXFVQS8OjYb9IJ/K3CdfK4528y483cgS2DJR/w==
dependencies:
postcss-value-parser "^4.2.0"
-"@csstools/postcss-stepped-value-functions@^1.0.1":
- version "1.0.1"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-1.0.1.tgz#f8772c3681cc2befed695e2b0b1d68e22f08c4f4"
- integrity sha512-dz0LNoo3ijpTOQqEJLY8nyaapl6umbmDcgj4AD0lgVQ572b2eqA1iGZYTTWhrcrHztWDDRAX2DGYyw2VBjvCvQ==
+"@csstools/postcss-oklab-function@^2.2.0":
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-2.2.0.tgz#4f9c91736316eb881d932681ae566a38af554a39"
+ integrity sha512-5QMtgn9IWpeTbbt8DwLvr41CQRJef2fKhznTFQI1Og/v3zr/uKYu+aSKZEEaoZnO9OophM4YJnkVJne3CqvJDQ==
dependencies:
- postcss-value-parser "^4.2.0"
+ "@csstools/css-color-parser" "^1.0.0"
+ "@csstools/css-parser-algorithms" "^2.0.1"
+ "@csstools/css-tokenizer" "^2.1.0"
+ "@csstools/postcss-progressive-custom-properties" "^2.0.0"
-"@csstools/postcss-text-decoration-shorthand@^1.0.0":
- version "1.0.0"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-1.0.0.tgz#ea96cfbc87d921eca914d3ad29340d9bcc4c953f"
- integrity sha512-c1XwKJ2eMIWrzQenN0XbcfzckOLLJiczqy+YvfGmzoVXd7pT9FfObiSEfzs84bpE/VqfpEuAZ9tCRbZkZxxbdw==
+"@csstools/postcss-progressive-custom-properties@^2.0.0", "@csstools/postcss-progressive-custom-properties@^2.1.0":
+ version "2.1.1"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-2.1.1.tgz#82df9314451db63bf7f4975a4d32f148e85db490"
+ integrity sha512-6p8eO5+j+9hn4h2Klr9dbmya0GIb9SRrnPaCxqR1muVlV1waAZq6YkmlApEwXrox9qxggSwGZD5TnLRIY9f7WA==
dependencies:
postcss-value-parser "^4.2.0"
-"@csstools/postcss-trigonometric-functions@^1.0.2":
- version "1.0.2"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-1.0.2.tgz#94d3e4774c36d35dcdc88ce091336cb770d32756"
- integrity sha512-woKaLO///4bb+zZC2s80l+7cm07M7268MsyG3M0ActXXEFi6SuhvriQYcb58iiKGbjwwIU7n45iRLEHypB47Og==
+"@csstools/postcss-scope-pseudo-class@^2.0.2":
+ version "2.0.2"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-scope-pseudo-class/-/postcss-scope-pseudo-class-2.0.2.tgz#6325e1e3b321093c59b008ec670bb772e17f06fe"
+ integrity sha512-6Pvo4uexUCXt+Hz5iUtemQAcIuCYnL+ePs1khFR6/xPgC92aQLJ0zGHonWoewiBE+I++4gXK3pr+R1rlOFHe5w==
+ dependencies:
+ postcss-selector-parser "^6.0.10"
+
+"@csstools/postcss-stepped-value-functions@^2.1.0":
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-2.1.0.tgz#8ca134a7f70e00b14f5796fb32ed33a656ba0b1b"
+ integrity sha512-CkEo9BF8fQeMoXW3biXjlgTLY7PA4UFihn6leq7hPoRzIguLUI0WZIVgsITGXfX8LXmkhCSTjXO2DLYu/LUixQ==
dependencies:
+ "@csstools/css-calc" "^1.0.0"
+ "@csstools/css-parser-algorithms" "^2.0.1"
+ "@csstools/css-tokenizer" "^2.0.1"
+
+"@csstools/postcss-text-decoration-shorthand@^2.2.1":
+ version "2.2.2"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-2.2.2.tgz#75539827b56905f7c2e8273c0358cc6fec5ca72d"
+ integrity sha512-aR9l/V7p0SkdrIyBysqlQWIbGXeGC7U4ccBAIlWMpVpG/MsGhxs1JvdBpjim4UDF3U+1VmF+MbvZFb7dL+d7XA==
+ dependencies:
+ "@csstools/color-helpers" "^1.0.0"
postcss-value-parser "^4.2.0"
-"@csstools/postcss-unset-value@^1.0.2":
- version "1.0.2"
- resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz#c99bb70e2cdc7312948d1eb41df2412330b81f77"
- integrity sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==
+"@csstools/postcss-trigonometric-functions@^2.1.0":
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-2.1.0.tgz#5a489975d445b9e79c6cb5f0f01ae711ec86639d"
+ integrity sha512-Ly7YczO+QdnByYeGqlppJoA2Tb2vsFfj5gSrszPTXJ+/4g3nnEZnG0VSeTK/WA8y7fzyL/qVNkkdEeOnruNWFQ==
+ dependencies:
+ "@csstools/css-calc" "^1.0.0"
+ "@csstools/css-parser-algorithms" "^2.0.1"
+ "@csstools/css-tokenizer" "^2.0.1"
+
+"@csstools/postcss-unset-value@^2.0.1":
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-2.0.1.tgz#67091dd6cff556bff896c95053eb070cc6b21c25"
+ integrity sha512-oJ9Xl29/yU8U7/pnMJRqAZd4YXNCfGEdcP4ywREuqm/xMqcgDNDppYRoCGDt40aaZQIEKBS79LytUDN/DHf0Ew==
"@csstools/selector-specificity@^2.0.0", "@csstools/selector-specificity@^2.0.2":
version "2.0.2"
resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.0.2.tgz#1bfafe4b7ed0f3e4105837e056e0a89b108ebe36"
integrity sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==
-"@csstools/selector-specificity@^2.1.1":
+"@csstools/selector-specificity@^2.0.1", "@csstools/selector-specificity@^2.1.1":
version "2.2.0"
resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz#2cbcf822bf3764c9658c4d2e568bd0c0cb748016"
integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==
@@ -1219,13 +1323,13 @@ asynckit@^0.4.0:
resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
-autoprefixer@^10.4.13:
- version "10.4.13"
- resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.13.tgz#b5136b59930209a321e9fa3dca2e7c4d223e83a8"
- integrity sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==
+autoprefixer@^10.4.14:
+ version "10.4.14"
+ resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.14.tgz#e28d49902f8e759dd25b153264e862df2705f79d"
+ integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
dependencies:
- browserslist "^4.21.4"
- caniuse-lite "^1.0.30001426"
+ browserslist "^4.21.5"
+ caniuse-lite "^1.0.30001464"
fraction.js "^4.2.0"
normalize-range "^0.1.2"
picocolors "^1.0.0"
@@ -1313,7 +1417,7 @@ browser-stdout@1.3.1:
resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.1.tgz#baa559ee14ced73452229bad7326467c61fabd60"
integrity sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==
-browserslist@^4.14.5, browserslist@^4.21.4:
+browserslist@^4.14.5:
version "4.21.4"
resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987"
integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==
@@ -1323,6 +1427,16 @@ browserslist@^4.14.5, browserslist@^4.21.4:
node-releases "^2.0.6"
update-browserslist-db "^1.0.9"
+browserslist@^4.21.5:
+ version "4.21.5"
+ resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7"
+ integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==
+ dependencies:
+ caniuse-lite "^1.0.30001449"
+ electron-to-chromium "^1.4.284"
+ node-releases "^2.0.8"
+ update-browserslist-db "^1.0.10"
+
buffer-from@^1.0.0:
version "1.1.2"
resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
@@ -1368,11 +1482,16 @@ camelcase@^6.0.0, camelcase@^6.2.0:
resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
-caniuse-lite@^1.0.30001400, caniuse-lite@^1.0.30001426:
+caniuse-lite@^1.0.30001400:
version "1.0.30001434"
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001434.tgz#ec1ec1cfb0a93a34a0600d37903853030520a4e5"
integrity sha512-aOBHrLmTQw//WFa2rcF1If9fa3ypkC1wzqqiKHgfdrXTWcU8C4gKVZT77eQAPWN1APys3+uQ0Df07rKauXGEYA==
+caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
+ version "1.0.30001474"
+ resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001474.tgz#13b6fe301a831fe666cce8ca4ef89352334133d5"
+ integrity sha512-iaIZ8gVrWfemh5DG3T9/YqarVZoYf0r188IjaGwx68j4Pf0SGY6CQkmJUIE+NZHkkecQGohzXmBGEwWDr9aM3Q==
+
chai-nightwatch@0.5.3:
version "0.5.3"
resolved "https://registry.yarnpkg.com/chai-nightwatch/-/chai-nightwatch-0.5.3.tgz#980ecf63dde5a04e7f3524370682c7ff01178ffb"
@@ -1726,29 +1845,31 @@ cspell@^6.0.0:
strip-ansi "^6.0.1"
vscode-uri "^3.0.6"
-css-blank-pseudo@^3.0.3:
- version "3.0.3"
- resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-3.0.3.tgz#36523b01c12a25d812df343a32c322d2a2324561"
- integrity sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==
+css-blank-pseudo@^5.0.2:
+ version "5.0.2"
+ resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-5.0.2.tgz#3df5cd950f64de960974da05e76954fd3d7442f9"
+ integrity sha512-aCU4AZ7uEcVSUzagTlA9pHciz7aWPKA/YzrEkpdSopJ2pvhIxiQ5sYeMz1/KByxlIo4XBdvMNJAVKMg/GRnhfw==
dependencies:
- postcss-selector-parser "^6.0.9"
+ postcss-selector-parser "^6.0.10"
css-functions-list@^3.1.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.1.0.tgz#cf5b09f835ad91a00e5959bcfc627cd498e1321b"
integrity sha512-/9lCvYZaUbBGvYUgYGFJ4dcYiyqdhSjG7IPVluoV8A1ILjkF7ilmhp1OGUz8n+nmBcu0RNrQAzgD8B6FJbrt2w==
-css-has-pseudo@^3.0.4:
- version "3.0.4"
- resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-3.0.4.tgz#57f6be91ca242d5c9020ee3e51bbb5b89fc7af73"
- integrity sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==
+css-has-pseudo@^5.0.2:
+ version "5.0.2"
+ resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-5.0.2.tgz#8798118c705d858b7aeb9d839a39edd901c1cc83"
+ integrity sha512-q+U+4QdwwB7T9VEW/LyO6CFrLAeLqOykC5mDqJXc7aKZAhDbq7BvGT13VGJe+IwBfdN2o3Xdw2kJ5IxwV1Sc9Q==
dependencies:
- postcss-selector-parser "^6.0.9"
+ "@csstools/selector-specificity" "^2.0.1"
+ postcss-selector-parser "^6.0.10"
+ postcss-value-parser "^4.2.0"
-css-prefers-color-scheme@^6.0.3:
- version "6.0.3"
- resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz#ca8a22e5992c10a5b9d315155e7caee625903349"
- integrity sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==
+css-prefers-color-scheme@^8.0.2:
+ version "8.0.2"
+ resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-8.0.2.tgz#a0671f54eb19ed0d30b952574c0af11ec355fb6d"
+ integrity sha512-OvFghizHJ45x7nsJJUSYLyQNTzsCU8yWjxAc/nhPQg1pbs18LMoET8N3kOweFDPy0JV0OSXN2iqRFhPBHYOeMA==
css-tree@^2.3.1:
version "2.3.1"
@@ -1758,10 +1879,10 @@ css-tree@^2.3.1:
mdn-data "2.0.30"
source-map-js "^1.0.1"
-cssdb@^7.1.0:
- version "7.1.0"
- resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.1.0.tgz#574f97235a83eb753a29f0b1f2cbacac0d628bb8"
- integrity sha512-Sd99PrFgx28ez4GHu8yoQIufc/70h9oYowDf4EjeIKi8mac9whxRjhM3IaMr6EllP6KKKWtJrMfN6C7T9tIWvQ==
+cssdb@^7.5.3:
+ version "7.5.3"
+ resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.5.3.tgz#6bbd0c6a935919d7f78b8a3ce098faacda01ae8a"
+ integrity sha512-NQNRhrEnS6cW+RU/foLphb6xI/MDA70bI3Cy6VxJU8ilxgyTYz1X9zUzFGVTG5nGPylcKAGIt/UNc4deT56lQQ==
cssesc@^3.0.0:
version "3.0.0"
@@ -1966,6 +2087,11 @@ electron-to-chromium@^1.4.251:
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz#61046d1e4cab3a25238f6bf7413795270f125592"
integrity sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==
+electron-to-chromium@^1.4.284:
+ version "1.4.353"
+ resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.353.tgz#20e9cb4c83a08e35b3314d3fa8988764c105e6b7"
+ integrity sha512-IdJVpMHJoBT/nn0GQ02wPfbhogDVpd1ud95lP//FTf5l35wzxKJwibB4HBdY7Q+xKPA1nkZ0UDLOMyRj5U5IAQ==
+
emoji-regex@^8.0.0:
version "8.0.0"
resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
@@ -2802,7 +2928,7 @@ is-callable@^1.1.4, is-callable@^1.2.4:
resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.4.tgz#47301d58dd0259407865547853df6d61fe471945"
integrity sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==
-is-core-module@^2.5.0, is-core-module@^2.8.1, is-core-module@^2.9.0:
+is-core-module@^2.11.0, is-core-module@^2.5.0, is-core-module@^2.8.1, is-core-module@^2.9.0:
version "2.11.0"
resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
@@ -3511,9 +3637,9 @@ nanoid@3.3.1:
integrity sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==
nanoid@^3.3.4:
- version "3.3.4"
- resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
- integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
+ version "3.3.6"
+ resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
+ integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
natural-compare@^1.4.0:
version "1.4.0"
@@ -3579,6 +3705,11 @@ node-releases@^2.0.6:
resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503"
integrity sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==
+node-releases@^2.0.8:
+ version "2.0.10"
+ resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f"
+ integrity sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==
+
normalize-package-data@^2.5.0:
version "2.5.0"
resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
@@ -3864,10 +3995,10 @@ pkg-dir@^4.2.0:
dependencies:
find-up "^4.0.0"
-postcss-attribute-case-insensitive@^5.0.2:
- version "5.0.2"
- resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.2.tgz#03d761b24afc04c09e757e92ff53716ae8ea2741"
- integrity sha512-XIidXV8fDr0kKt28vqki84fRK8VW8eTuIa4PChv2MqKuT6C9UjmSKzen6KaWhWEoYvwxFCa7n/tC1SZ3tyq4SQ==
+postcss-attribute-case-insensitive@^6.0.2:
+ version "6.0.2"
+ resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-6.0.2.tgz#e843091859323342e461878d201ee70278809e01"
+ integrity sha512-IRuCwwAAQbgaLhxQdQcIIK0dCVXg3XDUnzgKD8iwdiYdwU4rMWRWyl/W9/0nA4ihVpq5pyALiHB2veBJ0292pw==
dependencies:
postcss-selector-parser "^6.0.10"
@@ -3878,110 +4009,112 @@ postcss-clamp@^4.1.0:
dependencies:
postcss-value-parser "^4.2.0"
-postcss-color-functional-notation@^4.2.4:
- version "4.2.4"
- resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-4.2.4.tgz#21a909e8d7454d3612d1659e471ce4696f28caec"
- integrity sha512-2yrTAUZUab9s6CpxkxC4rVgFEVaR6/2Pipvi6qcgvnYiVqZcbDHEoBDhrXzyb7Efh2CCfHQNtcqWcIruDTIUeg==
+postcss-color-functional-notation@^5.0.2:
+ version "5.0.2"
+ resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-5.0.2.tgz#6d03c928aa3a13487703af86c301bdcd501e7430"
+ integrity sha512-M6ygxWOyd6eWf3sd1Lv8xi4SeF4iBPfJvkfMU4ITh8ExJc1qhbvh/U8Cv/uOvBgUVOMDdScvCdlg8+hREQzs7w==
dependencies:
postcss-value-parser "^4.2.0"
-postcss-color-hex-alpha@^8.0.4:
- version "8.0.4"
- resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-8.0.4.tgz#c66e2980f2fbc1a63f5b079663340ce8b55f25a5"
- integrity sha512-nLo2DCRC9eE4w2JmuKgVA3fGL3d01kGq752pVALF68qpGLmx2Qrk91QTKkdUqqp45T1K1XV8IhQpcu1hoAQflQ==
+postcss-color-hex-alpha@^9.0.2:
+ version "9.0.2"
+ resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-9.0.2.tgz#6d3ed50342802469880981a1999515d003ff7d79"
+ integrity sha512-SfPjgr//VQ/DOCf80STIAsdAs7sbIbxATvVmd+Ec7JvR8onz9pjawhq3BJM3Pie40EE3TyB0P6hft16D33Nlyg==
dependencies:
postcss-value-parser "^4.2.0"
-postcss-color-rebeccapurple@^7.1.1:
- version "7.1.1"
- resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-7.1.1.tgz#63fdab91d878ebc4dd4b7c02619a0c3d6a56ced0"
- integrity sha512-pGxkuVEInwLHgkNxUc4sdg4g3py7zUeCQ9sMfwyHAT+Ezk8a4OaaVZ8lIY5+oNqA/BXXgLyXv0+5wHP68R79hg==
+postcss-color-rebeccapurple@^8.0.2:
+ version "8.0.2"
+ resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-8.0.2.tgz#c0f2dcf1ef4dd393314920aa181cca8c390a2648"
+ integrity sha512-xWf/JmAxVoB5bltHpXk+uGRoGFwu4WDAR7210el+iyvTdqiKpDhtcT8N3edXMoVJY0WHFMrKMUieql/wRNiXkw==
dependencies:
postcss-value-parser "^4.2.0"
-postcss-custom-media@^8.0.2:
- version "8.0.2"
- resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-8.0.2.tgz#c8f9637edf45fef761b014c024cee013f80529ea"
- integrity sha512-7yi25vDAoHAkbhAzX9dHx2yc6ntS4jQvejrNcC+csQJAXjj15e7VcWfMgLqBNAbOvqi5uIa9huOVwdHbf+sKqg==
+postcss-custom-media@^9.1.2:
+ version "9.1.2"
+ resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-9.1.2.tgz#0e9c34b0b5325edc2c5f42f47543cb64d777764b"
+ integrity sha512-osM9g4UKq4XKimAC7RAXroqi3BXpxfwTswAJQiZdrBjWGFGEyxQrY5H2eDWI8F+MEvEUfYDxA8scqi3QWROCSw==
dependencies:
- postcss-value-parser "^4.2.0"
+ "@csstools/cascade-layer-name-parser" "^1.0.0"
+ "@csstools/css-parser-algorithms" "^2.0.0"
+ "@csstools/css-tokenizer" "^2.0.0"
+ "@csstools/media-query-list-parser" "^2.0.0"
-postcss-custom-properties@^12.1.10:
- version "12.1.10"
- resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-12.1.10.tgz#624517179fd4cf50078a7a60f628d5782e7d4903"
- integrity sha512-U3BHdgrYhCrwTVcByFHs9EOBoqcKq4Lf3kXwbTi4hhq0qWhl/pDWq2THbv/ICX/Fl9KqeHBb8OVrTf2OaYF07A==
+postcss-custom-properties@^13.1.4:
+ version "13.1.4"
+ resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-13.1.4.tgz#590e5770137011001602806da51243b6c82c1cde"
+ integrity sha512-iSAdaZrM3KMec8cOSzeTUNXPYDlhqsMJHpt62yrjwG6nAnMtRHPk5JdMzGosBJtqEahDolvD5LNbcq+EZ78o5g==
dependencies:
+ "@csstools/cascade-layer-name-parser" "^1.0.0"
+ "@csstools/css-parser-algorithms" "^2.0.0"
+ "@csstools/css-tokenizer" "^2.0.0"
postcss-value-parser "^4.2.0"
-postcss-custom-selectors@^6.0.3:
- version "6.0.3"
- resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-6.0.3.tgz#1ab4684d65f30fed175520f82d223db0337239d9"
- integrity sha512-fgVkmyiWDwmD3JbpCmB45SvvlCD6z9CG6Ie6Iere22W5aHea6oWa7EM2bpnv2Fj3I94L3VbtvX9KqwSi5aFzSg==
+postcss-custom-selectors@^7.1.2:
+ version "7.1.2"
+ resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-7.1.2.tgz#e100e9dd628d969a651d7d310cdfd25b27b58d4b"
+ integrity sha512-jX7VlE3jrgfBIOfxiGNRFq81xUoHSZhvxhQurzE7ZFRv+bUmMwB7/XnA0nNlts2CwNtbXm4Ozy0ZAYKHlCRmBQ==
dependencies:
+ "@csstools/cascade-layer-name-parser" "^1.0.0"
+ "@csstools/css-parser-algorithms" "^2.0.0"
+ "@csstools/css-tokenizer" "^2.0.0"
postcss-selector-parser "^6.0.4"
-postcss-dir-pseudo-class@^6.0.5:
- version "6.0.5"
- resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-6.0.5.tgz#2bf31de5de76added44e0a25ecf60ae9f7c7c26c"
- integrity sha512-eqn4m70P031PF7ZQIvSgy9RSJ5uI2171O/OO/zcRNYpJbvaeKFUlar1aJ7rmgiQtbm0FSPsRewjpdS0Oew7MPA==
+postcss-dir-pseudo-class@^7.0.2:
+ version "7.0.2"
+ resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-7.0.2.tgz#71618b7eb4abe067845d11b3c8f322760c9b3e88"
+ integrity sha512-cMnslilYxBf9k3qejnovrUONZx1rXeUZJw06fgIUBzABJe3D2LiLL5WAER7Imt3nrkaIgG05XZBztueLEf5P8w==
dependencies:
postcss-selector-parser "^6.0.10"
-postcss-double-position-gradients@^3.1.2:
- version "3.1.2"
- resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-3.1.2.tgz#b96318fdb477be95997e86edd29c6e3557a49b91"
- integrity sha512-GX+FuE/uBR6eskOK+4vkXgT6pDkexLokPaz/AbJna9s5Kzp/yl488pKPjhy0obB475ovfT1Wv8ho7U/cHNaRgQ==
- dependencies:
- "@csstools/postcss-progressive-custom-properties" "^1.1.0"
- postcss-value-parser "^4.2.0"
-
-postcss-env-function@^4.0.6:
- version "4.0.6"
- resolved "https://registry.yarnpkg.com/postcss-env-function/-/postcss-env-function-4.0.6.tgz#7b2d24c812f540ed6eda4c81f6090416722a8e7a"
- integrity sha512-kpA6FsLra+NqcFnL81TnsU+Z7orGtDTxcOhl6pwXeEq1yFPpRMkCDpHhrz8CFQDr/Wfm0jLiNQ1OsGGPjlqPwA==
+postcss-double-position-gradients@^4.0.2:
+ version "4.0.2"
+ resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-4.0.2.tgz#855a23201f26be447210504e9b668429cbf4640c"
+ integrity sha512-GXL1RmFREDK4Q9aYvI2RhVrA6a6qqSMQQ5ke8gSH1xgV6exsqbcJpIumC7AOgooH6/WIG3/K/T8xxAiVHy/tJg==
dependencies:
+ "@csstools/postcss-progressive-custom-properties" "^2.0.0"
postcss-value-parser "^4.2.0"
-postcss-focus-visible@^6.0.4:
- version "6.0.4"
- resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-6.0.4.tgz#50c9ea9afa0ee657fb75635fabad25e18d76bf9e"
- integrity sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==
+postcss-focus-visible@^8.0.2:
+ version "8.0.2"
+ resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-8.0.2.tgz#a7ac26ffe3e9c2bd17d7200d75e2d79ee8110891"
+ integrity sha512-f/Vd+EC/GaKElknU59esVcRYr/Y3t1ZAQyL4u2xSOgkDy4bMCmG7VP5cGvj3+BTLNE9ETfEuz2nnt4qkZwTTeA==
dependencies:
- postcss-selector-parser "^6.0.9"
+ postcss-selector-parser "^6.0.10"
-postcss-focus-within@^5.0.4:
- version "5.0.4"
- resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-5.0.4.tgz#5b1d2ec603195f3344b716c0b75f61e44e8d2e20"
- integrity sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==
+postcss-focus-within@^7.0.2:
+ version "7.0.2"
+ resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-7.0.2.tgz#5d2c866030e66ed22b204c9506de640943310b1c"
+ integrity sha512-AHAJ89UQBcqBvFgQJE9XasGuwMNkKsGj4D/f9Uk60jFmEBHpAL14DrnSk3Rj+SwZTr/WUG+mh+Rvf8fid/346w==
dependencies:
- postcss-selector-parser "^6.0.9"
+ postcss-selector-parser "^6.0.10"
postcss-font-variant@^5.0.0:
version "5.0.0"
resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz#efd59b4b7ea8bb06127f2d031bfbb7f24d32fa66"
integrity sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==
-postcss-gap-properties@^3.0.5:
- version "3.0.5"
- resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz#f7e3cddcf73ee19e94ccf7cb77773f9560aa2fff"
- integrity sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==
+postcss-gap-properties@^4.0.1:
+ version "4.0.1"
+ resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-4.0.1.tgz#0347d6a84a46bfbe88bedc542cc4b354e04a8338"
+ integrity sha512-V5OuQGw4lBumPlwHWk/PRfMKjaq/LTGR4WDTemIMCaMevArVfCCA9wBJiL1VjDAd+rzuCIlkRoRvDsSiAaZ4Fg==
postcss-header@^3.0.2:
version "3.0.3"
resolved "https://registry.yarnpkg.com/postcss-header/-/postcss-header-3.0.3.tgz#b25e54c86b3f58346e6ae1d7b852ae90be7c3dae"
integrity sha512-bmm/qVdphnJcHHLyL2efiPUaLRR6y0iMRYKWl06cfdvNEoXlPUBENL1vqBBn2uTnxYTYvWoec7o+bYnPRJAmMA==
-postcss-image-set-function@^4.0.7:
- version "4.0.7"
- resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-4.0.7.tgz#08353bd756f1cbfb3b6e93182c7829879114481f"
- integrity sha512-9T2r9rsvYzm5ndsBE8WgtrMlIT7VbtTfE7b3BQnudUqnBcBo7L758oc+o+pdj/dUV0l5wjwSdjeOH2DZtfv8qw==
+postcss-image-set-function@^5.0.2:
+ version "5.0.2"
+ resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-5.0.2.tgz#088e0f535f43e74d6ea8033ff7b0482e2735ea6e"
+ integrity sha512-Sszjwo0ubETX0Fi5MvpYzsONwrsjeabjMoc5YqHvURFItXgIu3HdCjcVuVKGMPGzKRhgaknmdM5uVWInWPJmeg==
dependencies:
postcss-value-parser "^4.2.0"
postcss-import@^15.0.0:
- version "15.0.1"
- resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.0.1.tgz#5887da24440ef259324d65e08343437a43ff92b1"
- integrity sha512-UGlvk8EgT7Gm/Ndf9xZHnzr8xm8P54N8CBWLtcY5alP+YxlEge/Rv78etQyevZs3qWTE9If13+Bo6zATBrPOpA==
+ version "15.1.0"
+ resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
+ integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
dependencies:
postcss-value-parser "^4.0.0"
read-cache "^1.0.0"
@@ -3992,46 +4125,45 @@ postcss-initial@^4.0.1:
resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-4.0.1.tgz#529f735f72c5724a0fb30527df6fb7ac54d7de42"
integrity sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==
-postcss-lab-function@^4.2.1:
- version "4.2.1"
- resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-4.2.1.tgz#6fe4c015102ff7cd27d1bd5385582f67ebdbdc98"
- integrity sha512-xuXll4isR03CrQsmxyz92LJB2xX9n+pZJ5jE9JgcnmsCammLyKdlzrBin+25dy6wIjfhJpKBAN80gsTlCgRk2w==
+postcss-lab-function@^5.2.0:
+ version "5.2.0"
+ resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-5.2.0.tgz#7504de96d5bd21177af241fe7601b5151f2df1a4"
+ integrity sha512-ie/k0xFCib22LV56jZoygLuWfM4J4migb89QnEXOjORGh6UwsDVSPW/x+P2MYS+AKFfZ5Npcu5HYEzYcezAAag==
dependencies:
- "@csstools/postcss-progressive-custom-properties" "^1.1.0"
- postcss-value-parser "^4.2.0"
-
-postcss-logical@^5.0.4:
- version "5.0.4"
- resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-5.0.4.tgz#ec75b1ee54421acc04d5921576b7d8db6b0e6f73"
- integrity sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==
+ "@csstools/css-color-parser" "^1.0.0"
+ "@csstools/css-parser-algorithms" "^2.0.1"
+ "@csstools/css-tokenizer" "^2.1.0"
+ "@csstools/postcss-progressive-custom-properties" "^2.0.0"
-postcss-media-minmax@^5.0.0:
- version "5.0.0"
- resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz#7140bddec173e2d6d657edbd8554a55794e2a5b5"
- integrity sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==
+postcss-logical@^6.1.0:
+ version "6.1.0"
+ resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-6.1.0.tgz#c33ae75d3edaea7eb821e76dc4e6d0ecedc3200d"
+ integrity sha512-qb1+LpClhYjxac8SfOcWotnY3unKZesDqIOm+jnGt8rTl7xaIWpE2bPGZHxflOip1E/4ETo79qlJyRL3yrHn1g==
+ dependencies:
+ postcss-value-parser "^4.2.0"
postcss-media-query-parser@^0.2.3:
version "0.2.3"
resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244"
integrity sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==
-postcss-nesting@^10.2.0:
- version "10.2.0"
- resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-10.2.0.tgz#0b12ce0db8edfd2d8ae0aaf86427370b898890be"
- integrity sha512-EwMkYchxiDiKUhlJGzWsD9b2zvq/r2SSubcRrgP+jujMXFzqvANLt16lJANC+5uZ6hjI7lpRmI6O8JIl+8l1KA==
+postcss-nesting@^11.2.1:
+ version "11.2.2"
+ resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-11.2.2.tgz#ddedfea5a1fdcd8d753298d82297ad15d5640c0f"
+ integrity sha512-aOTiUniAB1bcPE6GGiynWRa6PZFPhOTAm5q3q5cem6QeSijIHHkWr6gs65ukCZMXeak8yXeZVbBJET3VM+HlhA==
dependencies:
"@csstools/selector-specificity" "^2.0.0"
postcss-selector-parser "^6.0.10"
-postcss-opacity-percentage@^1.1.2:
- version "1.1.2"
- resolved "https://registry.yarnpkg.com/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.2.tgz#bd698bb3670a0a27f6d657cc16744b3ebf3b1145"
- integrity sha512-lyUfF7miG+yewZ8EAk9XUBIlrHyUE6fijnesuz+Mj5zrIHIEw6KcIZSOk/elVMqzLvREmXB83Zi/5QpNRYd47w==
+postcss-opacity-percentage@^2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/postcss-opacity-percentage/-/postcss-opacity-percentage-2.0.0.tgz#c0a56060cd4586e3f954dbde1efffc2deed53002"
+ integrity sha512-lyDrCOtntq5Y1JZpBFzIWm2wG9kbEdujpNt4NLannF+J9c8CgFIzPa80YQfdza+Y+yFfzbYj/rfoOsYsooUWTQ==
-postcss-overflow-shorthand@^3.0.4:
- version "3.0.4"
- resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-3.0.4.tgz#7ed6486fec44b76f0eab15aa4866cda5d55d893e"
- integrity sha512-otYl/ylHK8Y9bcBnPLo3foYFLL6a6Ak+3EQBPOTR7luMYCOsiVTUk1iLvNf6tVPNGXcoL9Hoz37kpfriRIFb4A==
+postcss-overflow-shorthand@^4.0.1:
+ version "4.0.1"
+ resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-4.0.1.tgz#cb61ca24d8c4e1dbf14d85181b017cfa6953aa34"
+ integrity sha512-HQZ0qi/9iSYHW4w3ogNqVNr2J49DHJAl7r8O2p0Meip38jsdnRPgiDW7r/LlLrrMBMe3KHkvNtAV2UmRVxzLIg==
dependencies:
postcss-value-parser "^4.2.0"
@@ -4040,72 +4172,78 @@ postcss-page-break@^3.0.4:
resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-3.0.4.tgz#7fbf741c233621622b68d435babfb70dd8c1ee5f"
integrity sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==
-postcss-place@^7.0.5:
- version "7.0.5"
- resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-7.0.5.tgz#95dbf85fd9656a3a6e60e832b5809914236986c4"
- integrity sha512-wR8igaZROA6Z4pv0d+bvVrvGY4GVHihBCBQieXFY3kuSuMyOmEnnfFzHl/tQuqHZkfkIVBEbDvYcFfHmpSet9g==
+postcss-place@^8.0.1:
+ version "8.0.1"
+ resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-8.0.1.tgz#408d7a27e99192df51c95fe62a3a34def62aa66a"
+ integrity sha512-Ow2LedN8sL4pq8ubukO77phSVt4QyCm35ZGCYXKvRFayAwcpgB0sjNJglDoTuRdUL32q/ZC1VkPBo0AOEr4Uiw==
dependencies:
postcss-value-parser "^4.2.0"
-postcss-preset-env@^7.8.1:
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-7.8.3.tgz#2a50f5e612c3149cc7af75634e202a5b2ad4f1e2"
- integrity sha512-T1LgRm5uEVFSEF83vHZJV2z19lHg4yJuZ6gXZZkqVsqv63nlr6zabMH3l4Pc01FQCyfWVrh2GaUeCVy9Po+Aag==
- dependencies:
- "@csstools/postcss-cascade-layers" "^1.1.1"
- "@csstools/postcss-color-function" "^1.1.1"
- "@csstools/postcss-font-format-keywords" "^1.0.1"
- "@csstools/postcss-hwb-function" "^1.0.2"
- "@csstools/postcss-ic-unit" "^1.0.1"
- "@csstools/postcss-is-pseudo-class" "^2.0.7"
- "@csstools/postcss-nested-calc" "^1.0.0"
- "@csstools/postcss-normalize-display-values" "^1.0.1"
- "@csstools/postcss-oklab-function" "^1.1.1"
- "@csstools/postcss-progressive-custom-properties" "^1.3.0"
- "@csstools/postcss-stepped-value-functions" "^1.0.1"
- "@csstools/postcss-text-decoration-shorthand" "^1.0.0"
- "@csstools/postcss-trigonometric-functions" "^1.0.2"
- "@csstools/postcss-unset-value" "^1.0.2"
- autoprefixer "^10.4.13"
- browserslist "^4.21.4"
- css-blank-pseudo "^3.0.3"
- css-has-pseudo "^3.0.4"
- css-prefers-color-scheme "^6.0.3"
- cssdb "^7.1.0"
- postcss-attribute-case-insensitive "^5.0.2"
+postcss-preset-env@^8.3.0:
+ version "8.3.0"
+ resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-8.3.0.tgz#a310f9029a62b5189cf1e6afd1970ccbf8c96fdc"
+ integrity sha512-VFc/bhwRo37RoTVzCTCKDJLw0lwsqLRCTc7dkJkfs9S7XXfTbk7QkhbMWHd2L+iZsAsE5yqdSRBZ41/Q828TbA==
+ dependencies:
+ "@csstools/postcss-cascade-layers" "^3.0.1"
+ "@csstools/postcss-color-function" "^2.1.0"
+ "@csstools/postcss-color-mix-function" "^1.0.0"
+ "@csstools/postcss-font-format-keywords" "^2.0.2"
+ "@csstools/postcss-gradients-interpolation-method" "^3.0.1"
+ "@csstools/postcss-hwb-function" "^2.2.0"
+ "@csstools/postcss-ic-unit" "^2.0.2"
+ "@csstools/postcss-is-pseudo-class" "^3.1.1"
+ "@csstools/postcss-logical-float-and-clear" "^1.0.1"
+ "@csstools/postcss-logical-resize" "^1.0.1"
+ "@csstools/postcss-logical-viewport-units" "^1.0.2"
+ "@csstools/postcss-media-minmax" "^1.0.0"
+ "@csstools/postcss-media-queries-aspect-ratio-number-values" "^1.0.1"
+ "@csstools/postcss-nested-calc" "^2.0.2"
+ "@csstools/postcss-normalize-display-values" "^2.0.1"
+ "@csstools/postcss-oklab-function" "^2.2.0"
+ "@csstools/postcss-progressive-custom-properties" "^2.1.0"
+ "@csstools/postcss-scope-pseudo-class" "^2.0.2"
+ "@csstools/postcss-stepped-value-functions" "^2.1.0"
+ "@csstools/postcss-text-decoration-shorthand" "^2.2.1"
+ "@csstools/postcss-trigonometric-functions" "^2.1.0"
+ "@csstools/postcss-unset-value" "^2.0.1"
+ autoprefixer "^10.4.14"
+ browserslist "^4.21.5"
+ css-blank-pseudo "^5.0.2"
+ css-has-pseudo "^5.0.2"
+ css-prefers-color-scheme "^8.0.2"
+ cssdb "^7.5.3"
+ postcss-attribute-case-insensitive "^6.0.2"
postcss-clamp "^4.1.0"
- postcss-color-functional-notation "^4.2.4"
- postcss-color-hex-alpha "^8.0.4"
- postcss-color-rebeccapurple "^7.1.1"
- postcss-custom-media "^8.0.2"
- postcss-custom-properties "^12.1.10"
- postcss-custom-selectors "^6.0.3"
- postcss-dir-pseudo-class "^6.0.5"
- postcss-double-position-gradients "^3.1.2"
- postcss-env-function "^4.0.6"
- postcss-focus-visible "^6.0.4"
- postcss-focus-within "^5.0.4"
+ postcss-color-functional-notation "^5.0.2"
+ postcss-color-hex-alpha "^9.0.2"
+ postcss-color-rebeccapurple "^8.0.2"
+ postcss-custom-media "^9.1.2"
+ postcss-custom-properties "^13.1.4"
+ postcss-custom-selectors "^7.1.2"
+ postcss-dir-pseudo-class "^7.0.2"
+ postcss-double-position-gradients "^4.0.2"
+ postcss-focus-visible "^8.0.2"
+ postcss-focus-within "^7.0.2"
postcss-font-variant "^5.0.0"
- postcss-gap-properties "^3.0.5"
- postcss-image-set-function "^4.0.7"
+ postcss-gap-properties "^4.0.1"
+ postcss-image-set-function "^5.0.2"
postcss-initial "^4.0.1"
- postcss-lab-function "^4.2.1"
- postcss-logical "^5.0.4"
- postcss-media-minmax "^5.0.0"
- postcss-nesting "^10.2.0"
- postcss-opacity-percentage "^1.1.2"
- postcss-overflow-shorthand "^3.0.4"
+ postcss-lab-function "^5.2.0"
+ postcss-logical "^6.1.0"
+ postcss-nesting "^11.2.1"
+ postcss-opacity-percentage "^2.0.0"
+ postcss-overflow-shorthand "^4.0.1"
postcss-page-break "^3.0.4"
- postcss-place "^7.0.5"
- postcss-pseudo-class-any-link "^7.1.6"
+ postcss-place "^8.0.1"
+ postcss-pseudo-class-any-link "^8.0.2"
postcss-replace-overflow-wrap "^4.0.0"
- postcss-selector-not "^6.0.1"
+ postcss-selector-not "^7.0.1"
postcss-value-parser "^4.2.0"
-postcss-pseudo-class-any-link@^7.1.6:
- version "7.1.6"
- resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.6.tgz#2693b221902da772c278def85a4d9a64b6e617ab"
- integrity sha512-9sCtZkO6f/5ML9WcTLcIyV1yz9D1rf0tWc+ulKcvV30s0iZKS/ONyETvoWsr6vnrmW+X+KmuK3gV/w5EWnT37w==
+postcss-pseudo-class-any-link@^8.0.2:
+ version "8.0.2"
+ resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-8.0.2.tgz#f5738503f2045de0c4dc216eca99bd835f74e42e"
+ integrity sha512-FYTIuRE07jZ2CW8POvctRgArQJ43yxhr5vLmImdKUvjFCkR09kh8pIdlCwdx/jbFm7MiW4QP58L4oOUv3grQYA==
dependencies:
postcss-selector-parser "^6.0.10"
@@ -4129,14 +4267,14 @@ postcss-safe-parser@^6.0.0:
resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz#bb4c29894171a94bc5c996b9a30317ef402adaa1"
integrity sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==
-postcss-selector-not@^6.0.1:
- version "6.0.1"
- resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-6.0.1.tgz#8f0a709bf7d4b45222793fc34409be407537556d"
- integrity sha512-1i9affjAe9xu/y9uqWH+tD4r6/hDaXJruk8xn2x1vzxC2U3J3LKO3zJW4CyxlNhA56pADJ/djpEwpH1RClI2rQ==
+postcss-selector-not@^7.0.1:
+ version "7.0.1"
+ resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-7.0.1.tgz#8142e90c8eb6c8c5faecb3e9d96d4353d02e94fb"
+ integrity sha512-1zT5C27b/zeJhchN7fP0kBr16Cc61mu7Si9uWWLoA3Px/D9tIJPKchJCkUH3tPO5D0pCFmGeApAv8XpXBQJ8SQ==
dependencies:
postcss-selector-parser "^6.0.10"
-postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.9:
+postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.4:
version "6.0.11"
resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
@@ -4164,16 +4302,7 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
-postcss@^8.4.16:
- version "8.4.19"
- resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.19.tgz#61178e2add236b17351897c8bcc0b4c8ecab56fc"
- integrity sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==
- dependencies:
- nanoid "^3.3.4"
- picocolors "^1.0.0"
- source-map-js "^1.0.2"
-
-postcss@^8.4.21:
+postcss@^8.4.16, postcss@^8.4.21:
version "8.4.21"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
@@ -4360,7 +4489,16 @@ resolve-global@^1.0.0:
dependencies:
global-dirs "^0.1.1"
-resolve@^1.1.7, resolve@^1.10.0, resolve@^1.20.0:
+resolve@^1.1.7:
+ version "1.22.2"
+ resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
+ integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
+ dependencies:
+ is-core-module "^2.11.0"
+ path-parse "^1.0.7"
+ supports-preserve-symlinks-flag "^1.0.0"
+
+resolve@^1.10.0, resolve@^1.20.0:
version "1.22.1"
resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
@@ -4983,7 +5121,7 @@ universalify@^2.0.0:
resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
-update-browserslist-db@^1.0.9:
+update-browserslist-db@^1.0.10, update-browserslist-db@^1.0.9:
version "1.0.10"
resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3"
integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==