.
*/
+ }
+
+[dir="ltr"] .block-search-wide__wrapper .search-form__submit .icon--search {
+ right: 0;
+}
+
+[dir="rtl"] .block-search-wide__wrapper .search-form__submit .icon--search {
+ left: 0;
}
.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;
+ top: 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
+ }
+
+[dir="ltr"] .block-search-wide__wrapper .search-form__submit .icon--search::after {
+ left: 0;
}
-.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);
+[dir="rtl"] .block-search-wide__wrapper .search-form__submit .icon--search::after {
+ right: 0;
}
+.block-search-wide__wrapper .search-form__submit .icon--search::after {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 0;
+ content: "";
+ transition: transform 0.2s;
+ transform: scaleX(0);
+ transform-origin: left;
+ border-top: 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 span::after {
- content: none;
- }
-}
+.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;
+ }
+ }
@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;
+
+.block-search-wide__wrapper .search-form__submit {
+ /* Edge's high contrast does show the background image, so we hide it. */
}
+ .block-search-wide__wrapper .search-form__submit .icon--search {
+ display: none;
+ }
+ }
+
+[dir="ltr"] .block-search-wide__container {
+ padding-right: var(--sp2);
+}
+
+[dir="rtl"] .block-search-wide__container {
+ padding-left: var(--sp2);
}
.block-search-wide__container {
max-width: var(--max-width);
- padding-inline-end: var(--sp2);
}
.block-search-wide__grid {
+ display: -ms-grid;
display: grid;
+ -ms-grid-columns: (1fr)[var(--grid-col-count)];
grid-template-columns: repeat(var(--grid-col-count), 1fr);
grid-column-gap: var(--grid-gap);
}
@@ -169,12 +301,13 @@
/* 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: -ms-grid;
+ display: grid;
+ }
.block-search-wide__button {
position: relative;
@@ -185,72 +318,84 @@
color: var(--color-text-neutral-loud); /* Affects SVG search icon. */
border: 0;
background: transparent;
- -webkit-appearance: none;
+ -webkit-appearance: none
}
.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-top: 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;
+ }
+
+[dir="ltr"] .block-search-wide__button svg {
+ margin-left: auto;
+}
+
+[dir="rtl"] .block-search-wide__button svg {
+ margin-right: auto;
}
-.block-search-wide__button svg {
- margin-inline-start: auto;
- margin-inline-end: auto;
+[dir="ltr"] .block-search-wide__button svg {
+ margin-right: auto;
+}
+
+[dir="rtl"] .block-search-wide__button svg {
+ margin-left: auto;
}
@media (forced-colors: active) {
- .block-search-wide__button {
- background: ButtonFace;
- }
- .block-search-wide__button path {
- fill: ButtonText;
- }
+.block-search-wide__button {
+ background: ButtonFace
}
+ .block-search-wide__button path {
+ fill: ButtonText;
+ }
+ }
+
/* Provide rudimentary access to site search if JS is disabled. */
html:not(.js) .search-block-form:focus-within .block-search-wide__wrapper {
@@ -265,24 +410,25 @@ html:not(.js) .search-block-form:focus-within .block-search-wide__wrapper {
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.625rem;
+ background-size: 0% 0.625rem
}
[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/css/components/header-site-branding.css b/css/components/header-site-branding.css
index b6338bc..631f01b 100644
--- a/css/components/header-site-branding.css
+++ b/css/components/header-site-branding.css
@@ -10,46 +10,95 @@
* Site branding in header.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
+[dir="ltr"] .site-branding {
+ margin-left: calc(var(--container-padding)*-1);
+ margin-right: var(--sp)
+}
+
+[dir="rtl"] .site-branding {
+ margin-right: calc(var(--container-padding)*-1);
+ margin-left: var(--sp)
+}
+
+[dir="ltr"] .site-branding {
+ padding-left: var(--container-padding)
+}
+
+[dir="rtl"] .site-branding {
+ padding-right: var(--container-padding)
+}
+
+[dir="ltr"] .site-branding {
+ padding-right: var(--container-padding)
+}
+
+[dir="rtl"] .site-branding {
+ padding-left: var(--container-padding)
+}
+
.site-branding {
display: flex;
flex-shrink: 1;
align-items: flex-end;
- min-width: calc((2 * var(--grid-col-width)) + (2 * var(--grid-gap)) + var(--container-padding)); /* Span minimum of 2 column widths. */
- min-height: var(--sp3);
- margin-inline: calc(-1 * var(--container-padding)) var(--sp); /* Negative margin to break out of .container element. */
- padding-block: 0 var(--sp0-5);
- padding-inline-start: var(--container-padding);
- padding-inline-end: var(--container-padding);
- background-image: linear-gradient(160deg, var(--color--primary-50) 0%, var(--color--primary-40) 78.66%);
+ min-width: calc(var(--grid-col-width)*2 + var(--grid-gap)*2 + var(--container-padding)); /* Span minimum of 2 column widths. */
+ min-height: var(--sp3); /* Negative margin to break out of .container element. */
+ padding-top: 0;
+ padding-bottom: var(--sp0-5);
+ background-image: linear-gradient(160deg, var(--color--primary-50) 0%, var(--color--primary-40) 78.66%)
}
@media (min-width: 31.25rem) {
- .site-branding {
- min-height: var(--sp4);
- }
+
+.site-branding {
+ min-height: var(--sp4)
}
+ }
@media (min-width: 43.75rem) {
- .site-branding {
- min-width: calc((4 * var(--grid-col-width)) + (4 * var(--grid-gap)) + var(--container-padding)); /* Span minimum of 4 column widths. */
+
+.site-branding {
+ min-width: calc(var(--grid-col-width)*4 + var(--grid-gap)*4 + var(--container-padding)); /* Span minimum of 4 column widths. */
min-height: var(--sp6);
- padding-block-end: var(--sp);
- }
+ padding-bottom: var(--sp)
}
+ }
@media (min-width: 62.5rem) {
- .site-branding {
- min-width: calc((2 * var(--grid-col-width)) + (2 * var(--grid-gap)) + var(--container-padding)); /* Span minimum of 2 column widths. */
- }
+
+.site-branding {
+ min-width: calc(var(--grid-col-width)*2 + var(--grid-gap)*2 + var(--container-padding)) /* Span minimum of 2 column widths. */
}
+ }
@media (min-width: 75rem) {
- .site-branding {
- min-height: var(--site-header-height-wide);
- margin-inline-start: calc(-1 * var(--container-padding));
- padding-block: 0;
+
+[dir="ltr"] .site-branding {
+ margin-left: calc(var(--container-padding)*-1)
}
+
+[dir="rtl"] .site-branding {
+ margin-right: calc(var(--container-padding)*-1)
+ }
+
+.site-branding {
+ min-height: var(--site-header-height-wide);
+ padding-top: 0;
+ padding-bottom: 0
}
+ }
[dir="rtl"] .site-branding {
background-image: linear-gradient(-160deg, var(--color--primary-50) 0%, var(--color--primary-40) 78.66%);
@@ -65,82 +114,106 @@
.site-branding__inner {
display: flex;
- align-items: center;
+ align-items: center
}
.site-branding__inner a {
- -webkit-text-decoration: none;
- text-decoration: none;
-}
+ text-decoration: none;
+ }
@media (min-width: 75rem) {
- .site-branding__inner {
- height: var(--header-height-wide-when-fixed);
- padding-block: var(--sp0-5);
- padding-inline-start: 0;
- padding-inline-end: 0;
+
+[dir="ltr"] .site-branding__inner {
+ padding-left: 0
+ }
+
+[dir="rtl"] .site-branding__inner {
+ padding-right: 0
+ }
+
+[dir="ltr"] .site-branding__inner {
+ padding-right: 0
+ }
+
+[dir="rtl"] .site-branding__inner {
+ padding-left: 0
}
+
+.site-branding__inner {
+ height: var(--header-height-wide-when-fixed);
+ padding-top: var(--sp0-5);
+ padding-bottom: var(--sp0-5)
}
+ }
.site-branding__logo {
flex-shrink: 0;
- max-width: 100%;
+ max-width: 100%
}
.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);
font-size: 1.125rem;
- font-weight: bold;
+ font-weight: bold
}
.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;
- }
+ 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);
- }
+ line-height: var(--sp2)
}
+ }
.site-branding--bg-gray .site-branding__text,
.site-branding--bg-white .site-branding__text {
color: var(--color--primary-50);
}
-.site-branding__logo + .site-branding__text {
- margin-inline-start: 0.75rem;
+[dir="ltr"] .site-branding__logo + .site-branding__text {
+ margin-left: 0.75rem
+}
+
+[dir="rtl"] .site-branding__logo + .site-branding__text {
+ margin-right: 0.75rem
}
diff --git a/css/components/header-sticky-toggle.css b/css/components/header-sticky-toggle.css
index f28f3ca..9b578c3 100644
--- a/css/components/header-sticky-toggle.css
+++ b/css/components/header-sticky-toggle.css
@@ -13,12 +13,26 @@
* toggles fixing the header to the top of the viewport.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.sticky-header-toggle {
- display: none;
+ display: none
}
@media (min-width: 75rem) {
- .sticky-header-toggle {
+
+.sticky-header-toggle {
display: flex;
flex-shrink: 0;
align-items: center;
@@ -29,29 +43,31 @@
opacity: 0;
border: 0;
outline: 0;
- background-color: var(--color--primary-50);
- }
+ 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 {
- visibility: visible;
- }
+
+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 {
- visibility: hidden;
- }
+
+body.is-always-mobile-nav .sticky-header-toggle {
+ visibility: hidden
}
+ }
.sticky-header-toggle__icon {
--icon-bar-height: 0.1875rem;
@@ -61,21 +77,21 @@
flex-direction: column;
justify-content: space-between;
width: var(--sp2);
- height: calc((var(--icon-bar-height) * 3) + (var(--icon-bar-space) * 2));
+ height: calc(var(--icon-bar-height)*3 + var(--icon-bar-space)*2);
/* Height = 3 bars + 2 spaces */
transition: opacity 0.2s;
pointer-events: none;
- transform-style: preserve-3d;
+ transform-style: preserve-3d
}
.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;
@@ -84,13 +100,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/css/components/hero.css b/css/components/hero.css
index 060075a..28954c9 100644
--- a/css/components/hero.css
+++ b/css/components/hero.css
@@ -10,50 +10,79 @@
* Main Hero.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.hero__content {
- grid-column: 1 / 7;
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 6;
+ grid-column: 1 / 7
}
@media (min-width: 43.75rem) {
- .hero__content {
- /* 700px */
- grid-column: 3 / 13;
- }
+
+.hero__content { /* 700px */
+ -ms-grid-column: 3;
+ -ms-grid-column-span: 10;
+ grid-column: 3 / 13
}
+ }
@media (min-width: 62.5rem) {
- .hero__content {
- grid-column: 3 / 11;
- }
+
+.hero__content {
+ -ms-grid-column: 3;
+ -ms-grid-column-span: 8;
+ grid-column: 3 / 11
}
+ }
.hero__img {
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 6;
grid-column: 1 / 7;
- margin-block-start: var(--sp2);
- margin-block-end: var(--sp2);
+ margin-top: var(--sp2);
+ margin-bottom: var(--sp2)
}
.hero__img img {
- width: 100%;
-}
+ width: 100%;
+ }
@media (min-width: 31.25rem) {
- .hero__img {
- margin-block-start: var(--sp3);
- margin-block-end: var(--sp3);
- }
+
+.hero__img {
+ margin-top: var(--sp3);
+ margin-bottom: var(--sp3)
}
+ }
@media (min-width: 43.75rem) {
- .hero__img {
+
+.hero__img {
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 14;
grid-column: 1 / 15;
- margin-block-start: var(--sp4);
- margin-block-end: var(--sp4);
- }
+ margin-top: var(--sp4);
+ margin-bottom: var(--sp4)
}
+ }
@media (min-width: 62.5rem) {
- .hero__img {
- grid-column: 2 / 14;
- }
+
+.hero__img {
+ -ms-grid-column: 2;
+ -ms-grid-column-span: 12;
+ grid-column: 2 / 14
}
+ }
diff --git a/css/components/links.css b/css/components/links.css
index 8795873..bba0f3b 100644
--- a/css/components/links.css
+++ b/css/components/links.css
@@ -10,24 +10,68 @@
* Links component.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
+[dir="ltr"] .links.inline {
+ margin-left: 0
+}
+
+[dir="rtl"] .links.inline {
+ margin-right: 0
+}
+
+[dir="ltr"] .links.inline {
+ padding-left: 0
+}
+
+[dir="rtl"] .links.inline {
+ padding-right: 0
+}
+
+[dir="ltr"] .links.inline {
+ padding-right: 0
+}
+
+[dir="rtl"] .links.inline {
+ padding-left: 0
+}
+
.links.inline {
- margin-inline-start: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
+ padding-top: 0;
+ padding-bottom: 0;
+ list-style: none
}
.links.inline > * {
- display: inline;
+ display: inline
+ }
+
+[dir="ltr"] .links.inline > *:not(:last-child) {
+ padding-right: 1em
}
-.links.inline > *:not(:last-child) {
- padding-inline-end: 1em;
+[dir="rtl"] .links.inline > *:not(:last-child) {
+ padding-left: 1em
}
@media (min-width: 43.75rem) {
- .node--type-book .links.inline {
- text-align: end;
+
+[dir="ltr"] .node--type-book .links.inline {
+ text-align: right
+ }
+
+[dir="rtl"] .node--type-book .links.inline {
+ text-align: left
+ }
}
-}
diff --git a/css/components/maintenance-page.css b/css/components/maintenance-page.css
index f3fd81c..80c24e3 100644
--- a/css/components/maintenance-page.css
+++ b/css/components/maintenance-page.css
@@ -10,22 +10,37 @@
* Maintenance page.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
@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;
- margin-block: var(--sp3);
+ margin-top: var(--sp3);
+ margin-bottom: var(--sp3)
}
.maintenance-page-icon path {
- fill: var(--color--primary-50);
-}
+ fill: var(--color--primary-50);
+ }
diff --git a/css/components/messages.css b/css/components/messages.css
index 6b31af7..f382ee3 100644
--- a/css/components/messages.css
+++ b/css/components/messages.css
@@ -10,125 +10,232 @@
* Messages.
*/
-:root {
- --messages-icon-size: 2rem;
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
+[dir="ltr"] .messages-list {
+ padding-left: 0;
+}
+
+[dir="rtl"] .messages-list {
+ padding-right: 0;
+}
+
+[dir="ltr"] .messages-list {
+ padding-right: 0;
+}
+
+[dir="rtl"] .messages-list {
+ padding-left: 0;
}
.messages-list {
- margin-block: var(--sp1);
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
+ margin-top: var(--sp1);
+ margin-bottom: var(--sp1);
+ padding-top: 0;
+ padding-bottom: 0;
list-style: none;
}
+[dir="ltr"] .messages {
+ padding-left: var(--sp1-5);
+}
+
+[dir="rtl"] .messages {
+ padding-right: var(--sp1-5);
+}
+
+[dir="ltr"] .messages {
+ padding-right: var(--sp1-5);
+}
+
+[dir="rtl"] .messages {
+ padding-left: var(--sp1-5);
+}
+
.messages {
- min-height: calc(var(--messages-icon-size) + 2 * var(--sp1));
- padding-block: var(--sp1);
- padding-inline-start: var(--sp1-5);
- padding-inline-end: var(--sp1-5);
+ min-height: calc(2rem + var(--sp1)*2);
+ padding-top: var(--sp1);
+ padding-bottom: var(--sp1);
color: var(--color--white);
outline: solid 1px transparent;
- background-color: var(--color--gray-5);
+ background-color: var(--color--gray-5)
}
.messages * {
- color: inherit;
-}
+ color: inherit;
+ }
-/* Additional specificity to override contrib modules. */
+.messages {
+
+ /* Additional specificity to override contrib modules. */
+}
.messages.messages-list__item {
- background-image: none;
+ background-image: none;
+ }
+
+[dir="ltr"] .messages__list {
+ margin-left: 0;
+}
+
+[dir="rtl"] .messages__list {
+ margin-right: 0;
+}
+
+[dir="ltr"] .messages__list {
+ margin-right: 0;
+}
+
+[dir="rtl"] .messages__list {
+ margin-left: 0;
+}
+
+[dir="ltr"] .messages__list {
+ padding-left: 0;
+}
+
+[dir="rtl"] .messages__list {
+ padding-right: 0;
+}
+
+[dir="ltr"] .messages__list {
+ padding-right: 0;
+}
+
+[dir="rtl"] .messages__list {
+ padding-left: 0;
}
.messages__list {
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-top: 0;
+ padding-bottom: 0;
list-style: none;
}
.messages:not(.hidden) ~ .messages {
- margin-block-start: var(--sp1);
+ margin-top: var(--sp1);
}
.messages__item + .messages__item {
- margin-block-start: var(--sp0-5);
+ margin-top: var(--sp0-5);
}
.messages__container {
display: flex;
}
+[dir="ltr"] .messages__header {
+ margin-right: var(--sp1);
+}
+
+[dir="rtl"] .messages__header {
+ margin-left: var(--sp1);
+}
+
.messages__header {
- flex-shrink: 0;
- margin-inline-end: var(--sp1);
+ flex-shrink: 0
+}
+
+[dir="ltr"] .messages__header.no-icon {
+ margin-right: 0;
}
-.messages__header.no-icon {
- margin-inline-end: 0;
+[dir="rtl"] .messages__header.no-icon {
+ margin-left: 0;
}
.messages__content {
overflow: auto; /* Ensure large code blocks can be scrolled to. */
flex: 1;
- padding-block-start: 0.1875rem;
+ padding-top: 0.1875rem;
+}
+
+[dir="ltr"] .messages__button {
+ margin-left: var(--sp1);
+}
+
+[dir="rtl"] .messages__button {
+ margin-right: var(--sp1);
}
.messages__button {
flex-shrink: 0;
- margin-inline-start: var(--sp1);
- padding-block-start: 0.1875rem;
+ padding-top: 0.1875rem;
+}
+
+[dir="ltr"] .messages__close {
+ padding-left: 0;
+}
+
+[dir="rtl"] .messages__close {
+ padding-right: 0;
+}
+
+[dir="ltr"] .messages__close {
+ padding-right: 0;
+}
+
+[dir="rtl"] .messages__close {
+ padding-left: 0;
}
.messages__close {
position: relative;
width: 1.5625rem;
height: 1.5625rem;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
+ padding-top: 0;
+ padding-bottom: 0;
cursor: pointer;
vertical-align: top;
border: 0;
background: none;
-webkit-appearance: none;
- appearance: none;
+ -moz-appearance: none;
+ appearance: none
}
.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;
@@ -158,7 +265,14 @@
margin: 0;
}
+[dir="ltr"] .js-form-managed-file .messages {
+ border-left: solid 6px var(--color--red);
+}
+
+[dir="rtl"] .js-form-managed-file .messages {
+ border-right: solid 6px var(--color--red);
+}
+
.js-form-managed-file .messages {
- margin-block-end: var(--sp1);
- border-inline-start: solid 0.375rem var(--color--red);
+ margin-bottom: var(--sp1);
}
diff --git a/css/components/navigation/menu-sidebar.css b/css/components/navigation/menu-sidebar.css
index b776580..6b78d77 100644
--- a/css/components/navigation/menu-sidebar.css
+++ b/css/components/navigation/menu-sidebar.css
@@ -10,53 +10,90 @@
* Styles for menu placed in sidebar region.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.menu--sidebar {
- list-style: none;
+ list-style: none
}
.menu--sidebar .menu {
- list-style: none;
-}
+ list-style: none;
+ }
.menu--sidebar .menu--level-1 {
- margin: 0;
+ margin: 0;
+ }
+
+[dir="ltr"] .menu--sidebar .menu__link {
+ padding-left: 0
+}
+
+[dir="rtl"] .menu--sidebar .menu__link {
+ padding-right: 0
+}
+
+[dir="ltr"] .menu--sidebar .menu__link {
+ padding-right: 0
+}
+
+[dir="rtl"] .menu--sidebar .menu__link {
+ padding-left: 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;
+ position: relative;
+ display: block;
+ padding-top: var(--sp0-75);
+ padding-bottom: var(--sp0-75);
+ font-family: var(--font-serif);
+ font-size: 1.125rem
- /* Bottom divider line. */
+ /* Bottom divider line. */
+ }
+
+[dir="ltr"] .menu--sidebar .menu__link::after {
+ left: 0
}
-.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);
+[dir="rtl"] .menu--sidebar .menu__link::after {
+ right: 0
}
+.menu--sidebar .menu__link::after {
+ position: absolute;
+ bottom: 0;
+ width: var(--sp4);
+ height: 0;
+ content: "";
+ border-top: solid 2px var(--color--gray-95);
+ }
+
.menu--sidebar .menu__link--link {
- -webkit-text-decoration: none;
- text-decoration: none;
- color: var(--color-text-neutral-loud);
- font-weight: 600;
-}
+ 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. */
+.menu--sidebar {
-: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;
+ /* No bottom divider line for last menu item. */
}
+
+.menu--sidebar .menu__item--level-1:last-child > .menu__link:last-child::after, .menu--sidebar .menu__item--level-1:last-child > .menu__item--level-2:last-child > .menu__link:last-child::after {
+ content: none;
+ }
diff --git a/css/components/navigation/nav-button-mobile.css b/css/components/navigation/nav-button-mobile.css
index 4a79af4..a4cf0f0 100644
--- a/css/components/navigation/nav-button-mobile.css
+++ b/css/components/navigation/nav-button-mobile.css
@@ -10,41 +10,93 @@
* Nav Button Mobile.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
+[dir="ltr"] .mobile-nav-button {
+ margin-left: auto
+}
+
+[dir="rtl"] .mobile-nav-button {
+ margin-right: auto
+}
+
+[dir="ltr"] .mobile-nav-button {
+ margin-right: -0.375rem
+}
+
+[dir="rtl"] .mobile-nav-button {
+ margin-left: -0.375rem
+}
+
+[dir="ltr"] .mobile-nav-button {
+ padding-left: 0.375rem
+}
+
+[dir="rtl"] .mobile-nav-button {
+ padding-right: 0.375rem
+}
+
+[dir="ltr"] .mobile-nav-button {
+ padding-right: 0.375rem
+}
+
+[dir="rtl"] .mobile-nav-button {
+ padding-left: 0.375rem
+}
+
.mobile-nav-button {
position: relative;
z-index: 505; /* Appear above mobile nav. */
display: flex;
align-items: center;
+ -ms-grid-row-align: center;
align-self: center;
width: var(--sp2);
height: var(--sp2);
- margin-inline-start: auto;
- margin-inline-end: -0.375rem;
- padding-block: 0;
- padding-inline-start: 0.375rem;
- padding-inline-end: 0.375rem;
+ padding-top: 0;
+ padding-bottom: 0;
cursor: pointer;
border: none;
background: transparent;
-webkit-appearance: none;
- appearance: none;
+ -moz-appearance: none;
+ appearance: none
}
.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 {
- display: inline-flex;
- width: auto;
- padding-inline-start: var(--sp);
+
+[dir="ltr"] .mobile-nav-button {
+ padding-left: var(--sp)
}
+
+[dir="rtl"] .mobile-nav-button {
+ padding-right: var(--sp)
+ }
+
+.mobile-nav-button {
+ display: inline-flex;
+ width: auto
}
+ }
/* Text that says "menu". */
@@ -55,59 +107,76 @@
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
- word-wrap: normal;
+ word-wrap: normal
}
@media (min-width: 31.25rem) {
- .mobile-nav-button__label {
+
+[dir="ltr"] .mobile-nav-button__label {
+ margin-right: 0.75rem
+ }
+
+[dir="rtl"] .mobile-nav-button__label {
+ margin-left: 0.75rem
+ }
+
+.mobile-nav-button__label {
position: static;
overflow: visible;
clip: auto;
width: auto;
height: auto;
- margin-inline-end: 0.75rem;
letter-spacing: 0.05em;
font-size: 0.875rem;
- font-weight: 600;
- }
+ font-weight: 600
}
+ }
.mobile-nav-button__icon {
position: relative;
display: block;
width: var(--sp2);
height: 0;
- border-top: solid 3px var(--color--primary-50);
+ border-top: solid 3px var(--color--primary-50)
}
-.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);
+[dir="ltr"] .mobile-nav-button__icon::before,[dir="ltr"]
+ .mobile-nav-button__icon::after {
+ left: 0
}
-.mobile-nav-button__icon::before {
- transform: translateY(-0.6875rem);
+[dir="rtl"] .mobile-nav-button__icon::before,[dir="rtl"]
+ .mobile-nav-button__icon::after {
+ right: 0
}
+.mobile-nav-button__icon::before,
+ .mobile-nav-button__icon::after {
+ position: absolute;
+ top: 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);
+ }
+
.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;
+ 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/css/components/navigation/nav-primary-button.css b/css/components/navigation/nav-primary-button.css
index 6c6e645..b7ce5de 100644
--- a/css/components/navigation/nav-primary-button.css
+++ b/css/components/navigation/nav-primary-button.css
@@ -10,126 +10,170 @@
* Button that expands second level nav when clicked.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
+[dir="ltr"] .primary-nav__button-toggle {
+ padding-left: 0
+}
+
+[dir="rtl"] .primary-nav__button-toggle {
+ padding-right: 0
+}
+
+[dir="ltr"] .primary-nav__button-toggle {
+ padding-right: 0
+}
+
+[dir="rtl"] .primary-nav__button-toggle {
+ padding-left: 0
+}
+
.primary-nav__button-toggle {
position: relative;
overflow: hidden;
width: var(--sp2);
height: var(--sp2);
- margin-block-start: var(--sp0-5); /* Visually align button with menu link text. */
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
+ margin-top: var(--sp0-5); /* Visually align button with menu link text. */
+ padding-top: 0;
+ padding-bottom: 0;
cursor: pointer;
text-indent: -62.4375rem;
border: 0;
background: transparent;
- -webkit-appearance: none;
+ -webkit-appearance: none
}
.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
+.primary-nav__button-toggle {
+
+ /* 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);
+.primary-nav__button-toggle[aria-hidden="true"] {
+ pointer-events: none;
}
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle:active {
- /* Necessary for Safari. */
- color: currentColor;
+@media (min-width: 75rem) {
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__button-toggle {
+ margin-right: calc(var(--sp2)*-1)
}
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle[aria-expanded="true"] .icon--menu-toggle::after {
- opacity: 0.8;
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__button-toggle {
+ margin-left: calc(var(--sp2)*-1)
}
-
- 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 {
+ flex-shrink: 0;
+ -ms-grid-row-align: stretch;
+ align-self: stretch;
+ width: calc(var(--sp2) + 0.5rem);
+ height: auto;
+ margin-top: 0
+ }
+
+ 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;
+ }
+
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle {
+ left: 0.1875rem
}
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle::before {
- content: none;
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle {
+ right: 0.1875rem
}
- 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;
+ body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle {
+ 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/css/components/navigation/nav-primary-no-js.css b/css/components/navigation/nav-primary-no-js.css
index ba4b6e6..e61980e 100644
--- a/css/components/navigation/nav-primary-no-js.css
+++ b/css/components/navigation/nav-primary-no-js.css
@@ -10,139 +10,219 @@
* Styles for primary navigation when JavaScript is disabled.
*/
-:root {
- --no-js-nav-column-width: 18.75rem;
- --no-js-nav-column-gap: var(--sp2);
-}
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
-/**
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
+html:not(.js) {
+ /**
* Mobile styles for primary navigation when JS is disabled.
*/
+}
@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: 18.75rem;
+ grid-column-gap: var(--sp2);
+ }
+
+ 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[dir="ltr"]:not(.js) .header-nav {
+ margin-left: var(--sp2);
+ }
+
+ html[dir="rtl"]:not(.js) .header-nav {
+ margin-right: var(--sp2);
}
- html:not(.js) .primary-nav__menu-item {
- page-break-inside: avoid;
- break-inside: avoid;
+ html[dir="ltr"]:not(.js) .header-nav {
+ margin-right: var(--sp2);
}
- html:not(.js) .site-header__inner__container {
- flex-wrap: wrap;
+ html[dir="rtl"]:not(.js) .header-nav {
+ margin-left: var(--sp2);
}
- html:not(.js) .mobile-buttons {
- display: none;
+ html[dir="ltr"]:not(.js) .header-nav {
+ padding-left: var(--sp2);
}
- html:not(.js) .header-nav {
- border: solid 1px var(--color--gray-95) !important;
+ html[dir="rtl"]:not(.js) .header-nav {
+ padding-right: var(--sp2);
}
- 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[dir="ltr"]:not(.js) .header-nav {
+ padding-right: var(--sp2);
}
- html:not(.js) .primary-nav__menu--level-2 {
- border-inline-start: 0;
+ html[dir="rtl"]:not(.js) .header-nav {
+ padding-left: var(--sp2);
}
- html:not(.js) .primary-nav__button-toggle {
- display: none;
+ html:not(.js) .header-nav {
+ position: static;
+ visibility: visible;
+ flex-basis: 100%;
+ width: 100%;
+ max-width: none;
+ margin-top: var(--sp2);
+ margin-bottom: 0;
+ padding-top: var(--sp2);
+ padding-bottom: 0;
+ transform: none;
+ border: solid 1px var(--color--gray-95) !important;
+ box-shadow: 0 0 36px var(--color--gray-90);
+ }
+
+ html[dir="ltr"]:not(.js) .primary-nav__menu--level-2 {
+ border-left: 0;
}
- 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[dir="rtl"]:not(.js) .primary-nav__menu--level-2 {
+ border-right: 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) {
- /**
+
+html:not(.js) {
+ /**
* 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--level-1 {
+ column-width: 18.75rem;
+ grid-column-gap: var(--sp2);
+ }
+
+ 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[dir="ltr"]:not(.js) body.is-always-mobile-nav .header-nav {
+ margin-left: var(--sp2);
}
- html:not(.js) body.is-always-mobile-nav .primary-nav__menu-item {
- page-break-inside: avoid;
- break-inside: avoid;
+ html[dir="rtl"]:not(.js) body.is-always-mobile-nav .header-nav {
+ margin-right: var(--sp2);
}
- html:not(.js) body.is-always-mobile-nav .site-header__inner__container {
- flex-wrap: wrap;
+ html[dir="ltr"]:not(.js) body.is-always-mobile-nav .header-nav {
+ margin-right: var(--sp2);
}
- html:not(.js) body.is-always-mobile-nav .mobile-buttons {
- display: none;
+ html[dir="rtl"]:not(.js) body.is-always-mobile-nav .header-nav {
+ margin-left: var(--sp2);
}
- html:not(.js) body.is-always-mobile-nav .header-nav {
- border: solid 1px var(--color--gray-95) !important;
+ html[dir="ltr"]:not(.js) body.is-always-mobile-nav .header-nav {
+ padding-left: var(--sp2);
}
- 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[dir="rtl"]:not(.js) body.is-always-mobile-nav .header-nav {
+ padding-right: var(--sp2);
}
- html:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-2 {
- border-inline-start: 0;
+ html[dir="ltr"]:not(.js) body.is-always-mobile-nav .header-nav {
+ padding-right: var(--sp2);
}
- html:not(.js) body.is-always-mobile-nav .primary-nav__button-toggle {
- display: none;
+ html[dir="rtl"]:not(.js) body.is-always-mobile-nav .header-nav {
+ padding-left: var(--sp2);
}
- 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 .header-nav {
+ position: static;
+ visibility: visible;
+ flex-basis: 100%;
+ width: 100%;
+ max-width: none;
+ margin-top: var(--sp2);
+ margin-bottom: 0;
+ padding-top: var(--sp2);
+ padding-bottom: 0;
+ transform: none;
+ border: solid 1px var(--color--gray-95) !important;
+ box-shadow: 0 0 36px var(--color--gray-90);
+ }
+
+ html[dir="ltr"]:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-2 {
+ border-left: 0;
}
- /**
- * 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[dir="rtl"]:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-2 {
+ border-right: 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) {
+
+ /**
+ * 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) {
+
+ /*
* 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/css/components/navigation/nav-primary-wide.css b/css/components/navigation/nav-primary-wide.css
index 675d46d..2e5518b 100644
--- a/css/components/navigation/nav-primary-wide.css
+++ b/css/components/navigation/nav-primary-wide.css
@@ -10,203 +10,316 @@
* Nav Primary (wide widths).
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
@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;
- }
+ 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-item.primary-nav__menu-item--has-children {
- body:not(.is-always-mobile-nav) .primary-nav__menu-link {
- letter-spacing: 0.02em;
- font-size: 1rem;
- line-height: var(--sp1-5);
- }
+ /* 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:focus {
- position: relative;
- outline: 0;
- }
+ 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::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:focus {
+ position: relative;
+ outline: 0
+ }
- 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: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;
+ }
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
+ padding-right: 0.5625rem;
+ }
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
+ padding-left: 0.5625rem;
+ }
+ 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 */
+ }
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children::before {
- content: none;
- }
+ 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: "";
+ }
- /* 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::before {
+ content: none;
+ }
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children[aria-expanded="true"]::after {
- opacity: 1;
- }
+ /* Chevron icon for desktop navigation. */
+ }
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children::after {
+ left: calc(100% - 0.1875rem);
+ }
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children::after {
+ right: calc(100% - 0.1875rem);
+ }
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children::after {
+ position: absolute;
+ top: 50%;
+ width: 0.5rem;
+ height: 0.5rem;
+ margin-top: -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-inner {
- padding-block: var(--sp2);
- padding-inline-start: 0;
- padding-inline-end: 0;
- }
+ 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::after {
- transform-origin: center;
- border-top-width: var(--sp0-5);
- }
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
+ padding-left: 0;
+ }
- body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
- display: flex;
- align-items: stretch;
- margin-inline-end: var(--sp);
- }
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
+ padding-right: 0;
+ }
- 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;
- }
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
+ padding-right: 0;
+ }
- body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
- margin-inline-end: var(--sp2);
- }
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
+ padding-left: 0;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
+ padding-top: var(--sp2);
+ padding-bottom: var(--sp2)
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner::after {
+ transform-origin: center;
+ border-top-width: var(--sp0-5);
+ }
+
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
+ margin-right: var(--sp);
+ }
+
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
+ margin-left: var(--sp);
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
+ display: flex;
+ align-items: stretch;
+ }
+
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
+ margin-left: 0;
+ }
+
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
+ margin-right: 0;
+ }
- 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
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
+ margin-right: 0;
+ }
+
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
+ margin-left: 0;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
+ position: relative; /* Anchor secondary menu */
+ display: flex;
+ align-items: center;
+ width: -webkit-max-content;
+ width: max-content;
+ max-width: 12.5rem;
+ margin-top: 0;
+ margin-bottom: 0
+ }
+
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
+ margin-right: var(--sp2);
+ }
+
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
+ margin-left: var(--sp2);
+ }
+
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
+ margin-left: 0;
+ }
+
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
+ margin-right: 0;
+ }
+
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
+ padding-left: var(--sp2);
+ }
+
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
+ padding-right: var(--sp2);
+ }
+
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
+ padding-right: var(--sp2);
+ }
+
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
+ padding-left: 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% - var(--sp)*0.5);
+ 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);
- }
+ max-height: calc(100vh - var(--site-header-height-wide) - var(--sp));
+ margin-top: 0;
+ padding-top: calc(var(--sp)*3);
+ padding-bottom: calc(var(--sp)*3);
+ 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--level-2.is-active-menu-parent {
+ visibility: visible;
+ margin-top: 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 {
+ 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: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;
- }
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
+ padding-left: 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 {
+ padding-right: 0;
+ }
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner::after {
- transform-origin: right;
- }
+ [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
+ padding-right: 0;
+ }
+
+ [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
+ padding-left: 0;
+ }
+
+ body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
+ padding-top: var(--sp0-5);
+ padding-bottom: var(--sp0-5)
+ }
+
+ 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;
+ }
+
+body:not(.is-always-mobile-nav) {
- /**
+ /**
* 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-🥕 {
+ 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-🥕.is-active-menu-parent {
+ visibility: visible;
+ transform: translate(-50%, 0);
+ opacity: 1;
+ }
+
+body:not(.is-always-mobile-nav) {
- /**
+ /**
* 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(--sp) + var(--sp4));
+ }
+ }
/*
* Only apply transition styles to menu when JS is loaded. This
@@ -214,8 +327,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/css/components/navigation/nav-primary.css b/css/components/navigation/nav-primary.css
index 03660b2..21e4a3d 100644
--- a/css/components/navigation/nav-primary.css
+++ b/css/components/navigation/nav-primary.css
@@ -10,134 +10,251 @@
* Nav Primary.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.primary-nav__menu {
flex-wrap: wrap;
list-style: none;
}
.primary-nav__menu-item {
- margin-block-end: var(--sp0-5);
+ margin-bottom: var(--sp0-5)
}
.primary-nav__menu-item:last-child {
- margin-block-end: 0;
-}
+ margin-bottom: 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;
font-weight: bold;
- line-height: var(--sp2);
+ line-height: var(--sp2)
}
.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;
+ }
+
+[dir="ltr"] .primary-nav__menu-link--nolink {
+ padding-left: 0;
+}
+
+[dir="rtl"] .primary-nav__menu-link--nolink {
+ padding-right: 0;
+}
+
+[dir="ltr"] .primary-nav__menu-link--nolink {
+ padding-right: 0;
+}
+
+[dir="rtl"] .primary-nav__menu-link--nolink {
+ padding-left: 0;
}
.primary-nav__menu-link--nolink {
- padding-block: var(--sp0-5);
- padding-inline-start: 0;
- padding-inline-end: 0;
+ padding-top: var(--sp0-5);
+ padding-bottom: var(--sp0-5);
color: var(--color-text-neutral-soft);
font-weight: normal;
}
+[dir="ltr"] .primary-nav__menu-link--button {
+ padding-left: 0;
+}
+
+[dir="rtl"] .primary-nav__menu-link--button {
+ padding-right: 0;
+}
+
+[dir="ltr"] .primary-nav__menu-link--button {
+ padding-right: 0;
+}
+
+[dir="rtl"] .primary-nav__menu-link--button {
+ padding-left: 0;
+}
+
+[dir="ltr"] .primary-nav__menu-link--button {
+ text-align: left;
+}
+
+[dir="rtl"] .primary-nav__menu-link--button {
+ text-align: right;
+}
+
.primary-nav__menu-link--button {
position: relative;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
+ padding-top: 0;
+ padding-bottom: 0;
cursor: pointer;
- text-align: start;
border: 0;
- background: transparent;
+ background: transparent
/* Plus icon for mobile navigation. */
}
-.primary-nav__menu-link--button.primary-nav__menu-link--has-children {
- padding-inline-end: var(--sp3); /* Ensure text does not overlap icon. */
+[dir="ltr"] .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
+ padding-right: var(--sp3);
+}
+
+[dir="rtl"] .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
+ padding-left: var(--sp3);
+}
+
+.primary-nav__menu-link--button.primary-nav__menu-link--has-children { /* Ensure text does not overlap icon. */
+ }
+
+[dir="ltr"] .primary-nav__menu-link--button.primary-nav__menu-link--has-children::before,[dir="ltr"]
+ .primary-nav__menu-link--button.primary-nav__menu-link--has-children::after {
+ right: 0.5625rem;
+}
+
+[dir="rtl"] .primary-nav__menu-link--button.primary-nav__menu-link--has-children::before,[dir="rtl"]
+ .primary-nav__menu-link--button.primary-nav__menu-link--has-children::after {
+ left: 0.5625rem;
}
.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;
+ top: 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);
+ transition: opacity 0.2s;
+ transform: rotate(90deg);
+ }
+
+.primary-nav__menu-link--button.primary-nav__menu-link--has-children[aria-expanded="true"]::after {
+ opacity: 0;
+ }
+
+[dir="ltr"] .primary-nav__menu-link-inner {
+ padding-left: 0;
}
-.primary-nav__menu-link--button.primary-nav__menu-link--has-children::after {
- transition: opacity 0.2s;
- transform: rotate(90deg);
+[dir="rtl"] .primary-nav__menu-link-inner {
+ padding-right: 0;
}
-.primary-nav__menu-link--button.primary-nav__menu-link--has-children[aria-expanded="true"]::after {
- opacity: 0;
+[dir="ltr"] .primary-nav__menu-link-inner {
+ padding-right: 0;
+}
+
+[dir="rtl"] .primary-nav__menu-link-inner {
+ padding-left: 0;
}
.primary-nav__menu-link-inner {
position: relative;
display: inline-flex;
align-items: center;
- padding-block: var(--sp0-5);
- padding-inline-start: 0;
- padding-inline-end: 0;
+ padding-top: var(--sp0-5);
+ padding-bottom: var(--sp0-5)
}
-.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);
+[dir="ltr"] .primary-nav__menu-link-inner::after {
+ left: 0;
}
-.primary-nav__menu-link:hover .primary-nav__menu-link-inner::after {
- transform: scaleX(1);
+[dir="rtl"] .primary-nav__menu-link-inner::after {
+ right: 0;
}
+.primary-nav__menu-link-inner::after {
+ position: absolute;
+ bottom: 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)
+ }
+
/*
Top level specific styles.
*/
+[dir="ltr"] .primary-nav__menu--level-1 {
+ margin-left: 0;
+}
+
+[dir="rtl"] .primary-nav__menu--level-1 {
+ margin-right: 0;
+}
+
+[dir="ltr"] .primary-nav__menu--level-1 {
+ margin-right: 0;
+}
+
+[dir="rtl"] .primary-nav__menu--level-1 {
+ margin-left: 0;
+}
+
+[dir="ltr"] .primary-nav__menu--level-1 {
+ padding-left: 0;
+}
+
+[dir="rtl"] .primary-nav__menu--level-1 {
+ padding-right: 0;
+}
+
+[dir="ltr"] .primary-nav__menu--level-1 {
+ padding-right: 0;
+}
+
+[dir="rtl"] .primary-nav__menu--level-1 {
+ padding-left: 0;
+}
+
.primary-nav__menu--level-1 {
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-top: 0;
+ padding-bottom: 0;
}
.primary-nav__menu-link--level-1 {
@@ -150,32 +267,66 @@
Secondary menu specific styles.
*/
+[dir="ltr"] .primary-nav__menu--level-2 {
+ margin-left: calc(var(--sp)*-1);
+}
+
+[dir="rtl"] .primary-nav__menu--level-2 {
+ margin-right: calc(var(--sp)*-1);
+}
+
+[dir="ltr"] .primary-nav__menu--level-2 {
+ padding-left: var(--sp2-5);
+}
+
+[dir="rtl"] .primary-nav__menu--level-2 {
+ padding-right: var(--sp2-5);
+}
+
+[dir="ltr"] .primary-nav__menu--level-2 {
+ border-left: solid var(--sp) var(--color--primary-50);
+}
+
+[dir="rtl"] .primary-nav__menu--level-2 {
+ border-right: solid var(--sp) var(--color--primary-50);
+}
+
.primary-nav__menu--level-2 {
visibility: hidden;
overflow: hidden;
flex-basis: 100%;
max-height: 0;
- margin-block: 0;
- margin-inline-start: calc(-1 * var(--sp));
- padding-inline-start: var(--sp2-5);
+ margin-top: 0;
+ margin-bottom: 0;
transition: opacity 0.2s, visibility 0.2s, max-height 0.2s;
- opacity: 0;
- border-inline-start: solid var(--sp) var(--color--primary-50);
+ opacity: 0
}
.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-top: var(--sp1-5);
+ opacity: 1;
+ }
@media (min-width: 43.75rem) {
- .primary-nav__menu--level-2 {
- margin-inline-start: calc(-1 * var(--sp3));
- padding-inline-start: var(--sp3);
+
+[dir="ltr"] .primary-nav__menu--level-2 {
+ margin-left: calc(var(--sp3)*-1);
+ }
+
+[dir="rtl"] .primary-nav__menu--level-2 {
+ margin-right: calc(var(--sp3)*-1);
+ }
+
+[dir="ltr"] .primary-nav__menu--level-2 {
+ padding-left: var(--sp3);
+ }
+
+[dir="rtl"] .primary-nav__menu--level-2 {
+ padding-right: var(--sp3);
+ }
}
-}
/*
* Olivera doesn't officially support nested tertiary submenus, but this
@@ -195,11 +346,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/css/components/navigation/nav-secondary.css b/css/components/navigation/nav-secondary.css
index 7eacf9c..9ef0baa 100644
--- a/css/components/navigation/nav-secondary.css
+++ b/css/components/navigation/nav-secondary.css
@@ -10,36 +10,85 @@
* Secondary navigation styling.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.secondary-nav {
letter-spacing: 0.02em;
font-size: var(--font-size-s);
font-weight: 600;
}
+[dir="ltr"] .secondary-nav__menu {
+ margin-left: 0;
+}
+
+[dir="rtl"] .secondary-nav__menu {
+ margin-right: 0;
+}
+
+[dir="ltr"] .secondary-nav__menu {
+ margin-right: 0;
+}
+
+[dir="rtl"] .secondary-nav__menu {
+ margin-left: 0;
+}
+
+[dir="ltr"] .secondary-nav__menu {
+ padding-left: 0;
+}
+
+[dir="rtl"] .secondary-nav__menu {
+ padding-right: 0;
+}
+
+[dir="ltr"] .secondary-nav__menu {
+ padding-right: 0;
+}
+
+[dir="rtl"] .secondary-nav__menu {
+ padding-left: 0;
+}
+
.secondary-nav__menu {
display: flex;
align-items: center;
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-top: 0;
+ padding-bottom: 0;
list-style: none;
}
.secondary-nav__menu-item {
- /* @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.
*/
+
+ /* @todo should this be scoped to desktop nav? */
+ width: -webkit-max-content;
+ width: max-content;
+ max-width: 12.5rem
+}
+
+[dir="ltr"] .secondary-nav__menu-item:not(:last-child) {
+ margin-right: var(--sp1-5);
}
-.secondary-nav__menu-item:not(:last-child) {
- margin-inline-end: var(--sp1-5);
+[dir="rtl"] .secondary-nav__menu-item:not(:last-child) {
+ margin-left: var(--sp1-5);
}
.secondary-nav__menu-link {
@@ -47,66 +96,86 @@
display: inline-flex;
align-items: center;
height: var(--sp2);
- -webkit-text-decoration: none;
text-decoration: none;
- color: inherit;
+ 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);
+ [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav {
+ margin-left: var(--sp);
+ }
+ [dir="rtl"] body:not(.is-always-mobile-nav) .secondary-nav {
+ margin-right: var(--sp);
}
+ [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav {
+ padding-left: var(--sp2);
+ }
+ [dir="rtl"] body:not(.is-always-mobile-nav) .secondary-nav {
+ padding-right: var(--sp2);
+ }
+ body:not(.is-always-mobile-nav) .secondary-nav {
+ position: relative;
+ display: flex
+ }
- 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);
+ [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav::before {
+ left: 0;
}
- body:not(.is-always-mobile-nav) .secondary-nav__menu-item:not(:last-child) {
- margin-inline-end: var(--sp2);
+ [dir="rtl"] body:not(.is-always-mobile-nav) .secondary-nav::before {
+ right: 0;
}
- body:not(.is-always-mobile-nav) .secondary-nav__menu-link:focus {
- position: relative;
- outline: 0;
+
+ body:not(.is-always-mobile-nav) .secondary-nav::before {
+ position: absolute;
+ top: 50%;
+ width: 2px;
+ height: var(--sp2);
+ content: "";
+ transform: translateY(-50%);
+ background-color: var(--color--gray-90);
+ }
+
+ [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav__menu-item:not(:last-child) {
+ margin-right: var(--sp2);
}
- 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;
+ [dir="rtl"] body:not(.is-always-mobile-nav) .secondary-nav__menu-item:not(:last-child) {
+ margin-left: 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;
+ }
}
-}
diff --git a/css/components/navigation/wide-nav-expand.css b/css/components/navigation/wide-nav-expand.css
index 51e4040..61b59c6 100644
--- a/css/components/navigation/wide-nav-expand.css
+++ b/css/components/navigation/wide-nav-expand.css
@@ -10,12 +10,26 @@
* Button which expands the navigation at wide viewport widths.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.wide-nav-expand {
- display: none;
+ display: none
}
@media (min-width: 75rem) {
- .wide-nav-expand {
+
+.wide-nav-expand {
display: flex;
visibility: hidden;
flex-shrink: 0;
@@ -27,26 +41,28 @@
pointer-events: auto;
color: var(--color--white);
border: 0;
- background-color: var(--color--primary-50);
- }
+ 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 {
- visibility: visible;
- }
+
+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 {
- visibility: hidden;
- }
+
+body.is-always-mobile-nav .wide-nav-expand {
+ visibility: hidden
}
+ }
.wide-nav-expand__icon {
position: relative;
@@ -55,60 +71,82 @@
transition: opacity 0.2s;
pointer-events: none;
opacity: 0;
- transform-style: preserve-3d;
+ transform-style: preserve-3d
}
.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
+ }
+
+[dir="ltr"] .wide-nav-expand__icon > span:nth-child(1) {
+ left: 0
+}
+
+[dir="rtl"] .wide-nav-expand__icon > span:nth-child(1) {
+ right: 0
}
.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;
+ top: 0;
+ width: 100%;
+ height: 0;
+ transition: transform 0.2s;
+ background-color: currentColor;
+ }
+
+[dir="ltr"] .wide-nav-expand__icon > span:nth-child(2) {
+ left: 0
+}
+
+[dir="rtl"] .wide-nav-expand__icon > span:nth-child(2) {
+ right: 0
}
.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;
+ top: 0.5625rem;
+ width: 100%;
+ height: 0;
+ transition: opacity 0.2s;
+ background-color: currentColor;
+ }
+
+[dir="ltr"] .wide-nav-expand__icon > span:nth-child(3) {
+ left: 0
}
-.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;
+[dir="rtl"] .wide-nav-expand__icon > span:nth-child(3) {
+ right: 0
}
+.wide-nav-expand__icon > span:nth-child(3) {
+ position: absolute;
+ top: auto;
+ bottom: 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);
-}
+ top: 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);
-}
+ top: 0.5625rem;
+ transform: rotate(45deg);
+ }
diff --git a/css/components/node-preview-container.css b/css/components/node-preview-container.css
index 55916a5..dfd4a63 100644
--- a/css/components/node-preview-container.css
+++ b/css/components/node-preview-container.css
@@ -10,10 +10,38 @@
* Node preview container styling.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
+[dir="ltr"] .node-preview-container {
+ padding-left: var(--sp0-5);
+}
+
+[dir="rtl"] .node-preview-container {
+ padding-right: var(--sp0-5);
+}
+
+[dir="ltr"] .node-preview-container {
+ padding-right: var(--sp0-5);
+}
+
+[dir="rtl"] .node-preview-container {
+ padding-left: var(--sp0-5);
+}
+
.node-preview-container {
- padding-block: 0;
- padding-inline-start: var(--sp0-5);
- padding-inline-end: var(--sp0-5);
+ padding-top: 0;
+ padding-bottom: 0;
background: var(--color--white);
box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */
}
@@ -32,8 +60,23 @@
align-items: center;
}
+[dir="ltr"] .node-preview-backlink {
+ margin-left: 0;
+}
+
+[dir="rtl"] .node-preview-backlink {
+ margin-right: 0;
+}
+
+[dir="ltr"] .node-preview-backlink {
+ margin-right: auto;
+}
+
+[dir="rtl"] .node-preview-backlink {
+ margin-left: auto;
+}
+
.node-preview-backlink {
- margin-block: var(--sp0-5);
- margin-inline-start: 0;
- margin-inline-end: auto;
+ margin-top: var(--sp0-5);
+ margin-bottom: var(--sp0-5);
}
diff --git a/css/components/node-teaser.css b/css/components/node-teaser.css
index efaa290..aa882b2 100644
--- a/css/components/node-teaser.css
+++ b/css/components/node-teaser.css
@@ -10,127 +10,191 @@
* Node Teaser specific styles.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.node--view-mode-teaser {
position: relative; /* Anchor after pseudo-element. */
- margin-block-end: var(--sp1-5);
+ margin-bottom: var(--sp1-5)
}
.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;
+ bottom: 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-bottom: 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 */
}
+ }
+
+[dir="ltr"] .node--view-mode-teaser .primary-image {
+ margin-right: var(--sp1)
+}
+
+[dir="rtl"] .node--view-mode-teaser .primary-image {
+ margin-left: var(--sp1)
}
.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-bottom: 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)));
-}
+.node--view-mode-teaser .primary-image + .node__title {
+ flex-basis: calc(100% - var(--sp)*4.5)
+ }
@media (min-width: 62.5rem) {
- :is(.node--view-mode-teaser .primary-image) + .node__title {
- flex-basis: auto;
- }
-}
+
+.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(var(--sp)*3.5);
+ height: calc(var(--sp)*3.5);
+ -o-object-fit: cover;
+ 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;
+
+[dir="ltr"] .node--view-mode-teaser .primary-image {
+ left: calc(var(--grid-col-width)*-1 + var(--grid-gap)*-1)
+ }
+
+[dir="rtl"] .node--view-mode-teaser .primary-image {
+ right: calc(var(--grid-col-width)*-1 + var(--grid-gap)*-1)
}
-}
+
+.node--view-mode-teaser .primary-image {
+ position: absolute;
+ top: 0;
+ 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-bottom: 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)
}
+ }
+
+[dir="ltr"] .node--view-mode-teaser .field--tag-ref {
+ margin-left: 0
}
-.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;
+[dir="rtl"] .node--view-mode-teaser .field--tag-ref {
+ margin-right: 0
}
-@media (min-width: 62.5rem) {
- .node--view-mode-teaser .field--tag-ref {
- margin-block-start: var(--sp2);
- }
+[dir="ltr"] .node--view-mode-teaser .field--tag-ref {
+ margin-right: 0
+}
+
+[dir="rtl"] .node--view-mode-teaser .field--tag-ref {
+ margin-left: 0
}
+[dir="ltr"] .node--view-mode-teaser .field--tag-ref {
+ padding-left: 0
+}
+
+[dir="rtl"] .node--view-mode-teaser .field--tag-ref {
+ padding-right: 0
+}
+
+[dir="ltr"] .node--view-mode-teaser .field--tag-ref {
+ padding-right: 0
+}
+
+[dir="rtl"] .node--view-mode-teaser .field--tag-ref {
+ padding-left: 0
+}
+
+.node--view-mode-teaser .field--tag-ref {
+ margin-top: var(--sp1);
+ margin-bottom: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+ background-color: transparent
+ }
+
@media (min-width: 62.5rem) {
- .node--view-mode-teaser {
- margin-block-end: var(--sp3);
+
+.node--view-mode-teaser .field--tag-ref {
+ margin-top: var(--sp2)
}
+ }
+
+@media (min-width: 62.5rem) {
+
+.node--view-mode-teaser {
+ margin-bottom: var(--sp3)
}
+ }
.views-row:last-child .node--view-mode-teaser {
- margin-block-end: 0;
+ margin-bottom: 0;
}
diff --git a/css/components/node.css b/css/components/node.css
index c6a8495..5114f98 100644
--- a/css/components/node.css
+++ b/css/components/node.css
@@ -10,64 +10,86 @@
* Node specific styles.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.node__meta {
display: flex;
align-items: center;
- margin-block-end: var(--sp1);
+ margin-bottom: var(--sp1);
color: var(--color-text-neutral-soft);
font-size: 0.875rem;
- line-height: var(--sp);
+ line-height: var(--sp)
}
.node__meta a {
- font-weight: bold;
-}
+ font-weight: bold;
+ }
@media (min-width: 31.25rem) {
- .node__meta {
- margin-block-end: var(--sp2);
+
+.node__meta {
+ margin-bottom: var(--sp2)
+}
}
+
+[dir="ltr"] .node__author-image img {
+ margin-right: var(--sp0-5)
+}
+
+[dir="rtl"] .node__author-image img {
+ margin-left: var(--sp0-5)
}
.node__author-image img {
width: var(--sp2-5);
height: var(--sp2-5);
- margin-inline-end: var(--sp0-5);
+ -o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.node__title a {
- 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;
-}
+ padding-bottom: 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
+ }
.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;
}
.node__content {
- padding-block-end: var(--sp1-5);
+ padding-bottom: var(--sp1-5)
}
@media (min-width: 62.5rem) {
- .node__content {
- padding-block-end: var(--sp3);
- }
+
+.node__content {
+ padding-bottom: var(--sp3)
}
+ }
.node--unpublished {
/* There is no variable for the color - #fff4f4. */
diff --git a/css/components/page-title.css b/css/components/page-title.css
index e854944..4757231 100644
--- a/css/components/page-title.css
+++ b/css/components/page-title.css
@@ -10,6 +10,19 @@
* Page title.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.page-title {
/*
Necessary to properly display the star icon from core's shortcut
diff --git a/css/components/pager.css b/css/components/pager.css
index b613011..bde451d 100644
--- a/css/components/pager.css
+++ b/css/components/pager.css
@@ -10,15 +10,51 @@
* Styles for pagination.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
+[dir="ltr"] .pager__items {
+ margin-left: 0;
+}
+
+[dir="rtl"] .pager__items {
+ margin-right: 0;
+}
+
+[dir="ltr"] .pager__items {
+ padding-left: 0;
+}
+
+[dir="rtl"] .pager__items {
+ padding-right: 0;
+}
+
+[dir="ltr"] .pager__items {
+ padding-right: 0;
+}
+
+[dir="rtl"] .pager__items {
+ padding-left: 0;
+}
+
.pager__items {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
- margin-block: 0;
- margin-inline-start: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-top: 0;
+ padding-bottom: 0;
list-style: none;
font-weight: bold;
}
@@ -31,15 +67,16 @@
height: var(--sp2-5);
cursor: default;
color: var(--color-text-neutral-soft);
- background-color: var(--color--white);
+ background-color: var(--color--white)
}
@media (min-width: 31.25rem) {
- .pager__item {
+
+.pager__item {
width: var(--sp3);
- height: var(--sp3);
- }
+ height: var(--sp3)
}
+ }
[dir="rtl"] .pager__item--control {
transform: scaleX(-1);
@@ -51,10 +88,10 @@
}
@media (forced-colors: active) {
- .pager__item--control path {
- fill: linktext;
+ .pager__item--control path {
+ fill: linktext;
+ }
}
-}
.pager__link {
display: flex;
@@ -62,7 +99,6 @@
justify-content: center;
width: 100%;
height: 100%;
- -webkit-text-decoration: none;
text-decoration: none;
color: var(--color-text-neutral-soft);
}
diff --git a/css/components/powered-by-block.css b/css/components/powered-by-block.css
index 282095e..6a184e0 100644
--- a/css/components/powered-by-block.css
+++ b/css/components/powered-by-block.css
@@ -10,40 +10,58 @@
* Powered by block specific styles.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.block-system-powered-by-block {
letter-spacing: 0.02em;
font-size: 0.875rem;
- line-height: var(--sp);
+ line-height: var(--sp)
}
.block-system-powered-by-block a {
- -webkit-text-decoration: underline;
- text-decoration: underline;
-}
+ text-decoration: underline
+ }
.block-system-powered-by-block a:hover,
-.block-system-powered-by-block a:focus {
- -webkit-text-decoration: none;
- text-decoration: none;
+ .block-system-powered-by-block a:focus {
+ text-decoration: none;
+ }
+
+[dir="ltr"] .block-system-powered-by-block .drupal-logo {
+ margin-left: calc(var(--sp)/4)
}
-.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);
+[dir="rtl"] .block-system-powered-by-block .drupal-logo {
+ margin-right: calc(var(--sp)/4)
}
+.block-system-powered-by-block .drupal-logo {
+ display: inline-block;
+ margin-top: calc(var(--sp)*-1/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/css/components/progress.css b/css/components/progress.css
index c204247..3719bf2 100644
--- a/css/components/progress.css
+++ b/css/components/progress.css
@@ -10,6 +10,19 @@
* Progress bar specific styles.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.progress__track {
overflow: hidden;
height: var(--sp);
@@ -22,6 +35,10 @@
background-color: var(--color--primary-40);
}
-.progress__percentage {
- margin-inline-start: 1rem;
+[dir="ltr"] .progress__percentage {
+ margin-left: 1rem;
+}
+
+[dir="rtl"] .progress__percentage {
+ margin-right: 1rem;
}
diff --git a/css/components/search-results.css b/css/components/search-results.css
index 51a093e..734fc35 100644
--- a/css/components/search-results.css
+++ b/css/components/search-results.css
@@ -10,102 +10,148 @@
* Search results specific styles.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
+[dir="ltr"] .search-results {
+ padding-left: 0
+}
+
+[dir="rtl"] .search-results {
+ padding-right: 0
+}
+
+[dir="ltr"] .search-results {
+ padding-right: 0
+}
+
+[dir="rtl"] .search-results {
+ padding-left: 0
+}
+
.search-results {
- margin-block-end: var(--sp2);
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
+ margin-bottom: var(--sp2);
+ padding-top: 0;
+ padding-bottom: 0;
+ list-style: none
}
@media (min-width: 43.75rem) {
- .search-results {
- margin-block-end: var(--sp3);
+
+.search-results {
+ margin-bottom: var(--sp3)
+}
}
+
+[dir="ltr"] .search-result__title {
+ margin-left: 0
+}
+
+[dir="rtl"] .search-result__title {
+ margin-right: 0
+}
+
+[dir="ltr"] .search-result__title {
+ margin-right: 0
+}
+
+[dir="rtl"] .search-result__title {
+ margin-left: 0
}
.search-result__title {
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
+ margin-top: 0;
+ margin-bottom: 0;
color: var(--color-text-neutral-loud);
font-size: 1.25rem;
- line-height: var(--line-height-base);
+ line-height: var(--line-height-base)
}
.search-result__title a {
- 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;
-}
+ padding-bottom: 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
+ }
.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 {
- margin-block-end: var(--sp1);
+
+.search-result__title {
+ margin-bottom: var(--sp1);
font-size: 1.875rem;
- line-height: var(--sp3);
- }
+ line-height: var(--sp3)
}
+ }
[dir="rtl"] .search-result__title a {
background-position: bottom right;
}
.search-result__snippet {
- padding-block-end: calc(var(--sp1-5) - 2px);
+ padding-bottom: calc(var(--sp1-5) - 2px)
}
@media (min-width: 62.5rem) {
- .search-result__snippet {
- padding-block-end: var(--sp3);
- }
+
+.search-result__snippet {
+ padding-bottom: var(--sp3)
}
+ }
.search-result__meta {
display: flex;
align-items: center;
- margin-block-end: var(--sp1);
+ margin-bottom: var(--sp1);
color: var(--color-text-neutral-soft);
font-size: 0.875rem;
- line-height: var(--sp);
+ line-height: var(--sp)
}
.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. */
- margin-block-end: var(--sp1-5);
+ margin-bottom: var(--sp1-5)
}
.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;
+ bottom: 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-bottom: 0;
+ }
@media (min-width: 62.5rem) {
- .search-results__item {
- margin-block-end: var(--sp3);
- }
+
+.search-results__item {
+ margin-bottom: var(--sp3)
}
+ }
diff --git a/css/components/site-header.css b/css/components/site-header.css
index 4cbc7e6..07585b0 100644
--- a/css/components/site-header.css
+++ b/css/components/site-header.css
@@ -10,28 +10,43 @@
* Site header.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.site-header {
position: relative;
/**
* Ensure mobile site header is always above other elements including
* contextual links, and Tour.
*/
- z-index: 101;
+ z-index: 101
}
@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. */
- }
+ border-bottom: solid 1px transparent /* Will show in Windows high contrast mode. */
}
+ }
.site-header__initial {
position: relative;
z-index: 102;
display: flex;
align-items: flex-end;
+ -ms-grid-row-align: stretch;
align-self: stretch;
background-color: var(--color--primary-50);
}
@@ -39,29 +54,29 @@
.site-header__fixable {
display: flex;
align-items: flex-end;
- transition: all 0.5s;
+ transition: all 0.5s
}
@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 */
+ top: calc(0px - var(--sp4));
+ max-width: var(--max-bg-color);
+ }
}
.site-header__inner {
position: relative;
z-index: 1; /* Appear in front of Drupal's tabs. */
flex-grow: 1;
- width: calc(100vw - var(--content-left) - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
+ width: calc(100vw - var(--content-left));
background: var(--color--white);
}
@@ -71,37 +86,42 @@
*/
@media (min-width: 75rem) {
- html.js body:not(.is-always-mobile-nav) .site-header__inner {
- transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s;
- }
+
+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 {
- box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */
- }
+
+.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 {
- box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08);
- }
+
+[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;
- }
+ 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 {
- transform: translateX(101%);
- }
+
+[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/css/components/skip-link.css b/css/components/skip-link.css
index e354828..a24b4f4 100644
--- a/css/components/skip-link.css
+++ b/css/components/skip-link.css
@@ -12,36 +12,58 @@
* Allows keyboard users to quickly skip to the main content of the page.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
+[dir="ltr"] .skip-link {
+ padding-left: var(--sp)
+}
+
+[dir="rtl"] .skip-link {
+ padding-right: var(--sp)
+}
+
+[dir="ltr"] .skip-link {
+ padding-right: var(--sp)
+}
+
+[dir="rtl"] .skip-link {
+ padding-left: var(--sp)
+}
+
.skip-link {
display: block;
width: 100%;
max-width: var(--max-bg-color);
- padding-block: var(--sp0-5);
- padding-inline-start: var(--sp);
- padding-inline-end: var(--sp);
- -webkit-text-decoration: none;
+ padding-top: var(--sp0-5);
+ padding-bottom: var(--sp0-5);
text-decoration: none;
color: var(--color--white);
outline: 0;
- background-color: var(--color--gray-5);
+ background-color: var(--color--gray-5)
}
.skip-link:hover {
- -webkit-text-decoration: underline;
- text-decoration: underline;
- color: var(--color--white);
-}
+ text-decoration: underline;
+ color: var(--color--white);
+ }
.skip-link::after {
- content: "\0020 âž”";
-}
-
-.skip-link.focusable:focus {
- position: absolute !important;
-}
+ content: "\0020 âž”";
+ }
.skip-link.focusable:focus {
- /* Override position from module file. */
+ position: absolute !important; /* Override position from module file. */
z-index: 503;
width: 100%;
height: 2.5rem;
diff --git a/css/components/table.css b/css/components/table.css
index 13b7511..6edbedf 100644
--- a/css/components/table.css
+++ b/css/components/table.css
@@ -10,66 +10,163 @@
* User generated tables.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.forum table,
.text-content table,
.views-table,
.draggable-table {
- margin-block-start: var(--sp2);
- margin-block-end: var(--sp2);
+ margin-top: var(--sp2);
+ margin-bottom: var(--sp2);
border-spacing: 0;
color: var(--color-text-neutral-medium);
border: 0;
border-collapse: collapse;
font-family: var(--font-sans);
font-size: 1rem;
- line-height: var(--sp1-5);
+ line-height: var(--sp1-5)
}
-: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);
+[dir="ltr"] .forum table caption,[dir="ltr"] .text-content table caption,[dir="ltr"] .views-table caption,[dir="ltr"] .draggable-table caption {
+ text-align: left
}
-:is(.forum table, .text-content table, .views-table, .draggable-table) tr:last-child td {
- border-block-end: 0;
+[dir="rtl"] .forum table caption,[dir="rtl"] .text-content table caption,[dir="rtl"] .views-table caption,[dir="rtl"] .draggable-table caption {
+ text-align: right
}
-: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;
+.forum table caption, .text-content table caption, .views-table caption, .draggable-table caption {
+ margin-bottom: var(--sp1);
+ color: var(--color-text-neutral-medium);
+ font-family: var(--font-serif);
+ font-size: 0.875rem;
+ font-style: italic;
+ line-height: var(--sp);
+ }
+
+.forum table tr:last-child td, .text-content table tr:last-child td, .views-table tr:last-child td, .draggable-table tr:last-child td {
+ border-bottom: 0;
+ }
+
+[dir="ltr"] .forum table td,[dir="ltr"]
+ .forum table th,[dir="ltr"]
+ .text-content table td,[dir="ltr"]
+ .text-content table th,[dir="ltr"]
+ .views-table td,[dir="ltr"]
+ .views-table th,[dir="ltr"]
+ .draggable-table td,[dir="ltr"]
+ .draggable-table th {
+ padding-left: 0
}
-: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);
+[dir="rtl"] .forum table td,[dir="rtl"]
+ .forum table th,[dir="rtl"]
+ .text-content table td,[dir="rtl"]
+ .text-content table th,[dir="rtl"]
+ .views-table td,[dir="rtl"]
+ .views-table th,[dir="rtl"]
+ .draggable-table td,[dir="rtl"]
+ .draggable-table th {
+ padding-right: 0
}
-:is(.forum table, .text-content table, .views-table, .draggable-table) td {
- white-space: normal;
- border-block-end: 2px solid var(--color--gray-65);
+[dir="ltr"] .forum table td,[dir="ltr"]
+ .forum table th,[dir="ltr"]
+ .text-content table td,[dir="ltr"]
+ .text-content table th,[dir="ltr"]
+ .views-table td,[dir="ltr"]
+ .views-table th,[dir="ltr"]
+ .draggable-table td,[dir="ltr"]
+ .draggable-table th {
+ padding-right: var(--sp1)
}
-: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;
+[dir="rtl"] .forum table td,[dir="rtl"]
+ .forum table th,[dir="rtl"]
+ .text-content table td,[dir="rtl"]
+ .text-content table th,[dir="rtl"]
+ .views-table td,[dir="rtl"]
+ .views-table th,[dir="rtl"]
+ .draggable-table td,[dir="rtl"]
+ .draggable-table th {
+ padding-left: var(--sp1)
+}
+
+.forum table td,
+ .forum table th,
+ .text-content table td,
+ .text-content table th,
+ .views-table td,
+ .views-table th,
+ .draggable-table td,
+ .draggable-table th {
+ padding-top: var(--sp1);
+ padding-bottom: var(--sp1);
+ vertical-align: top;
+ }
+
+[dir="ltr"] .forum table th,[dir="ltr"] .text-content table th,[dir="ltr"] .views-table th,[dir="ltr"] .draggable-table th {
+ margin-left: 0
}
+[dir="rtl"] .forum table th,[dir="rtl"] .text-content table th,[dir="rtl"] .views-table th,[dir="rtl"] .draggable-table th {
+ margin-right: 0
+}
+
+[dir="ltr"] .forum table th,[dir="ltr"] .text-content table th,[dir="ltr"] .views-table th,[dir="ltr"] .draggable-table th {
+ margin-right: 0
+}
+
+[dir="rtl"] .forum table th,[dir="rtl"] .text-content table th,[dir="rtl"] .views-table th,[dir="rtl"] .draggable-table th {
+ margin-left: 0
+}
+
+[dir="ltr"] .forum table th,[dir="ltr"] .text-content table th,[dir="ltr"] .views-table th,[dir="ltr"] .draggable-table th {
+ text-align: left
+}
+
+[dir="rtl"] .forum table th,[dir="rtl"] .text-content table th,[dir="rtl"] .views-table th,[dir="rtl"] .draggable-table th {
+ text-align: right
+}
+
+.forum table th, .text-content table th, .views-table th, .draggable-table th {
+ margin-top: 0;
+ margin-bottom: 0;
+ letter-spacing: 0.02em;
+ color: var(--color-text-neutral-loud);
+ border-bottom: 2px solid var(--color--primary-50);
+ font-family: var(--font-sans);
+ font-size: 0.875rem;
+ line-height: var(--sp);
+ }
+
+.forum table td, .text-content table td, .views-table td, .draggable-table td {
+ white-space: normal;
+ border-bottom: 2px solid var(--color--gray-65);
+ }
+
+.forum table th.checkbox,
+ .forum table td.checkbox,
+ .text-content table th.checkbox,
+ .text-content table td.checkbox,
+ .views-table th.checkbox,
+ .views-table td.checkbox,
+ .draggable-table th.checkbox,
+ .draggable-table td.checkbox {
+ text-align: center;
+ }
+
.draggable-table {
width: 100%;
}
@@ -85,7 +182,7 @@
.sticky-header {
z-index: 0;
margin: 0;
- border-block-end: 0.25rem solid var(--color--primary-50);
+ border-bottom: 4px solid var(--color--primary-50);
}
/* Properly align VBO checkboxes. */
diff --git a/css/components/tabledrag.css b/css/components/tabledrag.css
index 839ae3f..c41780a 100644
--- a/css/components/tabledrag.css
+++ b/css/components/tabledrag.css
@@ -10,6 +10,19 @@
* Styles for tabledrag.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.draggable:hover {
background-color: var(--color--gray-100);
}
@@ -32,8 +45,12 @@ a.tabledrag-handle,
height: 2.25rem;
}
-.draggable a.tabledrag-handle {
- margin-inline-start: 0;
+[dir="ltr"] .draggable a.tabledrag-handle {
+ margin-left: 0;
+}
+
+[dir="rtl"] .draggable a.tabledrag-handle {
+ margin-right: 0;
}
a.tabledrag-handle .handle {
@@ -48,10 +65,25 @@ a.tabledrag-handle .handle {
background-position: 50% 5px;
}
+[dir="ltr"] .touchevents .draggable td {
+ padding-left: 0;
+}
+
+[dir="rtl"] .touchevents .draggable td {
+ padding-right: 0;
+}
+
+[dir="ltr"] .touchevents .draggable td {
+ padding-right: var(--sp0-5);
+}
+
+[dir="rtl"] .touchevents .draggable td {
+ padding-left: var(--sp0-5);
+}
+
.touchevents .draggable td {
- padding-block: var(--sp0-5);
- padding-inline-start: 0;
- padding-inline-end: var(--sp0-5);
+ padding-top: var(--sp0-5);
+ padding-bottom: var(--sp0-5);
}
.touchevents .draggable .menu-item__link {
diff --git a/css/components/tabs.css b/css/components/tabs.css
index 1c1c15e..cba5018 100644
--- a/css/components/tabs.css
+++ b/css/components/tabs.css
@@ -4,7 +4,30 @@
* https://www.drupal.org/node/3084859
* @preserve
*/
+
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
/* Breakpoint where tabs switch between vertical and horizontal layouts. */
+
+[dir="ltr"] .tabs {
+ margin-left: 0
+}
+
+[dir="rtl"] .tabs {
+ margin-right: 0
+}
+
.tabs {
--tabs-height: var(--sp3);
--tabs-padding-inline: var(--sp1-5);
@@ -23,169 +46,270 @@
display: flex;
flex-direction: column;
width: 100%;
- margin: 0;
- margin-inline-start: 0; /* Override [dir] attribute in base in compiled CSS. */
+ margin: 0; /* Override [dir] attribute in base in compiled CSS. */
padding: 0;
- list-style: none;
+ list-style: none
}
+
@media (min-width: 43.75rem) {
- .tabs {
+
+.tabs {
flex-direction: row;
- flex-wrap: wrap;
- }
+ flex-wrap: wrap
}
+ }
+
.tabs__tab {
display: none;
margin: 0;
- margin-block-end: calc(-1 * var(--tabs-border-width));
+ margin-bottom: calc(var(--tabs-border-width)*-1)
}
+
.tabs__tab.is-active {
- display: flex;
-}
+ display: flex;
+ }
+
@media (min-width: 43.75rem) {
- .tabs__tab {
+
+[dir="ltr"] .tabs__tab {
+ margin-left: calc(var(--tabs-border-width)*-1)
+ }
+
+[dir="rtl"] .tabs__tab {
+ margin-right: calc(var(--tabs-border-width)*-1)
+ }
+
+.tabs__tab {
display: flex;
- margin-block-end: 0;
- margin-inline-start: calc(-1 * var(--tabs-border-width));
+ margin-bottom: 0
+}
}
+
+.tabs__tab {
+
+ /* Show tabs when JavaScript disabled. */
}
-/* Show tabs when JavaScript disabled. */
+
html:not(.js) .tabs__tab {
- display: flex;
+ display: flex
+}
+
+.tabs__tab {
+
+ /* Show tabs when tabs-expanded class is present. */
}
-/* Show tabs when tabs-expanded class is present. */
+
.tabs.is-expanded .tabs__tab {
- display: flex;
+ display: flex
+}
+
+.tabs__tab {
+
+ /* Secondary tabs will always be expanded. */
}
-/* 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;
align-items: center;
height: var(--tabs-height);
- padding-block: 0;
- padding-inline: var(--tabs-padding-inline);
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-left: var(--tabs-padding-inline);
+ padding-right: 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);
border: var(--tabs-border-width) solid var(--tabs-border-color);
background-color: var(--tabs-background-color);
- font-size: var(--tabs-font-size);
+ 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.
*/
+ }
+
+[dir="ltr"] .tabs__link.is-active::after {
+ left: calc(var(--tabs-border-width)*-1)
}
-.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);
+
+[dir="rtl"] .tabs__link.is-active::after {
+ right: calc(var(--tabs-border-width)*-1)
}
+
+[dir="ltr"] .tabs__link.is-active::after {
+ border-left: var(--tabs-active-border-size) solid var(--tabs-highlight-color)
+}
+
+[dir="rtl"] .tabs__link.is-active::after {
+ border-right: var(--tabs-active-border-size) solid var(--tabs-highlight-color)
+}
+
+.tabs__link.is-active::after {
+ position: absolute;
+ top: calc(var(--tabs-border-width)*-1);
+ height: calc(100% + var(--tabs-border-width)*2);
+ content: ""
+ }
+
@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;
+
+[dir="ltr"] .tabs__link.is-active::after {
+ border-left: 0
+ }
+
+[dir="rtl"] .tabs__link.is-active::after {
+ border-right: 0
}
+
+.tabs__link.is-active::after {
+ top: auto;
+ bottom: calc(var(--tabs-border-width)*-1);
+ width: calc(100% + var(--tabs-border-width)*2);
+ height: 0;
+ border-top: var(--tabs-active-border-size) solid var(--tabs-highlight-color)
+ }
+ }
+
+.tabs__link {
+
+ /* No regular borders or background color for secondary tab links. */
}
-/* 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. */
+
+[dir="ltr"] .tabs__trigger {
+ margin-left: calc(var(--tabs-border-width)*-1);
+ margin-right: 0
+}
+
+[dir="rtl"] .tabs__trigger {
+ margin-right: calc(var(--tabs-border-width)*-1);
+ margin-left: 0
+}
+
.tabs__trigger {
display: flex;
align-items: center;
justify-content: center;
width: var(--tabs-height);
- margin-block: 0;
- margin-inline: calc(-1 * var(--tabs-border-width)) 0;
+ margin-top: 0;
+ margin-bottom: 0;
cursor: pointer;
border: solid var(--tabs-border-width) var(--tabs-border-color);
- background-color: var(--tabs-background-color);
+ 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;
+ }
+
+.tabs__trigger {
+
+ /* Button will not work when JavaScript is disabled, so we hide it. */
}
-/* 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 {
- display: none;
- }
+
+.tabs__trigger {
+ display: none
}
+ }
+
.tabs__trigger-icon {
position: relative;
display: block;
width: var(--sp);
height: 0.625rem;
- 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);
+ margin-top: calc(var(--tabs-border-width)*-2)
}
-.tabs__trigger-icon > span:nth-child(1) {
- inset-block-start: 0;
+
+[dir="ltr"] .tabs__trigger-icon > span {
+ left: 0
}
-.tabs__trigger[aria-expanded="true"] :is(.tabs__trigger-icon > span:nth-child(1)) {
- inset-block-start: calc(50% + 1px);
- transform: rotate(45deg);
+
+[dir="rtl"] .tabs__trigger-icon > span {
+ right: 0
}
+
+.tabs__trigger-icon > span {
+ position: absolute;
+ display: block;
+ width: 100%;
+ transition: transform var(--tabs-transition-duration), opacity var(--tabs-transition-duration), top var(--tabs-transition-duration);
+ border-top: solid 2px var(--tabs-highlight-color)
+ }
+
+.tabs__trigger-icon > span:nth-child(1) {
+ top: 0
+ }
+
+.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon > span:nth-child(1) {
+ top: calc(50% + 1px);
+ transform: rotate(45deg)
+ }
+
.tabs__trigger-icon > span:nth-child(2) {
- inset-block-start: calc(50% + 1px);
-}
-.tabs__trigger[aria-expanded="true"] :is(.tabs__trigger-icon > span:nth-child(2)) {
- opacity: 0;
-}
+ top: calc(50% + 1px)
+ }
+
+.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon > span:nth-child(2) {
+ opacity: 0
+ }
+
.tabs__trigger-icon > span:nth-child(3) {
- 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);
-}
+ top: calc(100% + 2px)
+ }
+
+.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon > span:nth-child(3) {
+ top: calc(50% + 1px);
+ transform: rotate(-45deg)
+ }
diff --git a/css/components/tags.css b/css/components/tags.css
index 71703ad..8f03429 100644
--- a/css/components/tags.css
+++ b/css/components/tags.css
@@ -10,57 +10,138 @@
* Tags field styling.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.field--tags {
display: flex;
font-family: var(--font-sans);
}
+[dir="ltr"] .field--tags__label {
+ margin-right: calc(var(--sp1-5) - var(--sp0-5)/2);
+}
+
+[dir="rtl"] .field--tags__label {
+ margin-left: calc(var(--sp1-5) - var(--sp0-5)/2);
+}
+
.field--tags__label {
margin: 0;
- margin-inline-end: calc(var(--sp1-5) - (var(--sp0-5) / 2));
letter-spacing: 0.02em;
color: var(--color-text-neutral-soft);
font-size: var(--font-size-s);
font-weight: 600;
- line-height: 1.6;
+ line-height: 1.6
}
.field--tags__label::after {
- content: ":";
-}
+ content: ":";
+ }
@media (min-width: 43.75rem) {
- .field--tags__label {
- line-height: 2;
+
+.field--tags__label {
+ line-height: 2
+}
}
+
+[dir="ltr"] .field--label-inline .field--tags__label {
+ padding-left: 0;
+}
+
+[dir="rtl"] .field--label-inline .field--tags__label {
+ padding-right: 0;
+}
+
+[dir="ltr"] .field--label-inline .field--tags__label {
+ padding-right: 0;
+}
+
+[dir="rtl"] .field--label-inline .field--tags__label {
+ padding-left: 0;
}
.field--label-inline .field--tags__label {
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+[dir="ltr"] .field--tags__items {
+ margin-left: calc(var(--sp0-5)/2*-1);
+}
+
+[dir="rtl"] .field--tags__items {
+ margin-right: calc(var(--sp0-5)/2*-1);
+}
+
+[dir="ltr"] .field--tags__items {
+ margin-right: calc(var(--sp0-5)/2*-1);
+}
+
+[dir="rtl"] .field--tags__items {
+ margin-left: calc(var(--sp0-5)/2*-1);
+}
+
+[dir="ltr"] .field--tags__items {
+ padding-left: 0;
+}
+
+[dir="rtl"] .field--tags__items {
+ padding-right: 0;
+}
+
+[dir="ltr"] .field--tags__items {
+ padding-right: 0;
+}
+
+[dir="rtl"] .field--tags__items {
+ padding-left: 0;
}
.field--tags__items {
display: flex;
flex-wrap: wrap;
- margin-block: calc((var(--sp0-5) / 2) * -1);
- margin-inline-start: calc((var(--sp0-5) / 2) * -1);
- margin-inline-end: calc((var(--sp0-5) / 2) * -1);
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
+ margin-top: calc(var(--sp0-5)/2*-1);
+ margin-bottom: calc(var(--sp0-5)/2*-1);
+ padding-top: 0;
+ padding-bottom: 0;
list-style: none;
}
+[dir="ltr"] .field--tags__item {
+ margin-left: calc(var(--sp0-5)/2);
+}
+
+[dir="rtl"] .field--tags__item {
+ margin-right: calc(var(--sp0-5)/2);
+}
+
+[dir="ltr"] .field--tags__item {
+ margin-right: calc(var(--sp0-5)/2);
+}
+
+[dir="rtl"] .field--tags__item {
+ margin-left: calc(var(--sp0-5)/2);
+}
+
.field--tags__item {
display: flex;
- margin-block: calc(var(--sp0-5) / 2);
- margin-inline-start: calc(var(--sp0-5) / 2);
- margin-inline-end: calc(var(--sp0-5) / 2);
+ margin-top: calc(var(--sp0-5)/2);
+ margin-bottom: calc(var(--sp0-5)/2);
}
-.field--tags__item:nth-last-child(n + 2)::after {
+.field--tags__item:nth-last-child(n+2)::after {
content: ",";
font-size: var(--font-size-base);
line-height: 1.5;
@@ -70,7 +151,6 @@
position: relative;
display: flex;
align-items: center;
- -webkit-text-decoration: none;
text-decoration: none;
letter-spacing: 0.02em;
color: var(--color-text-primary-medium);
@@ -79,11 +159,26 @@
line-height: 1.5;
}
-.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);
+[dir="ltr"] .node--view-mode-full .field--tags {
+ padding-left: var(--sp2);
+}
+
+[dir="rtl"] .node--view-mode-full .field--tags {
+ padding-right: var(--sp2);
}
+
+[dir="ltr"] .node--view-mode-full .field--tags {
+ padding-right: var(--sp2);
+}
+
+[dir="rtl"] .node--view-mode-full .field--tags {
+ padding-left: var(--sp2);
+}
+
+.node--view-mode-full .field--tags {
+ margin-top: var(--sp4);
+ margin-bottom: var(--sp4);
+ padding-top: var(--sp1-5);
+ padding-bottom: var(--sp1-5);
+ background-color: var(--color--gray-100);
+ }
diff --git a/css/components/text-content.css b/css/components/text-content.css
index 7b7832e..384fa70 100644
--- a/css/components/text-content.css
+++ b/css/components/text-content.css
@@ -10,11 +10,24 @@
* Text Content.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.text-content,
.cke_editable {
color: var(--color-text-neutral-medium);
font-family: var(--font-serif);
- line-height: var(--sp1-5);
+ line-height: var(--sp1-5)
/*
@todo
@@ -26,164 +39,212 @@
*/
}
-.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);
+ -webkit-text-decoration-color: currentColor;
+ text-decoration-color: currentColor;
+ text-decoration-thickness: 2px;
+ word-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);
- -webkit-text-decoration: none;
- 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);
+ 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 {
- -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 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);
+ -webkit-text-decoration-color: var(--color--primary-80);
+ text-decoration-color: var(--color--primary-80);
+ }
+ }
+
+.text-content p, .cke_editable p {
+ margin-top: var(--sp);
+ margin-bottom: var(--sp)
}
+
+.text-content p:first-child, .cke_editable p:first-child {
+ margin-top: 0;
+ }
+
+.text-content p:last-child, .cke_editable p:last-child {
+ margin-bottom: 0;
+ }
+
+@media (min-width: 43.75rem) {
+
+.text-content p, .cke_editable p {
+ margin-top: var(--sp2);
+ margin-bottom: var(--sp2)
+ }
+ }
+
+.text-content code, .cke_editable code {
+ background-color: var(--color--gray-100);
+ }
+
+[dir="ltr"] .text-content pre code,[dir="ltr"] .cke_editable pre code {
+ padding-left: var(--sp)
}
-.text-content p,
-.cke_editable p {
- margin-block-start: var(--sp);
- margin-block-end: var(--sp);
+[dir="rtl"] .text-content pre code,[dir="rtl"] .cke_editable pre code {
+ padding-right: var(--sp)
}
-.text-content p:first-child,
-.cke_editable p:first-child {
- margin-block-start: 0;
+[dir="ltr"] .text-content pre code,[dir="ltr"] .cke_editable pre code {
+ padding-right: var(--sp)
}
-.text-content p:last-child,
-.cke_editable p:last-child {
- margin-block-end: 0;
+[dir="rtl"] .text-content pre code,[dir="rtl"] .cke_editable pre code {
+ padding-left: var(--sp)
}
-@media (min-width: 43.75rem) {
- .text-content p,
- .cke_editable p {
- margin-block-start: var(--sp2);
- margin-block-end: var(--sp2);
+.text-content pre code, .cke_editable pre code {
+ display: block;
+ overflow: auto;
+ padding-top: var(--sp);
+ padding-bottom: var(--sp);
+ color: var(--color-text-neutral-soft);
}
+
+[dir="ltr"] .text-content blockquote,[dir="ltr"] .cke_editable blockquote {
+ margin-left: 0
}
-.text-content code,
-.cke_editable code {
- background-color: var(--color--gray-100);
+[dir="rtl"] .text-content blockquote,[dir="rtl"] .cke_editable blockquote {
+ margin-right: 0
}
-.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);
+[dir="ltr"] .text-content blockquote,[dir="ltr"] .cke_editable blockquote {
+ margin-right: 0
}
-.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);
+[dir="rtl"] .text-content blockquote,[dir="rtl"] .cke_editable blockquote {
+ margin-left: 0
}
-.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;
+[dir="ltr"] .text-content blockquote,[dir="ltr"] .cke_editable blockquote {
+ padding-left: 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);
+[dir="rtl"] .text-content blockquote,[dir="rtl"] .cke_editable blockquote {
+ padding-right: var(--sp2)
}
-@media (min-width: 43.75rem) {
- .text-content blockquote,
- .cke_editable blockquote {
- font-size: 2rem;
- line-height: var(--sp3);
+.text-content blockquote, .cke_editable blockquote {
+ position: relative;
+ margin-top: var(--sp2);
+ margin-bottom: var(--sp2);
+ letter-spacing: -0.01em;
+ font-family: var(--font-serif);
+ font-size: 1.3125rem;
+ line-height: var(--sp2)
}
+
+[dir="ltr"] .text-content blockquote::before,[dir="ltr"] .cke_editable blockquote::before {
+ left: 0
}
+[dir="rtl"] .text-content blockquote::before,[dir="rtl"] .cke_editable blockquote::before {
+ right: 0
+}
+
+.text-content blockquote::before, .cke_editable blockquote::before {
+ position: absolute;
+ top: 0;
+ content: "\201C";
+ color: var(--color--primary-60);
+ font-size: 3.375rem;
+ }
+
+[dir="ltr"] .text-content blockquote::after,[dir="ltr"] .cke_editable blockquote::after {
+ left: 0
+}
+
+[dir="rtl"] .text-content blockquote::after,[dir="rtl"] .cke_editable blockquote::after {
+ right: 0
+}
+
+[dir="ltr"] .text-content blockquote::after,[dir="ltr"] .cke_editable blockquote::after {
+ margin-left: 0.25rem
+}
+
+[dir="rtl"] .text-content blockquote::after,[dir="rtl"] .cke_editable blockquote::after {
+ margin-right: 0.25rem
+}
+
+.text-content blockquote::after, .cke_editable blockquote::after {
+ position: absolute;
+ bottom: 0;
+ width: var(--sp0-5);
+ height: calc(100% - 1.875rem);
+ content: "";
+ background: var(--color--gray-100);
+ }
+
+@media (min-width: 43.75rem) {
+
+.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(var(--sp)*3.5)
}
-}
+ }
@media (min-width: 43.75rem) {
- .text-content,
- .cke_editable {
+
+.text-content,
+.cke_editable {
font-size: 1.125rem;
- line-height: var(--sp2);
- }
+ line-height: var(--sp2)
}
+ }
/**
* Special colors for footer that has a dark background.
*/
.site-footer .text-content {
- color: inherit;
+ color: inherit
}
.site-footer .text-content * {
- color: inherit;
-}
+ color: inherit;
+ }
.site-footer .text-content a {
- -webkit-text-decoration: underline;
- text-decoration: underline;
- color: var(--color--white);
- box-shadow: none;
-}
+ text-decoration: underline;
+ color: var(--color--white);
+ box-shadow: none
+ }
.site-footer .text-content a:hover {
- -webkit-text-decoration: none;
- text-decoration: none;
- color: var(--color--white);
- box-shadow: none;
-}
+ text-decoration: none;
+ color: var(--color--white);
+ box-shadow: none;
+ }
/**
* Decrease font-size for blockquote placed in sidebar region.
*/
@media (min-width: 62.5rem) {
- .region--sidebar .text-content blockquote {
+
+.region--sidebar .text-content blockquote {
font-size: 1.5rem;
- line-height: var(--sp2);
- }
+ line-height: var(--sp2)
}
+ }
diff --git a/css/components/ui-dialog.css b/css/components/ui-dialog.css
index ef0721e..14b593d 100644
--- a/css/components/ui-dialog.css
+++ b/css/components/ui-dialog.css
@@ -10,22 +10,33 @@
* Styles for jQuery UI dialog.
*/
-.ui-dialog .ui-dialog-buttonpane {
- padding-inline-start: 0.2em;
- padding-inline-end: 0.2em;
+[dir="ltr"] .ui-dialog .ui-dialog-buttonpane {
+ padding-left: 0.2em;
}
-.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
- display: flex;
- float: none;
- flex-wrap: wrap;
- gap: 0.3125rem;
+[dir="rtl"] .ui-dialog .ui-dialog-buttonpane {
+ padding-right: 0.2em;
}
-.ui-dialog .ui-dialog-buttonpane button {
- margin: 0;
+[dir="ltr"] .ui-dialog .ui-dialog-buttonpane {
+ padding-right: 0.2em;
+}
+
+[dir="rtl"] .ui-dialog .ui-dialog-buttonpane {
+ padding-left: 0.2em;
}
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
+ display: flex;
+ float: none;
+ flex-wrap: wrap;
+ grid-gap: 0.3125rem;
+ }
+
+.ui-dialog .ui-dialog-buttonpane button {
+ margin: 0;
+ }
+
.ui-widget-overlay {
z-index: 1259;
}
diff --git a/css/components/vertical-tabs.css b/css/components/vertical-tabs.css
index b32b561..69fbc0e 100644
--- a/css/components/vertical-tabs.css
+++ b/css/components/vertical-tabs.css
@@ -10,52 +10,78 @@
* Vertical Tabs.
*/
-:root {
- --vertical-tabs-menu-width: 15rem;
- --vertical-tabs-menu-border-width: 1px;
-}
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
@media (min-width: 62.5rem) {
- .vertical-tabs {
- display: flex;
+
+.vertical-tabs {
+ display: flex
+}
}
+
+[dir="ltr"] .vertical-tabs__menu {
+ margin-left: 0
+}
+
+[dir="rtl"] .vertical-tabs__menu {
+ margin-right: 0
+}
+
+[dir="ltr"] .vertical-tabs__menu {
+ margin-right: 0
+}
+
+[dir="rtl"] .vertical-tabs__menu {
+ margin-left: 0
}
.vertical-tabs__menu {
position: relative;
align-self: flex-start;
margin: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
list-style: none;
- border-width: var(--vertical-tabs-menu-border-width);
+ border-width: 1px;
border-style: solid;
- border-color: var(--color--gray-95);
+ border-color: var(--color--gray-95)
}
@media (min-width: 62.5rem) {
- .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__menu {
+ width: 15rem;
+ border-width: 1px 0 1px 1px
}
+ }
.vertical-tabs__panes {
- margin-block-start: calc(var(--vertical-tabs-menu-border-width) * -1);
+ margin-top: -1px
}
@media (min-width: 62.5rem) {
- .vertical-tabs__panes {
- width: calc(100% - var(--vertical-tabs-menu-width));
- margin-block-start: 0;
- }
+
+.vertical-tabs__panes {
+ width: calc(100% - 15rem);
+ margin-top: 0
}
+ }
@media (min-width: 62.5rem) {
- .vertical-tabs__pane {
- min-height: 100%;
- }
+
+.vertical-tabs__pane {
+ min-height: 100%
}
+ }
.vertical-tabs__pane.olivera-details {
margin: 0;
@@ -67,38 +93,64 @@
display: none;
}
-.vertical-tabs__menu-item:nth-child(n + 2) {
- border-block-start: var(--vertical-tabs-menu-border-width) solid var(--color--gray-95);
+.vertical-tabs__menu-item:nth-child(n+2) {
+ border-top: 1px solid var(--color--gray-95);
+}
+
+[dir="ltr"] .vertical-tabs__menu-item a {
+ padding-left: var(--sp0-75)
+}
+
+[dir="rtl"] .vertical-tabs__menu-item a {
+ padding-right: var(--sp0-75)
+}
+
+[dir="ltr"] .vertical-tabs__menu-item a {
+ padding-right: var(--sp0-75)
+}
+
+[dir="rtl"] .vertical-tabs__menu-item a {
+ padding-left: var(--sp0-75)
}
.vertical-tabs__menu-item a {
display: block;
- padding-block: var(--sp0-5);
- padding-inline-start: var(--sp0-75);
- padding-inline-end: var(--sp0-75);
- -webkit-text-decoration: none;
+ padding-top: var(--sp0-5);
+ padding-bottom: var(--sp0-5);
text-decoration: none;
color: var(--color-text-primary-loud);
- background-color: var(--color--gray-95);
+ 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);
+ background-color: var(--color--white)
}
@media (min-width: 62.5rem) {
- .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);
- }
+
+[dir="ltr"] .vertical-tabs__menu-item.is-selected {
+ margin-right: -1px
+}
+
+[dir="rtl"] .vertical-tabs__menu-item.is-selected {
+ margin-left: -1px
}
+[dir="ltr"] .vertical-tabs__menu-item.is-selected {
+ padding-right: 1px
+}
+
+[dir="rtl"] .vertical-tabs__menu-item.is-selected {
+ padding-left: 1px
+}
+ }
+
.vertical-tabs__menu-item.is-selected a {
background-color: transparent;
}
diff --git a/css/components/wide-image.css b/css/components/wide-image.css
index 637df39..1652d64 100644
--- a/css/components/wide-image.css
+++ b/css/components/wide-image.css
@@ -10,46 +10,106 @@
* Wide image component.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
+[dir="ltr"] .wide-image {
+ margin-left: 0
+}
+
+[dir="rtl"] .wide-image {
+ margin-right: 0
+}
+
+[dir="ltr"] .wide-image {
+ margin-right: 0
+}
+
+[dir="rtl"] .wide-image {
+ margin-left: 0
+}
+
.wide-image {
- margin-block-start: var(--sp0-5);
- margin-block-end: var(--sp2);
- margin-inline-start: 0;
- margin-inline-end: 0;
+ margin-top: var(--sp0-5);
+ margin-bottom: var(--sp2)
}
@media (min-width: 43.75rem) {
- .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))));
+
+[dir="ltr"] .wide-image {
+ margin-left: calc(var(--grid-col-width)*-1 + var(--grid-gap)*-1)
}
+
+[dir="rtl"] .wide-image {
+ margin-right: calc(var(--grid-col-width)*-1 + var(--grid-gap)*-1)
+ }
+
+.wide-image {
+ width: calc(var(--grid-col-count)*var(--grid-col-width) + var(--grid-gap-count)*var(--grid-gap));
+ margin-top: var(--sp2);
+ margin-bottom: var(--sp4)
}
+ }
@media (min-width: 62.5rem) {
- .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)));
+
+[dir="ltr"] .wide-image {
+ margin-left: calc(var(--grid-col-width)*-1 + var(--grid-gap)*-1)
+ }
+
+[dir="rtl"] .wide-image {
+ margin-right: calc(var(--grid-col-width)*-1 + var(--grid-gap)*-1)
}
+
+.wide-image {
+ width: calc(var(--grid-col-width)*12 + var(--grid-gap)*11)
}
+ }
/* Ensure that image doesn't overlap sidebar. */
@media (min-width: 62.5rem) {
- .sidebar-grid .wide-image {
- width: calc(9 * var(--grid-col-width) + 8 * var(--grid-gap));
- }
+
+.sidebar-grid .wide-image {
+ width: calc(var(--grid-col-width)*9 + var(--grid-gap)*8)
}
+ }
@media (min-width: 81.25rem) {
- .sidebar-grid .wide-image {
- width: calc(10 * var(--grid-col-width) + 9 * var(--grid-gap));
- }
+
+.sidebar-grid .wide-image {
+ width: calc(var(--grid-col-width)*10 + var(--grid-gap)*9)
}
+ }
/* Ensure that image doesn't overlap layout builder sections when editing layouts. */
+[dir="ltr"] .layout-builder .wide-image {
+ margin-left: 0
+}
+
+[dir="rtl"] .layout-builder .wide-image {
+ margin-right: 0
+}
+
+[dir="ltr"] .layout-builder .wide-image {
+ margin-right: 0
+}
+
+[dir="rtl"] .layout-builder .wide-image {
+ margin-left: 0
+}
+
.layout-builder .wide-image {
max-width: 100%;
- margin-inline-start: 0;
- margin-inline-end: 0;
}
diff --git a/css/layout/grid.css b/css/layout/grid.css
index d462d9c..1f7f865 100644
--- a/css/layout/grid.css
+++ b/css/layout/grid.css
@@ -10,18 +10,34 @@
* Grid system.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.grid-full {
+ display: -ms-grid;
display: grid;
+ -ms-grid-rows: 1fr;
grid-template-rows: 1fr;
+ -ms-grid-columns: (minmax(0, 1fr))[var(--grid-col-count)];
grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
- grid-column-gap: var(--grid-gap);
+ grid-column-gap: var(--grid-gap)
/* .grid-full classes nested 3 or more deep go full width. */
}
.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.
@@ -30,18 +46,22 @@
*/
@media (min-width: 43.75rem) {
- .layout--content-narrow .grid-full,
- .layout--pass--content-narrow > * .grid-full {
- grid-template-columns: repeat(calc(var(--grid-col-count) - 2), minmax(0, 1fr));
- }
+
+.layout--content-narrow .grid-full,
+.layout--pass--content-narrow > * .grid-full {
+ -ms-grid-columns: (minmax(0, 1fr))[calc(var(--grid-col-count) - 2)];
+ 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 {
- grid-template-columns: repeat(calc(var(--grid-col-count) - 6), minmax(0, 1fr));
- }
+
+.layout--content-narrow .grid-full,
+.layout--pass--content-narrow > * .grid-full {
+ -ms-grid-columns: (minmax(0, 1fr))[calc(var(--grid-col-count) - 6)];
+ 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.
@@ -50,15 +70,19 @@
*/
@media (min-width: 43.75rem) {
- .layout--content-medium .grid-full,
- .layout--pass--content-medium > * .grid-full {
- grid-template-columns: repeat(calc(var(--grid-col-count) - 2), minmax(0, 1fr));
- }
+
+.layout--content-medium .grid-full,
+.layout--pass--content-medium > * .grid-full {
+ -ms-grid-columns: (minmax(0, 1fr))[calc(var(--grid-col-count) - 2)];
+ 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 {
- grid-template-columns: repeat(calc(var(--grid-col-count) - 4), minmax(0, 1fr));
- }
+
+.layout--content-medium .grid-full,
+.layout--pass--content-medium > * .grid-full {
+ -ms-grid-columns: (minmax(0, 1fr))[calc(var(--grid-col-count) - 4)];
+ grid-template-columns: repeat(calc(var(--grid-col-count) - 4), minmax(0, 1fr))
}
+ }
diff --git a/css/layout/layout-builder-fourcol-section.css b/css/layout/layout-builder-fourcol-section.css
index c607c6f..9ddc38d 100644
--- a/css/layout/layout-builder-fourcol-section.css
+++ b/css/layout/layout-builder-fourcol-section.css
@@ -10,66 +10,105 @@
* Provides the layout styles for four-column layout section.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.layout--fourcol-section {
display: flex;
- flex-wrap: wrap;
+ flex-wrap: wrap
}
.layout--fourcol-section > .layout__region {
- flex: 1 0 100%;
- margin-block-end: var(--grid-gap);
-}
+ flex: 1 0 100%;
+ margin-bottom: 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-bottom: 0
}
-}
+ }
+
+.layout--fourcol-section {
-/* Two column layout. */
+ /* 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-bottom: var(--grid-gap);
+ }
+
+ [dir="ltr"] .layout--fourcol-section > .layout__region--first,[dir="ltr"]
+ .layout--fourcol-section > .layout__region--third {
+ margin-right: 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);
+ [dir="rtl"] .layout--fourcol-section > .layout__region--first,[dir="rtl"]
+ .layout--fourcol-section > .layout__region--third {
+ margin-left: 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);
+ [dir="ltr"] .layout--fourcol-section > .layout__region--second,[dir="ltr"]
+ .layout--fourcol-section > .layout__region--fourth {
+ margin-left: calc(var(--grid-gap)*0.5)
}
-}
-/* Four column layout. */
+ [dir="rtl"] .layout--fourcol-section > .layout__region--second,[dir="rtl"]
+ .layout--fourcol-section > .layout__region--fourth {
+ margin-right: calc(var(--grid-gap)*0.5)
+ }
+ }
+
+.layout--fourcol-section {
+
+ /* 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-bottom: 0;
+ }
- .layout--fourcol-section > .layout__region--first,
- .layout--fourcol-section > .layout__region--second {
- margin-block-end: 0;
+ [dir="ltr"] .layout--fourcol-section > .layout__region--first {
+ margin-right: calc(var(--grid-gap)*0.5)
}
- .layout--fourcol-section > .layout__region--first {
- margin-inline-end: calc(var(--grid-gap) * 0.5);
+ [dir="rtl"] .layout--fourcol-section > .layout__region--first {
+ margin-left: 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-left: calc(var(--grid-gap)*0.5);
+ margin-right: calc(var(--grid-gap)*0.5);
+ }
+
+ [dir="ltr"] .layout--fourcol-section > .layout__region--fourth {
+ margin-left: calc(var(--grid-gap)*0.5)
}
- .layout--fourcol-section > .layout__region--fourth {
- margin-inline-start: calc(var(--grid-gap) * 0.5);
+ [dir="rtl"] .layout--fourcol-section > .layout__region--fourth {
+ margin-right: calc(var(--grid-gap)*0.5)
+ }
}
-}
diff --git a/css/layout/layout-builder-threecol-section.css b/css/layout/layout-builder-threecol-section.css
index df66d8b..9caf4ff 100644
--- a/css/layout/layout-builder-threecol-section.css
+++ b/css/layout/layout-builder-threecol-section.css
@@ -10,63 +10,85 @@
* Provides the layout styles for three-column layout section.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.layout--threecol-section {
display: flex;
- flex-wrap: wrap;
+ flex-wrap: wrap
}
.layout--threecol-section > .layout__region {
- 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;
+ flex: 1 0 100%;
+ margin-bottom: var(--grid-gap)
}
-}
@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--second {
- margin-inline: calc(var(--grid-gap) * 0.5);
+.layout--threecol-section > .layout__region {
+ flex-grow: 0;
+ flex-shrink: 0;
+ margin-bottom: 0
}
+ }
- .layout--threecol-section > .layout__region--third {
- margin-inline-start: calc(var(--grid-gap) * 0.5);
+@media (min-width: 62.5rem) {
+ [dir="ltr"] .layout--threecol-section > .layout__region--first {
+ margin-right: 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));
+ [dir="rtl"] .layout--threecol-section > .layout__region--first {
+ margin-left: calc(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 > .layout__region--second {
+ margin-left: calc(var(--grid-gap)*0.5);
+ margin-right: calc(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));
+ [dir="ltr"] .layout--threecol-section > .layout__region--third {
+ margin-left: calc(var(--grid-gap)*0.5)
}
- .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));
+ [dir="rtl"] .layout--threecol-section > .layout__region--third {
+ margin-right: 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-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);
+ }
}
diff --git a/css/layout/layout-builder-twocol-section.css b/css/layout/layout-builder-twocol-section.css
index 43dfb2b..1f3d686 100644
--- a/css/layout/layout-builder-twocol-section.css
+++ b/css/layout/layout-builder-twocol-section.css
@@ -10,68 +10,142 @@
* Provides the layout styles for two-column layout section.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.layout--twocol-section {
display: flex;
- flex-wrap: wrap;
+ flex-wrap: wrap
}
.layout--twocol-section > .layout__region {
- flex: 1 0 100%;
- margin-block-end: var(--grid-gap);
-}
+ flex: 1 0 100%;
+ margin-bottom: 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-bottom: 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);
+ [dir="ltr"] .layout--twocol-section--50-50 > .layout__region--first {
+ margin-right: calc(var(--grid-gap)*0.5)
+ }
+ [dir="rtl"] .layout--twocol-section--50-50 > .layout__region--first {
+ margin-left: calc(var(--grid-gap)*0.5)
+ }
+ .layout--twocol-section--50-50 > .layout__region--first {
+ flex-basis: calc(50% - var(--grid-gap)*0.5);
+ }
+
+ [dir="ltr"] .layout--twocol-section--50-50 > .layout__region--second {
+ margin-left: calc(var(--grid-gap)*0.5)
+ }
+
+ [dir="rtl"] .layout--twocol-section--50-50 > .layout__region--second {
+ margin-right: calc(var(--grid-gap)*0.5)
+ }
+
+ .layout--twocol-section--50-50 > .layout__region--second {
+ flex-basis: calc(50% - var(--grid-gap)*0.5);
+ }
+ [dir="ltr"] .layout--twocol-section--33-67 > .layout__region--first {
+ margin-right: calc(var(--grid-gap)*0.3333)
+ }
+ [dir="rtl"] .layout--twocol-section--33-67 > .layout__region--first {
+ margin-left: calc(var(--grid-gap)*0.3333)
+ }
+ .layout--twocol-section--33-67 > .layout__region--first {
+ flex-basis: calc(33.33% - var(--grid-gap)*0.3333);
+ }
+
+ [dir="ltr"] .layout--twocol-section--33-67 > .layout__region--second {
+ margin-left: calc(var(--grid-gap)*0.6666)
+ }
+
+ [dir="rtl"] .layout--twocol-section--33-67 > .layout__region--second {
+ margin-right: calc(var(--grid-gap)*0.6666)
}
- .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--second {
+ flex-basis: calc(66.66% - var(--grid-gap)*0.6666);
+ }
+ [dir="ltr"] .layout--twocol-section--67-33 > .layout__region--first {
+ margin-right: calc(var(--grid-gap)*0.6666)
}
- .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);
+ [dir="rtl"] .layout--twocol-section--67-33 > .layout__region--first {
+ margin-left: calc(var(--grid-gap)*0.6666)
}
+ .layout--twocol-section--67-33 > .layout__region--first {
+ flex-basis: calc(66.66% - 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);
+ [dir="ltr"] .layout--twocol-section--67-33 > .layout__region--second {
+ margin-left: calc(var(--grid-gap)*0.3333)
}
- .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);
+
+ [dir="rtl"] .layout--twocol-section--67-33 > .layout__region--second {
+ margin-right: calc(var(--grid-gap)*0.3333)
+ }
+
+ .layout--twocol-section--67-33 > .layout__region--second {
+ flex-basis: calc(33.33% - var(--grid-gap)*0.3333);
+ }
+ [dir="ltr"] .layout--twocol-section--25-75 > .layout__region--first {
+ margin-right: calc(var(--grid-gap)*0.25)
+ }
+ [dir="rtl"] .layout--twocol-section--25-75 > .layout__region--first {
+ margin-left: calc(var(--grid-gap)*0.25)
}
+ .layout--twocol-section--25-75 > .layout__region--first {
+ flex-basis: calc(25% - 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);
+ [dir="ltr"] .layout--twocol-section--25-75 > .layout__region--second {
+ margin-left: calc(var(--grid-gap)*0.75)
}
- .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);
+
+ [dir="rtl"] .layout--twocol-section--25-75 > .layout__region--second {
+ margin-right: 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--25-75 > .layout__region--second {
+ flex-basis: calc(75% - var(--grid-gap)*0.75);
+ }
+ [dir="ltr"] .layout--twocol-section--75-25 > .layout__region--first {
+ margin-right: calc(var(--grid-gap)*0.75)
+ }
+ [dir="rtl"] .layout--twocol-section--75-25 > .layout__region--first {
+ margin-left: 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--first {
+ flex-basis: calc(75% - var(--grid-gap)*0.75);
+ }
+
+ [dir="ltr"] .layout--twocol-section--75-25 > .layout__region--second {
+ margin-left: 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);
+ [dir="rtl"] .layout--twocol-section--75-25 > .layout__region--second {
+ margin-right: calc(var(--grid-gap)*0.25)
}
+
+ .layout--twocol-section--75-25 > .layout__region--second {
+ flex-basis: calc(25% - var(--grid-gap)*0.25);
+ }
}
diff --git a/css/layout/layout-content-medium.css b/css/layout/layout-content-medium.css
index bae3903..2da76c8 100644
--- a/css/layout/layout-content-medium.css
+++ b/css/layout/layout-content-medium.css
@@ -10,25 +10,46 @@
* Grid system definition for the content wide layout.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.layout--content-medium,
.layout--pass--content-medium > * {
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 6;
grid-column: 1 / 7;
- width: 100%;
+ width: 100%
}
@media (min-width: 43.75rem) {
- .layout--content-medium,
- .layout--pass--content-medium > * {
- grid-column: 2 / 14;
- }
+
+.layout--content-medium,
+.layout--pass--content-medium > * {
+ -ms-grid-column: 2;
+ -ms-grid-column-span: 12;
+ grid-column: 2 / 14
}
+ }
@media (min-width: 62.5rem) {
- .layout--content-medium,
- .layout--pass--content-medium > * {
- grid-column: 3 / 13;
- }
+
+.layout--content-medium,
+.layout--pass--content-medium > * {
+ -ms-grid-column: 3;
+ -ms-grid-column-span: 10;
+ grid-column: 3 / 13
}
+ }
/*
If .layout--content-medium is nested within itself, or an element that's inheriting the
@@ -37,19 +58,25 @@
*/
@media (min-width: 43.75rem) {
- .layout--pass--content-medium > * .layout--content-medium,
- .layout--content-medium .layout--content-medium,
+
+.layout--pass--content-medium > * .layout--content-medium,
.layout--pass--content-medium > * .layout--pass--content-medium > *,
+ .layout--content-medium .layout--content-medium,
.layout--content-medium .layout--pass--content-medium > * {
- grid-column: 1 / 13;
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 12;
+ grid-column: 1 / 13
}
-}
+ }
@media (min-width: 62.5rem) {
- .layout--pass--content-medium > * .layout--content-medium,
- .layout--content-medium .layout--content-medium,
+
+.layout--pass--content-medium > * .layout--content-medium,
.layout--pass--content-medium > * .layout--pass--content-medium > *,
+ .layout--content-medium .layout--content-medium,
.layout--content-medium .layout--pass--content-medium > * {
- grid-column: 1 / 11;
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 10;
+ grid-column: 1 / 11
}
-}
+ }
diff --git a/css/layout/layout-content-narrow.css b/css/layout/layout-content-narrow.css
index aabeee4..2adc0b0 100644
--- a/css/layout/layout-content-narrow.css
+++ b/css/layout/layout-content-narrow.css
@@ -10,25 +10,46 @@
* Grid system definition for the content narrow layout.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.layout--content-narrow,
.layout--pass--content-narrow > * {
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 6;
grid-column: 1 / 7;
- width: 100%;
+ width: 100%
}
@media (min-width: 43.75rem) {
- .layout--content-narrow,
- .layout--pass--content-narrow > * {
- grid-column: 2 / 14;
- }
+
+.layout--content-narrow,
+.layout--pass--content-narrow > * {
+ -ms-grid-column: 2;
+ -ms-grid-column-span: 12;
+ grid-column: 2 / 14
}
+ }
@media (min-width: 62.5rem) {
- .layout--content-narrow,
- .layout--pass--content-narrow > * {
- grid-column: 3 / 11;
- }
+
+.layout--content-narrow,
+.layout--pass--content-narrow > * {
+ -ms-grid-column: 3;
+ -ms-grid-column-span: 8;
+ grid-column: 3 / 11
}
+ }
/*
If .layout--content-narrow is nested within any of the following, allocate the appropriate
@@ -40,30 +61,36 @@
*/
@media (min-width: 43.75rem) {
- .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,
+
+.layout--content-narrow .layout--content-narrow,
.layout--content-narrow .layout--pass--content-narrow > *,
+ .layout--pass--content-narrow > * .layout--content-narrow,
.layout--pass--content-narrow > * .layout--pass--content-narrow > *,
+ .layout--content-medium .layout--content-narrow,
.layout--content-medium .layout--pass--content-narrow > *,
+ .layout--pass--content-medium > * .layout--content-narrow,
.layout--pass--content-medium > * .layout--pass--content-narrow > * {
- grid-column: 1 / 13;
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 12;
+ grid-column: 1 / 13
}
-}
+ }
@media (min-width: 62.5rem) {
- .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,
+
+.layout--content-narrow .layout--content-narrow,
.layout--content-narrow .layout--pass--content-narrow > *,
+ .layout--pass--content-narrow > * .layout--content-narrow,
.layout--pass--content-narrow > * .layout--pass--content-narrow > *,
+ .layout--content-medium .layout--content-narrow,
.layout--content-medium .layout--pass--content-narrow > *,
+ .layout--pass--content-medium > * .layout--content-narrow,
.layout--pass--content-medium > * .layout--pass--content-narrow > * {
- grid-column: 1 / 9;
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 8;
+ grid-column: 1 / 9
}
-}
+ }
/*
Special grid-breaking treatment for text-content elements that
@@ -71,55 +98,79 @@
*/
@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)));
+
+[dir="ltr"] .layout--content-narrow.text-content blockquote::before,[dir="ltr"] .layout--content-narrow .text-content blockquote::before,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote::before,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote::before {
+ left: calc(var(--grid-col-width)*-1 + var(--grid-gap)*-1)
}
-}
-@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;
+[dir="rtl"] .layout--content-narrow.text-content blockquote::before,[dir="rtl"] .layout--content-narrow .text-content blockquote::before,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote::before,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote::before {
+ right: calc(var(--grid-col-width)*-1 + var(--grid-gap)*-1)
}
-}
+ }
@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;
+
+[dir="ltr"] .layout--content-narrow.text-content blockquote::after,[dir="ltr"] .layout--content-narrow .text-content blockquote::after,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote::after,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote::after {
+ left: calc(var(--grid-col-width)*-1 + var(--grid-gap)*-1)
+ }
+
+[dir="rtl"] .layout--content-narrow.text-content blockquote::after,[dir="rtl"] .layout--content-narrow .text-content blockquote::after,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote::after,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote::after {
+ right: calc(var(--grid-col-width)*-1 + var(--grid-gap)*-1)
+ }
+
+[dir="ltr"] .layout--content-narrow.text-content blockquote::after,[dir="ltr"] .layout--content-narrow .text-content blockquote::after,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote::after,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote::after {
+ margin-left: 2px
+ }
+
+[dir="rtl"] .layout--content-narrow.text-content blockquote::after,[dir="rtl"] .layout--content-narrow .text-content blockquote::after,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote::after,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote::after {
+ margin-right: 2px
}
-}
+
+.layout--content-narrow.text-content blockquote::after, .layout--content-narrow .text-content blockquote::after, .layout--pass--content-narrow > *.text-content blockquote::after, .layout--pass--content-narrow > * .text-content blockquote::after {
+ width: var(--sp);
+ height: calc(100% - 2.8125rem)
+ }
+ }
@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);
+
+[dir="ltr"] .layout--content-narrow.text-content blockquote,[dir="ltr"] .layout--content-narrow .text-content blockquote,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote {
+ padding-left: 0
}
-}
+
+[dir="rtl"] .layout--content-narrow.text-content blockquote,[dir="rtl"] .layout--content-narrow .text-content blockquote,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote {
+ padding-right: 0
+ }
+
+.layout--content-narrow.text-content blockquote, .layout--content-narrow .text-content blockquote, .layout--pass--content-narrow > *.text-content blockquote, .layout--pass--content-narrow > * .text-content blockquote {
+ width: calc(var(--grid-col-width)*10 + var(--grid-gap)*9);
+ margin-top: var(--sp3);
+ margin-bottom: var(--sp3)
+ }
+ }
+
+@media (min-width: 43.75rem) {
+
+.layout--content-narrow.text-content pre, .layout--content-narrow .text-content pre, .layout--pass--content-narrow > *.text-content pre, .layout--pass--content-narrow > * .text-content pre {
+ margin-top: var(--sp3);
+ margin-bottom: 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)));
+
+[dir="ltr"] .layout--content-narrow.text-content pre,[dir="ltr"] .layout--content-narrow .text-content pre,[dir="ltr"] .layout--pass--content-narrow > *.text-content pre,[dir="ltr"] .layout--pass--content-narrow > * .text-content pre {
+ margin-left: calc(var(--grid-col-width)*-1 + var(--grid-gap)*-1)
}
-}
+
+[dir="rtl"] .layout--content-narrow.text-content pre,[dir="rtl"] .layout--content-narrow .text-content pre,[dir="rtl"] .layout--pass--content-narrow > *.text-content pre,[dir="rtl"] .layout--pass--content-narrow > * .text-content pre {
+ margin-right: calc(var(--grid-col-width)*-1 + var(--grid-gap)*-1)
+ }
+
+.layout--content-narrow.text-content pre, .layout--content-narrow .text-content pre, .layout--pass--content-narrow > *.text-content pre, .layout--pass--content-narrow > * .text-content pre {
+ width: calc(var(--grid-col-width)*12 + var(--grid-gap)*11)
+ }
+ }
/**
*
and elements should not break containers and overflow
@@ -127,12 +178,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--content-narrow.text-content pre,
+ .sidebar-grid .layout--content-narrow .text-content blockquote,
+ .sidebar-grid .layout--content-narrow .text-content pre,
+ .sidebar-grid .layout--pass--content-narrow > *.text-content blockquote,
+ .sidebar-grid .layout--pass--content-narrow > *.text-content pre,
+ .sidebar-grid .layout--pass--content-narrow > * .text-content blockquote,
+ .sidebar-grid .layout--pass--content-narrow > * .text-content pre {
+ width: auto;
+ }
diff --git a/css/layout/layout-discovery-section-layout.css b/css/layout/layout-discovery-section-layout.css
index e92fe2c..934d59a 100644
--- a/css/layout/layout-discovery-section-layout.css
+++ b/css/layout/layout-discovery-section-layout.css
@@ -10,18 +10,33 @@
* Provides default layout styles for all layout sections.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.layout {
- margin-block-end: var(--sp);
+ margin-bottom: var(--sp)
}
@media (min-width: 43.75rem) {
- .layout {
- margin-block-end: var(--sp2);
- }
+
+.layout {
+ margin-bottom: var(--sp2)
}
+ }
@media (min-width: 62.5rem) {
- .layout {
- margin-block-end: var(--sp3);
- }
+
+.layout {
+ margin-bottom: var(--sp3)
}
+ }
diff --git a/css/layout/layout-footer.css b/css/layout/layout-footer.css
index 17df54d..45bae86 100644
--- a/css/layout/layout-footer.css
+++ b/css/layout/layout-footer.css
@@ -10,6 +10,19 @@
* Grid system definition for the footer top and footer bottom layouts.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
/**
* Creates stacking context ensuring that child elements can never appear in
* front of mobile navigation.
@@ -21,37 +34,43 @@
}
.site-footer__inner {
- padding-block: var(--sp2);
+ padding-top: var(--sp2);
+ padding-bottom: var(--sp2)
}
@media (min-width: 75rem) {
- .site-footer__inner {
- padding-block: var(--sp4) calc(13 * var(--sp));
- }
-}
-.region--footer_top__inner > *,
-.region--footer_bottom__inner > * {
- margin-block-end: var(--sp2);
+.site-footer__inner {
+ padding-top: var(--sp4);
+ padding-bottom: calc(var(--sp)*13)
}
+ }
+
+.region--footer_top__inner > *, .region--footer_bottom__inner > * {
+ margin-bottom: 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-bottom: 0
}
- .region--footer_top__inner > *:not(:last-child),
- .region--footer_bottom__inner > *:not(:last-child) {
- margin-inline-end: var(--sp2);
+ [dir="ltr"] .region--footer_top__inner > *:not(:last-child),[dir="ltr"] .region--footer_bottom__inner > *:not(:last-child) {
+ margin-right: var(--sp2);
}
-}
+
+ [dir="rtl"] .region--footer_top__inner > *:not(:last-child),[dir="rtl"] .region--footer_bottom__inner > *:not(:last-child) {
+ margin-left: 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;
- }
+ flex-wrap: wrap
}
+ }
diff --git a/css/layout/layout-sidebar.css b/css/layout/layout-sidebar.css
index 4ff12fa..1dc1f95 100644
--- a/css/layout/layout-sidebar.css
+++ b/css/layout/layout-sidebar.css
@@ -10,50 +10,86 @@
* Special grid system for sidebar.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.sidebar-grid > .site-main {
- grid-column: 1 / 7;
- align-self: flex-start;
-}
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 6;
+ 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 {
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 14;
+ 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 > .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 {
+ display: -ms-grid;
+ display: grid;
+ -ms-grid-columns: (minmax(0, 1fr))[8];
+ grid-template-columns: repeat(8, minmax(0, 1fr));
+ -ms-grid-column: 3;
+ -ms-grid-column-span: 8;
+ grid-column: 3 / 11
}
- .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 > .region--content-above,
+ .sidebar-grid > .site-main > .region--content {
+ -ms-grid-columns: (minmax(0, 1fr))[8];
+ grid-template-columns: repeat(8, minmax(0, 1fr));
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 8;
+ 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 > * {
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 8;
+ grid-column: 1 / 9;
+ }
+ }
.sidebar-grid .region--sidebar {
- grid-column: 1 / 7;
-}
+ -ms-grid-column: 1;
+ -ms-grid-column-span: 6;
+ grid-column: 1 / 7
+ }
@media (min-width: 43.75rem) {
- .sidebar-grid .region--sidebar {
- grid-column: 3 / 13;
+
+.sidebar-grid .region--sidebar {
+ -ms-grid-column: 3;
+ -ms-grid-column-span: 10;
+ grid-column: 3 / 13
}
-}
+ }
@media (min-width: 62.5rem) {
- .sidebar-grid .region--sidebar {
- grid-column: 12 / 15;
+
+.sidebar-grid .region--sidebar {
+ -ms-grid-column: 12;
+ -ms-grid-column-span: 3;
+ grid-column: 12 / 15
}
-}
+ }
diff --git a/css/layout/layout-views-grid.css b/css/layout/layout-views-grid.css
index 42c5c2a..c76c61f 100644
--- a/css/layout/layout-views-grid.css
+++ b/css/layout/layout-views-grid.css
@@ -14,6 +14,19 @@
* they reach the --views-grid-item--min-width value.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.views-view-grid {
--views-grid--layout-gap: var(--sp);
--views-grid--column-count: 4; /* Will be overridden by an inline style. */
@@ -25,8 +38,10 @@
* Calculated values.
*/
--views-grid--gap-count: calc(var(--views-grid--column-count) - 1);
- --views-grid--total-gap-width: calc(var(--views-grid--gap-count) * var(--views-grid--layout-gap));
- --views-grid-item--max-width: calc((100% - var(--views-grid--total-gap-width)) / var(--views-grid--column-count));
+ --views-grid--total-gap-width: calc(var(--views-grid--gap-count)*var(--views-grid--layout-gap));
+ --views-grid-item--max-width: calc((100% - var(--views-grid--total-gap-width))/var(--views-grid--column-count));
+
+ display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(max(var(--views-grid-item--min-width), var(--views-grid-item--max-width)), 1fr));
@@ -34,14 +49,14 @@
}
.views-view-grid--vertical {
- margin-block-end: calc(-1 * var(--views-grid--layout-gap)); /* Offset the bottom row's padding. */
+ margin-bottom: calc(var(--views-grid--layout-gap)*-1); /* Offset the bottom row's padding. */
column-width: var(--views-grid-item--min-width);
column-count: var(--views-grid--column-count);
- column-gap: var(--views-grid--layout-gap);
+ grid-column-gap: var(--views-grid--layout-gap)
}
.views-view-grid--vertical .views-view-grid__item > * {
- padding-block-end: var(--views-grid--layout-gap);
- page-break-inside: avoid;
- break-inside: avoid;
-}
+ padding-bottom: var(--views-grid--layout-gap);
+ page-break-inside: avoid;
+ break-inside: avoid;
+ }
diff --git a/css/layout/layout.css b/css/layout/layout.css
index 3753598..825af5a 100644
--- a/css/layout/layout.css
+++ b/css/layout/layout.css
@@ -10,10 +10,24 @@
* Base Layout.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.container {
width: 100%;
max-width: var(--max-width);
- padding-inline: var(--container-padding);
+ padding-left: var(--container-padding);
+ padding-right: var(--container-padding)
/* This fixes an issue where if the toolbar is open in vertical mode, and
* the mobile navigation is open, the "close" button gets pushed outside of
@@ -21,7 +35,7 @@
}
body.is-fixed .container {
- width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
+ width: 100%
}
.page-wrapper {
@@ -42,26 +56,36 @@ body.is-fixed .container {
/* Contains the social sidebar, and the primary content area. */
@media (min-width: 75rem) {
- .layout-main {
+
+.layout-main {
display: flex;
flex-direction: row-reverse;
- flex-wrap: wrap;
- }
+ flex-wrap: wrap
}
+ }
@media (min-width: 75rem) {
- .main-content {
- width: calc(100% - var(--content-left));
- margin-inline-end: auto;
+
+[dir="ltr"] .main-content {
+ margin-right: auto
+ }
+
+[dir="rtl"] .main-content {
+ margin-left: auto
}
+
+.main-content {
+ width: calc(100% - var(--content-left))
}
+ }
.main-content__container {
- padding-block-start: var(--sp3);
+ padding-top: var(--sp3)
}
@media (min-width: 43.75rem) {
- .main-content__container {
- padding-block-start: var(--sp5);
- }
+
+.main-content__container {
+ padding-top: var(--sp5)
}
+ }
diff --git a/css/layout/region-content-below.css b/css/layout/region-content-below.css
index 14341c4..096f8c5 100644
--- a/css/layout/region-content-below.css
+++ b/css/layout/region-content-below.css
@@ -10,37 +10,73 @@
* Content below region layout.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
@media (min-width: 43.75rem) {
- .region--content-below {
+
+.region--content-below {
display: flex;
- flex-wrap: wrap;
- }
+ 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);
- }
+ [dir="ltr"] .region--content-below > * {
+ margin-right: var(--grid-gap)
+}
- .region--content-below > *:nth-child(2n),
- .region--content-below > *:last-child {
- margin-inline-end: 0;
- }
+ [dir="rtl"] .region--content-below > * {
+ margin-left: var(--grid-gap)
}
-@media (min-width: 43.75rem) {
- .region--content-below > * {
- flex-basis: calc(33.33% - (var(--grid-gap) * 0.667));
- }
+ .region--content-below > * {
+ flex-basis: calc(50% - var(--grid-gap)/2);
+ flex-grow: 1;
+ flex-shrink: 0
+ }
- .region--content-below > *:nth-child(2n),
- .region--content-below > *:last-child {
- margin-inline-end: var(--grid-gap);
- }
+ [dir="ltr"] .region--content-below > *:nth-child(2n),[dir="ltr"]
+ .region--content-below > *:last-child {
+ margin-right: 0
+}
- .region--content-below > *:nth-child(3n),
- .region--content-below > *:last-child {
- margin-inline-end: 0;
+ [dir="rtl"] .region--content-below > *:nth-child(2n),[dir="rtl"]
+ .region--content-below > *:last-child {
+ margin-left: 0
+}
}
+
+@media (min-width: 43.75rem) {
+ .region--content-below > * {
+ flex-basis: calc(33.33% - var(--grid-gap)*0.667)
+ }
+
+ [dir="ltr"] .region--content-below > *:nth-child(2n),[dir="ltr"]
+ .region--content-below > *:last-child {
+ margin-right: var(--grid-gap)
}
+
+ [dir="rtl"] .region--content-below > *:nth-child(2n),[dir="rtl"]
+ .region--content-below > *:last-child {
+ margin-left: var(--grid-gap)
+}
+
+ [dir="ltr"] .region--content-below > *:nth-child(3n),[dir="ltr"]
+ .region--content-below > *:last-child {
+ margin-right: 0
+}
+
+ [dir="rtl"] .region--content-below > *:nth-child(3n),[dir="rtl"]
+ .region--content-below > *:last-child {
+ margin-left: 0
+}
+ }
diff --git a/css/layout/region-content.css b/css/layout/region-content.css
index 7e60724..bc8e12d 100644
--- a/css/layout/region-content.css
+++ b/css/layout/region-content.css
@@ -10,18 +10,33 @@
* Content region layout.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.region--content {
- margin-block-end: var(--sp);
+ margin-bottom: var(--sp)
}
@media (min-width: 43.75rem) {
- .region--content {
- margin-block-end: var(--sp2);
- }
+
+.region--content {
+ margin-bottom: var(--sp2)
}
+ }
@media (min-width: 62.5rem) {
- .region--content {
- margin-block-end: var(--sp3);
- }
+
+.region--content {
+ margin-bottom: var(--sp3)
}
+ }
diff --git a/css/layout/region-hero.css b/css/layout/region-hero.css
index f739ad9..86b1c68 100644
--- a/css/layout/region-hero.css
+++ b/css/layout/region-hero.css
@@ -10,6 +10,19 @@
* Region default layout.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.region--hero > *:last-child {
- margin-block-end: 0;
-}
+ margin-bottom: 0;
+ }
diff --git a/css/layout/region-secondary-menu.css b/css/layout/region-secondary-menu.css
index 5f17730..4de9ad5 100644
--- a/css/layout/region-secondary-menu.css
+++ b/css/layout/region-secondary-menu.css
@@ -10,24 +10,37 @@
* Secondary menu region layout styling.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.region--secondary-menu {
display: flex;
- margin-block-start: var(--sp2);
- margin-block-end: var(--sp2);
+ margin-top: var(--sp2);
+ margin-bottom: var(--sp2)
}
.region--secondary-menu > * {
- margin-block-end: 0;
-}
+ margin-bottom: 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/css/layout/region.css b/css/layout/region.css
index e6a968d..e11590f 100644
--- a/css/layout/region.css
+++ b/css/layout/region.css
@@ -10,18 +10,33 @@
* Region default layout.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.region > * {
- margin-block-end: var(--sp);
+ margin-bottom: var(--sp)
}
@media (min-width: 43.75rem) {
- .region > * {
- margin-block-end: var(--sp2);
- }
+
+.region > * {
+ margin-bottom: var(--sp2)
}
+ }
@media (min-width: 62.5rem) {
- .region > * {
- margin-block-end: var(--sp3);
- }
+
+.region > * {
+ margin-bottom: var(--sp3)
}
+ }
diff --git a/css/layout/social-bar.css b/css/layout/social-bar.css
index 2b5b72e..9b82a67 100644
--- a/css/layout/social-bar.css
+++ b/css/layout/social-bar.css
@@ -11,65 +11,132 @@
.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
@media (min-width: 75rem) {
- .social-bar {
+
+.social-bar {
flex-shrink: 0;
width: var(--content-left);
- background-color: var(--color--gray-100);
+ background-color: var(--color--gray-100)
+}
}
+
+[dir="ltr"] .social-bar__inner {
+ padding-left: var(--sp)
+}
+
+[dir="rtl"] .social-bar__inner {
+ padding-right: var(--sp)
+}
+
+[dir="ltr"] .social-bar__inner {
+ padding-right: var(--sp)
+}
+
+[dir="rtl"] .social-bar__inner {
+ padding-left: var(--sp)
}
.social-bar__inner {
position: relative;
- padding-block: var(--sp0-5);
- padding-inline-start: var(--sp);
- padding-inline-end: var(--sp);
+ padding-top: var(--sp0-5);
+ padding-bottom: var(--sp0-5)
}
@media (min-width: 75rem) {
- .social-bar__inner {
+
+[dir="ltr"] .social-bar__inner {
+ padding-left: 0
+}
+
+[dir="rtl"] .social-bar__inner {
+ padding-right: 0
+}
+
+[dir="ltr"] .social-bar__inner {
+ padding-right: 0
+}
+
+[dir="rtl"] .social-bar__inner {
+ padding-left: 0
+}
+
+.social-bar__inner {
position: relative;
width: var(--content-left);
- padding-block: calc(5 * var(--sp));
- padding-inline-start: 0;
- padding-inline-end: 0;
- }
+ padding-top: calc(var(--sp)*5);
+ padding-bottom: calc(var(--sp)*5)
+}
- .social-bar__inner.is-fixed {
- position: fixed;
- inset-block-start: var(--sp6);
- inset-inline-start: 0;
- height: calc(100vh - 6 * var(--sp));
- }
+ [dir="ltr"] .social-bar__inner.is-fixed {
+ left: 0
}
-.rotate > * {
- margin-block-end: var(--sp2);
+ [dir="rtl"] .social-bar__inner.is-fixed {
+ right: 0
}
-@media (min-width: 75rem) {
- .rotate > * {
- display: flex;
- align-items: center;
- margin-block-end: 0;
+ .social-bar__inner.is-fixed {
+ position: fixed;
+ top: var(--sp6);
+ height: calc(100vh - var(--sp)*6);
+ }
}
- .rotate > *:not(:first-child) {
- margin-inline-end: var(--sp2);
+.rotate > * {
+ margin-bottom: var(--sp2)
+ }
+
+@media (min-width: 75rem) {
+
+.rotate > * {
+ display: flex;
+ align-items: center;
+ margin-bottom: 0
}
+
+ [dir="ltr"] .rotate > *:not(:first-child) {
+ margin-right: var(--sp2)
+}
+
+ [dir="rtl"] .rotate > *:not(:first-child) {
+ margin-left: var(--sp2)
}
+ }
@media (min-width: 75rem) {
- .rotate .contextual {
- inset-inline: 100% auto;
- transform: rotate(90deg); /* LTR */
- transform-origin: top left; /* LTR */
+
+[dir="ltr"] .rotate .contextual {
+ left: 100%;
+ right: auto
+}
+
+[dir="rtl"] .rotate .contextual {
+ right: 100%;
+ left: auto
+}
+
+.rotate .contextual {
+ 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.
@@ -77,38 +144,48 @@
* @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 {
+
+[dir="ltr"] .rotate {
+ left: 50%
+}
+
+[dir="rtl"] .rotate {
+ right: 50%
+}
+
+.rotate {
position: absolute;
- inset-inline-start: 50%;
display: flex;
flex-direction: row-reverse;
width: 100vh;
transform: rotate(-90deg) translateX(-100%); /* LTR */
- transform-origin: left; /* LTR */
- }
+ transform-origin: left /* LTR */
+}
- @supports (width: max-content) {
- .rotate {
- width: max-content;
+ @supports ((width: -webkit-max-content) or (width: max-content)) {
+
+.rotate {
+ width: -webkit-max-content;
+ 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/css/layout/views.css b/css/layout/views.css
index e97620b..175272d 100644
--- a/css/layout/views.css
+++ b/css/layout/views.css
@@ -10,16 +10,30 @@
* Styles for views.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
.view > * {
- margin-block-end: var(--sp2);
-}
+ margin-bottom: var(--sp2)
+ }
.view > *:last-child {
- margin-block-end: 0;
-}
+ margin-bottom: 0;
+ }
@media (min-width: 43.75rem) {
- .view > * {
- margin-block-end: var(--sp3);
+
+.view > * {
+ margin-bottom: var(--sp3)
}
-}
+ }
diff --git a/css/theme/filter.theme.css b/css/theme/filter.theme.css
index ac53a01..c54c272 100644
--- a/css/theme/filter.theme.css
+++ b/css/theme/filter.theme.css
@@ -10,12 +10,25 @@
* Styling for the Filter module.
*/
+/*
+ * Media query breakpoints.
+ * Processed by postcss/postcss-custom-media.
+ */
+
+/* Navigation related breakpoints */
+
+/* Grid related breakpoints */
+
+/* Grid shifts from 6 to 14 columns. */
+
+/* Width of the entire grid maxes out. */
+
/**
* Filter information under field.
*/
.text-full > .form-item {
- margin-block-end: 0;
+ margin-bottom: 0;
}
.form-element--editor-format {
@@ -23,7 +36,8 @@
}
.filter-wrapper {
- margin-block: var(--sp1) var(--sp0-5);
+ margin-top: var(--sp1);
+ margin-bottom: var(--sp0-5);
}
.filter-wrapper .form-item {
@@ -32,8 +46,9 @@
.filter-help {
float: right; /* LTR */
- padding-block: var(--sp0-5);
- font-size: var(--font-size-xxs);
+ padding-top: var(--sp0-5);
+ padding-bottom: var(--sp0-5);
+ font-size: var(--font-size-xxs)
/**
* Chromium and Webkit do not yet support flow relative logical properties,
@@ -46,8 +61,8 @@
}
[dir="rtl"] .filter-help {
- float: left;
-}
+ float: left;
+ }
/**
* Compose tips.
@@ -56,7 +71,8 @@
*/
.compose-tips__item {
- margin-block: var(--sp1-5);
+ margin-top: var(--sp1-5);
+ margin-bottom: var(--sp1-5);
}
/**
@@ -64,13 +80,14 @@
*/
.filter-guidelines__item {
- margin-block-start: var(--sp1);
+ margin-top: var(--sp1);
font-size: var(--font-size-s);
line-height: var(--line-height-s);
}
.filter-guidelines p {
- margin-block: var(--sp0-25) 0;
+ margin-top: var(--sp0-25);
+ margin-bottom: 0;
}
/**
@@ -81,14 +98,16 @@
*/
.filter-tips--long {
- margin-block-end: var(--sp1-5);
+ margin-bottom: var(--sp1-5);
}
.filter-tips__item,
.filter-tips--long p {
- margin-block: var(--sp0-75);
+ margin-top: var(--sp0-75);
+ margin-bottom: var(--sp0-75);
}
.filter-tips__item--short {
- margin-block: var(--sp0-25) 0;
+ margin-top: var(--sp0-25);
+ margin-bottom: 0;
}
diff --git a/package.json b/package.json
index 5170646..fc97b2a 100644
--- a/package.json
+++ b/package.json
@@ -95,5 +95,10 @@
"last 1 Samsung version",
"last 1 OperaMini version",
"Firefox ESR"
- ]
+ ],
+ "dependencies": {
+ "browser-sync": "^2.29.3",
+ "browsersync": "^0.0.1-security",
+ "bs-rewrite-rules": "^2.1.2"
+ }
}
diff --git a/yarn.lock b/yarn.lock
index a8ba7bf..9395c3a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1069,6 +1069,11 @@
"@nodelib/fs.scandir" "2.1.4"
fastq "^1.6.0"
+"@socket.io/component-emitter@~3.1.0":
+ version "3.1.0"
+ resolved "https://registry.yarnpkg.com/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz#96116f2a912e0c02817345b3c10751069920d553"
+ integrity sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==
+
"@stylelint/postcss-css-in-js@^0.37.2":
version "0.37.2"
resolved "https://registry.yarnpkg.com/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.2.tgz#7e5a84ad181f4234a2480803422a47b8749af3d2"
@@ -1089,6 +1094,18 @@
resolved "https://registry.yarnpkg.com/@testim/chrome-version/-/chrome-version-1.0.7.tgz#0cd915785ec4190f08a3a6acc9b61fc38fb5f1a9"
integrity sha512-8UT/J+xqCYfn3fKtOznAibsHpiuDshCb0fwgWxRazTT19Igp9ovoXMPhXyLD6m3CKQGTMHgqoxaFfMWaL40Rnw==
+"@types/cookie@^0.4.1":
+ version "0.4.1"
+ resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.4.1.tgz#bfd02c1f2224567676c1545199f87c3a861d878d"
+ integrity sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==
+
+"@types/cors@^2.8.12":
+ version "2.8.16"
+ resolved "https://registry.yarnpkg.com/@types/cors/-/cors-2.8.16.tgz#a24bf65acd216c078890ca6ceb91e672adb158e7"
+ integrity sha512-Trx5or1Nyg1Fq138PCuWqoApzvoSLWzZ25ORBiHMbbUT42g578lH1GT4TwYDbiUOLFuDsCkfLneT2105fsFWGg==
+ dependencies:
+ "@types/node" "*"
+
"@types/glob@^7.1.1":
version "7.1.3"
resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.3.tgz#e6ba80f36b7daad2c685acd9266382e68985c183"
@@ -1124,6 +1141,13 @@
resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.33.tgz#9e4f8c64345522e4e8ce77b334a8aaa64e2b6c78"
integrity sha512-oJqcTrgPUF29oUP8AsUqbXGJNuPutsetaa9kTQAQce5Lx5dTYWV02ScBiT/k1BX/Z7pKeqedmvp39Wu4zR7N7g==
+"@types/node@>=10.0.0":
+ version "20.9.0"
+ resolved "https://registry.yarnpkg.com/@types/node/-/node-20.9.0.tgz#bfcdc230583aeb891cf51e73cfdaacdd8deae298"
+ integrity sha512-nekiGu2NDb1BcVofVcEKMIwzlx4NjHlcjhoxxKBNLtz15Y1z7MYf549DFvkHSId02Ax6kGwWntIBPC3l/JZcmw==
+ dependencies:
+ undici-types "~5.26.4"
+
"@types/normalize-package-data@^2.4.0":
version "2.4.0"
resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz#e486d0d97396d79beedd0a6e33f4534ff6b4973e"
@@ -1162,6 +1186,14 @@
dependencies:
"@types/node" "*"
+accepts@~1.3.4:
+ version "1.3.8"
+ resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
+ integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
+ dependencies:
+ mime-types "~2.1.34"
+ negotiator "0.6.3"
+
acorn-jsx@^5.3.1:
version "5.3.1"
resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.1.tgz#fc8661e11b7ac1539c47dbfea2e72b3af34d267b"
@@ -1227,6 +1259,11 @@ ansi-regex@^5.0.0:
resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
+ansi-regex@^5.0.1:
+ version "5.0.1"
+ resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+ integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
ansi-styles@^2.2.1:
version "2.2.1"
resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
@@ -1254,6 +1291,14 @@ anymatch@~3.1.1:
normalize-path "^3.0.0"
picomatch "^2.0.4"
+anymatch@~3.1.2:
+ version "3.1.3"
+ resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+ integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+ dependencies:
+ normalize-path "^3.0.0"
+ picomatch "^2.0.4"
+
argparse@^1.0.7:
version "1.0.10"
resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -1371,6 +1416,18 @@ astral-regex@^2.0.0:
resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
+async-each-series@0.1.1:
+ version "0.1.1"
+ resolved "https://registry.yarnpkg.com/async-each-series/-/async-each-series-0.1.1.tgz#7617c1917401fd8ca4a28aadce3dbae98afeb432"
+ integrity sha512-p4jj6Fws4Iy2m0iCmI2am2ZNZCgbdgE+P8F/8csmn2vx7ixXrO2zGcuNsD46X5uZSVecmkEy/M06X2vG8KD6dQ==
+
+async@^2.6.0:
+ version "2.6.4"
+ resolved "https://registry.yarnpkg.com/async/-/async-2.6.4.tgz#706b7ff6084664cd7eae713f6f965433b5504221"
+ integrity sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==
+ dependencies:
+ lodash "^4.17.14"
+
at-least-node@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
@@ -1399,6 +1456,13 @@ axe-core@^4.0.2:
resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.1.3.tgz#64a4c85509e0991f5168340edc4bedd1ceea6966"
integrity sha512-vwPpH4Aj4122EW38mxO/fxhGKtwWTMLDIJfZ1He0Edbtjcfna/R3YB67yVhezUMzqc3Jr3+Ii50KRntlENL4xQ==
+axios@0.21.4:
+ version "0.21.4"
+ resolved "https://registry.yarnpkg.com/axios/-/axios-0.21.4.tgz#c67b90dc0568e5c1cf2b0b858c43ba28e2eda575"
+ integrity sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==
+ dependencies:
+ follow-redirects "^1.14.0"
+
axios@^0.21.1:
version "0.21.1"
resolved "https://registry.yarnpkg.com/axios/-/axios-0.21.1.tgz#22563481962f4d6bde9a76d516ef0e5d3c09b2b8"
@@ -1457,6 +1521,11 @@ balanced-match@^1.0.0:
resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
+base64id@2.0.0, base64id@~2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/base64id/-/base64id-2.0.0.tgz#2770ac6bc47d312af97a8bf9a634342e0cd25cb6"
+ integrity sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==
+
base@^0.11.1:
version "0.11.2"
resolved "https://registry.yarnpkg.com/base/-/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
@@ -1470,6 +1539,11 @@ base@^0.11.1:
mixin-deep "^1.2.0"
pascalcase "^0.1.1"
+batch@0.6.1:
+ version "0.6.1"
+ resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
+ integrity sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==
+
binary-extensions@^2.0.0:
version "2.2.0"
resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
@@ -1506,6 +1580,63 @@ braces@^3.0.1, braces@~3.0.2:
dependencies:
fill-range "^7.0.1"
+browser-sync-client@^2.29.3:
+ version "2.29.3"
+ resolved "https://registry.yarnpkg.com/browser-sync-client/-/browser-sync-client-2.29.3.tgz#9300b97f42abc2c4f95ca29b5a9781b5c492f14a"
+ integrity sha512-4tK5JKCl7v/3aLbmCBMzpufiYLsB1+UI+7tUXCCp5qF0AllHy/jAqYu6k7hUF3hYtlClKpxExWaR+rH+ny07wQ==
+ dependencies:
+ etag "1.8.1"
+ fresh "0.5.2"
+ mitt "^1.1.3"
+
+browser-sync-ui@^2.29.3:
+ version "2.29.3"
+ resolved "https://registry.yarnpkg.com/browser-sync-ui/-/browser-sync-ui-2.29.3.tgz#35e2ce3b470dce6b7219307cac7278bf324a0f16"
+ integrity sha512-kBYOIQjU/D/3kYtUIJtj82e797Egk1FB2broqItkr3i4eF1qiHbFCG6srksu9gWhfmuM/TNG76jMfzAdxEPakg==
+ dependencies:
+ async-each-series "0.1.1"
+ chalk "4.1.2"
+ connect-history-api-fallback "^1"
+ immutable "^3"
+ server-destroy "1.0.1"
+ socket.io-client "^4.4.1"
+ stream-throttle "^0.1.3"
+
+browser-sync@^2.29.3:
+ version "2.29.3"
+ resolved "https://registry.yarnpkg.com/browser-sync/-/browser-sync-2.29.3.tgz#c2a3ff00c659eb87a13cae9d7a427e1b4b580ee1"
+ integrity sha512-NiM38O6XU84+MN+gzspVmXV2fTOoe+jBqIBx3IBdhZrdeURr6ZgznJr/p+hQ+KzkKEiGH/GcC4SQFSL0jV49bg==
+ dependencies:
+ browser-sync-client "^2.29.3"
+ browser-sync-ui "^2.29.3"
+ bs-recipes "1.3.4"
+ chalk "4.1.2"
+ chokidar "^3.5.1"
+ connect "3.6.6"
+ connect-history-api-fallback "^1"
+ dev-ip "^1.0.1"
+ easy-extender "^2.3.4"
+ eazy-logger "^4.0.1"
+ etag "^1.8.1"
+ fresh "^0.5.2"
+ fs-extra "3.0.1"
+ http-proxy "^1.18.1"
+ immutable "^3"
+ localtunnel "^2.0.1"
+ micromatch "^4.0.2"
+ opn "5.3.0"
+ portscanner "2.2.0"
+ raw-body "^2.3.2"
+ resp-modifier "6.0.2"
+ rx "4.1.0"
+ send "0.16.2"
+ serve-index "1.9.1"
+ serve-static "1.13.2"
+ server-destroy "1.0.1"
+ socket.io "^4.4.1"
+ ua-parser-js "^1.0.33"
+ yargs "^17.3.1"
+
browserslist@^1.1.3:
version "1.7.7"
resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-1.7.7.tgz#0bd76704258be829b2398bb50e4b62d1a166b0b9"
@@ -1525,6 +1656,23 @@ browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.16.3, browserslist@^
escalade "^3.1.1"
node-releases "^1.1.70"
+browsersync@^0.0.1-security:
+ version "0.0.1-security"
+ resolved "https://registry.yarnpkg.com/browsersync/-/browsersync-0.0.1-security.tgz#e885fe4354d2ec5a565c38c4c2bf0a012ad64860"
+ integrity sha512-wjzQ8ovoNf6afqXLqAbpfa81XkG0U46G1YMi6xa1mnQ844/zz7bp4qnuMO/cL0WIunsC7i8sh/7CpzADM5gCBg==
+
+bs-recipes@1.3.4:
+ version "1.3.4"
+ resolved "https://registry.yarnpkg.com/bs-recipes/-/bs-recipes-1.3.4.tgz#0d2d4d48a718c8c044769fdc4f89592dc8b69585"
+ integrity sha512-BXvDkqhDNxXEjeGM8LFkSbR+jzmP/CYpCiVKYn+soB1dDldeU15EBNDkwVXndKuX35wnNUaPd0qSoQEAkmQtMw==
+
+bs-rewrite-rules@^2.1.2:
+ version "2.1.2"
+ resolved "https://registry.yarnpkg.com/bs-rewrite-rules/-/bs-rewrite-rules-2.1.2.tgz#fab940683c7224cac7656fbf3d6fdf8b62e64e3a"
+ integrity sha512-Aamk9roXStcuX58zthXQv9MrYwVZDAc3vSK8CqmOP6h69Gyd1Nd2SiAHW7jxM9kb1I9xr0DhZQ+2tgzsP+soVw==
+ dependencies:
+ immutable "^3.7.4"
+
buffer-crc32@~0.2.3:
version "0.2.13"
resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
@@ -1535,6 +1683,11 @@ buffer-from@^1.0.0:
resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
+bytes@3.1.2:
+ version "3.1.2"
+ resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
+ integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
+
cache-base@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
@@ -1630,6 +1783,14 @@ ccount@^1.0.0:
resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.1.0.tgz#246687debb6014735131be8abab2d93898f8d043"
integrity sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg==
+chalk@4.1.2:
+ version "4.1.2"
+ resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+ integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+ dependencies:
+ ansi-styles "^4.1.0"
+ supports-color "^7.1.0"
+
chalk@^1.0.0, chalk@^1.1.1, chalk@^1.1.3:
version "1.1.3"
resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
@@ -1693,6 +1854,21 @@ chokidar@^3.3.1:
optionalDependencies:
fsevents "~2.3.1"
+chokidar@^3.5.1:
+ version "3.5.3"
+ resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
+ integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
+ dependencies:
+ anymatch "~3.1.2"
+ braces "~3.0.2"
+ glob-parent "~5.1.2"
+ is-binary-path "~2.1.0"
+ is-glob "~4.0.1"
+ normalize-path "~3.0.0"
+ readdirp "~3.6.0"
+ optionalDependencies:
+ fsevents "~2.3.2"
+
chromedriver@^87.0.0:
version "87.0.7"
resolved "https://registry.yarnpkg.com/chromedriver/-/chromedriver-87.0.7.tgz#74041e02ff7f633e91b98eb707e2476f713dc4ca"
@@ -1722,6 +1898,24 @@ clean-stack@^2.0.0:
resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
+cliui@^7.0.2:
+ version "7.0.4"
+ resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
+ integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
+ dependencies:
+ string-width "^4.2.0"
+ strip-ansi "^6.0.0"
+ wrap-ansi "^7.0.0"
+
+cliui@^8.0.1:
+ version "8.0.1"
+ resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
+ integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
+ dependencies:
+ string-width "^4.2.0"
+ strip-ansi "^6.0.1"
+ wrap-ansi "^7.0.0"
+
clone-regexp@^1.0.0:
version "1.0.1"
resolved "https://registry.yarnpkg.com/clone-regexp/-/clone-regexp-1.0.1.tgz#051805cd33173375d82118fc0918606da39fd60f"
@@ -1779,7 +1973,7 @@ colorette@^1.2.1:
resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.2.2.tgz#cbcc79d5e99caea2dbf10eb3a26fd8b3e6acfa94"
integrity sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w==
-commander@^2.20.0:
+commander@^2.2.0, commander@^2.20.0:
version "2.20.3"
resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
@@ -1832,6 +2026,21 @@ confusing-browser-globals@^1.0.10:
resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.10.tgz#30d1e7f3d1b882b25ec4933d1d1adac353d20a59"
integrity sha512-gNld/3lySHwuhaVluJUKLePYirM3QNCKzVxqAdhJII9/WXKVX5PURzMVJspS1jTslSqjeuG4KMVTSouit5YPHA==
+connect-history-api-fallback@^1:
+ version "1.6.0"
+ resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
+ integrity sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==
+
+connect@3.6.6:
+ version "3.6.6"
+ resolved "https://registry.yarnpkg.com/connect/-/connect-3.6.6.tgz#09eff6c55af7236e137135a72574858b6786f524"
+ integrity sha512-OO7axMmPpu/2XuX1+2Yrg0ddju31B6xLZMWkJ5rYBu4YRmRVlOjvlY6kw2FJKiAzyxGwnrDUAG4s1Pf0sbBMCQ==
+ dependencies:
+ debug "2.6.9"
+ finalhandler "1.1.0"
+ parseurl "~1.3.2"
+ utils-merge "1.0.1"
+
contains-path@^0.1.0:
version "0.1.0"
resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
@@ -1844,6 +2053,11 @@ convert-source-map@^1.7.0:
dependencies:
safe-buffer "~5.1.1"
+cookie@~0.4.1:
+ version "0.4.2"
+ resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.2.tgz#0e41f24de5ecf317947c82fc789e06a884824432"
+ integrity sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==
+
copy-descriptor@^0.1.0:
version "0.1.1"
resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
@@ -1867,6 +2081,14 @@ core-util-is@^1.0.2:
resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
+cors@~2.8.5:
+ version "2.8.5"
+ resolved "https://registry.yarnpkg.com/cors/-/cors-2.8.5.tgz#eac11da51592dd86b9f06f6e7ac293b3df875d29"
+ integrity sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==
+ dependencies:
+ object-assign "^4"
+ vary "^1"
+
cosmiconfig@^5.0.0:
version "5.2.1"
resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
@@ -2056,6 +2278,13 @@ damerau-levenshtein@^1.0.6:
resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.6.tgz#143c1641cb3d85c60c32329e26899adea8701791"
integrity sha512-JVrozIeElnj3QzfUIt8tB8YMluBJom4Vw9qTPpjGYQ9fYlB3D/rb6OordUxf3xeFB35LKWs0xqcO5U6ySvBtug==
+debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
+ version "2.6.9"
+ resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+ integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+ dependencies:
+ ms "2.0.0"
+
debug@4, debug@4.3.1, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1:
version "4.3.1"
resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee"
@@ -2063,12 +2292,19 @@ debug@4, debug@4.3.1, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, de
dependencies:
ms "2.1.2"
-debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
- version "2.6.9"
- resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
- integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+debug@4.3.2:
+ version "4.3.2"
+ resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
+ integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
dependencies:
- ms "2.0.0"
+ ms "2.1.2"
+
+debug@~4.3.1, debug@~4.3.2:
+ version "4.3.4"
+ resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
+ integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
+ dependencies:
+ ms "2.1.2"
decamelize-keys@^1.0.0, decamelize-keys@^1.1.0:
version "1.1.0"
@@ -2136,6 +2372,26 @@ del@^6.0.0:
rimraf "^3.0.2"
slash "^3.0.0"
+depd@2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
+ integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
+
+depd@~1.1.2:
+ version "1.1.2"
+ resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
+ integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
+
+destroy@~1.0.4:
+ version "1.0.4"
+ resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
+ integrity sha512-3NdhDuEXnfun/z7x9GOElY49LoqVHoGScmOKwmxhsS8N5Y+Z8KyPPDnaSzqWgYt/ji4mqwfTS34Htrk0zPIXVg==
+
+dev-ip@^1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/dev-ip/-/dev-ip-1.0.1.tgz#a76a3ed1855be7a012bb8ac16cb80f3c00dc28f0"
+ integrity sha512-LmVkry/oDShEgSZPNgqCIp2/TlqtExeGmymru3uCELnfyjY11IzpAproLYs+1X88fXO6DBoYP3ul2Xo2yz2j6A==
+
dir-glob@^2.2.2:
version "2.2.2"
resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-2.2.2.tgz#fa09f0694153c8918b18ba0deafae94769fc50c4"
@@ -2224,6 +2480,25 @@ dotenv@^8.2.0:
resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a"
integrity sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==
+easy-extender@^2.3.4:
+ version "2.3.4"
+ resolved "https://registry.yarnpkg.com/easy-extender/-/easy-extender-2.3.4.tgz#298789b64f9aaba62169c77a2b3b64b4c9589b8f"
+ integrity sha512-8cAwm6md1YTiPpOvDULYJL4ZS6WfM5/cTeVVh4JsvyYZAoqlRVUpHL9Gr5Fy7HA6xcSZicUia3DeAgO3Us8E+Q==
+ dependencies:
+ lodash "^4.17.10"
+
+eazy-logger@^4.0.1:
+ version "4.0.1"
+ resolved "https://registry.yarnpkg.com/eazy-logger/-/eazy-logger-4.0.1.tgz#2e9fe487fb14ed6ac20d5f01d90dff377d403041"
+ integrity sha512-2GSFtnnC6U4IEKhEI7+PvdxrmjJ04mdsj3wHZTFiw0tUtG4HCWzTr13ZYTk8XOGnA1xQMaDljoBOYlk3D/MMSw==
+ dependencies:
+ chalk "4.1.2"
+
+ee-first@1.1.1:
+ version "1.1.1"
+ resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
+ integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
+
electron-to-chromium@^1.2.7, electron-to-chromium@^1.3.649:
version "1.3.683"
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.683.tgz#2c9ab53ff5275cf3dd49278af714d0f8975204f7"
@@ -2244,6 +2519,11 @@ emoji-regex@^9.0.0:
resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+encodeurl@~1.0.1, encodeurl@~1.0.2:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
+ integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
+
end-of-stream@^1.1.0:
version "1.4.4"
resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
@@ -2251,6 +2531,38 @@ end-of-stream@^1.1.0:
dependencies:
once "^1.4.0"
+engine.io-client@~6.5.2:
+ version "6.5.3"
+ resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-6.5.3.tgz#4cf6fa24845029b238f83c628916d9149c399bc5"
+ integrity sha512-9Z0qLB0NIisTRt1DZ/8U2k12RJn8yls/nXMZLn+/N8hANT3TcYjKFKcwbw5zFQiN4NTde3TSY9zb79e1ij6j9Q==
+ dependencies:
+ "@socket.io/component-emitter" "~3.1.0"
+ debug "~4.3.1"
+ engine.io-parser "~5.2.1"
+ ws "~8.11.0"
+ xmlhttprequest-ssl "~2.0.0"
+
+engine.io-parser@~5.2.1:
+ version "5.2.1"
+ resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-5.2.1.tgz#9f213c77512ff1a6cc0c7a86108a7ffceb16fcfb"
+ integrity sha512-9JktcM3u18nU9N2Lz3bWeBgxVgOKpw7yhRaoxQA3FUDZzzw+9WlA6p4G4u0RixNkg14fH7EfEc/RhpurtiROTQ==
+
+engine.io@~6.5.2:
+ version "6.5.4"
+ resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-6.5.4.tgz#6822debf324e781add2254e912f8568508850cdc"
+ integrity sha512-KdVSDKhVKyOi+r5uEabrDLZw2qXStVvCsEB/LN3mw4WFi6Gx50jTyuxYVCwAAC0U46FdnzP/ScKRBTXb/NiEOg==
+ dependencies:
+ "@types/cookie" "^0.4.1"
+ "@types/cors" "^2.8.12"
+ "@types/node" ">=10.0.0"
+ accepts "~1.3.4"
+ base64id "2.0.0"
+ cookie "~0.4.1"
+ cors "~2.8.5"
+ debug "~4.3.1"
+ engine.io-parser "~5.2.1"
+ ws "~8.11.0"
+
enquirer@^2.3.5:
version "2.3.6"
resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
@@ -2311,6 +2623,11 @@ escalade@^3.1.1:
resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
+escape-html@~1.0.3:
+ version "1.0.3"
+ resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
+ integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
+
escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
version "1.0.5"
resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
@@ -2533,6 +2850,16 @@ esutils@^2.0.2:
resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+etag@1.8.1, etag@^1.8.1, etag@~1.8.1:
+ version "1.8.1"
+ resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
+ integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
+
+eventemitter3@^4.0.0:
+ version "4.0.7"
+ resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
+ integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
+
execall@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/execall/-/execall-1.0.0.tgz#73d0904e395b3cab0658b08d09ec25307f29bb73"
@@ -2699,6 +3026,19 @@ fill-range@^7.0.1:
dependencies:
to-regex-range "^5.0.1"
+finalhandler@1.1.0:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.1.0.tgz#ce0b6855b45853e791b2fcc680046d88253dd7f5"
+ integrity sha512-ejnvM9ZXYzp6PUPUyQBMBf0Co5VX2gr5H2VQe2Ui2jWXNlxv+PYZo8wpAymJNJdLsG1R4p+M4aynF8KuoUEwRw==
+ dependencies:
+ debug "2.6.9"
+ encodeurl "~1.0.1"
+ escape-html "~1.0.3"
+ on-finished "~2.3.0"
+ parseurl "~1.3.2"
+ statuses "~1.3.1"
+ unpipe "~1.0.0"
+
find-cache-dir@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7"
@@ -2762,6 +3102,11 @@ flatten@^1.0.2:
resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.3.tgz#c1283ac9f27b368abc1e36d1ff7b04501a30356b"
integrity sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==
+follow-redirects@^1.0.0, follow-redirects@^1.14.0:
+ version "1.15.3"
+ resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.3.tgz#fe2f3ef2690afce7e82ed0b44db08165b207123a"
+ integrity sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==
+
follow-redirects@^1.10.0:
version "1.13.3"
resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.3.tgz#e5598ad50174c1bc4e872301e82ac2cd97f90267"
@@ -2779,6 +3124,20 @@ fragment-cache@^0.2.1:
dependencies:
map-cache "^0.2.2"
+fresh@0.5.2, fresh@^0.5.2:
+ version "0.5.2"
+ resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
+ integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+
+fs-extra@3.0.1:
+ version "3.0.1"
+ resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-3.0.1.tgz#3794f378c58b342ea7dbbb23095109c4b3b62291"
+ integrity sha512-V3Z3WZWVUYd8hoCL5xfXJCaHWYzmtwW5XWYSlLgERi8PWd8bx1kUHUk8L1BT57e49oKnDDD180mjfrHc1yA9rg==
+ dependencies:
+ graceful-fs "^4.1.2"
+ jsonfile "^3.0.0"
+ universalify "^0.1.0"
+
fs-extra@^9.1.0:
version "9.1.0"
resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
@@ -2799,6 +3158,11 @@ fsevents@~2.3.1:
resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+fsevents@~2.3.2:
+ version "2.3.3"
+ resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+ integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
function-bind@^1.1.1:
version "1.1.1"
resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
@@ -2824,6 +3188,11 @@ gensync@^1.0.0-beta.2:
resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+get-caller-file@^2.0.5:
+ version "2.0.5"
+ resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
+ integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
+
get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1:
version "1.1.1"
resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6"
@@ -2863,7 +3232,7 @@ glob-parent@^3.1.0:
is-glob "^3.1.0"
path-dirname "^1.0.0"
-glob-parent@^5.0.0, glob-parent@^5.1.0, glob-parent@~5.1.0:
+glob-parent@^5.0.0, glob-parent@^5.1.0, glob-parent@~5.1.0, glob-parent@~5.1.2:
version "5.1.2"
resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -3079,6 +3448,36 @@ htmlparser2@^3.10.0:
inherits "^2.0.1"
readable-stream "^3.1.1"
+http-errors@2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
+ integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
+ dependencies:
+ depd "2.0.0"
+ inherits "2.0.4"
+ setprototypeof "1.2.0"
+ statuses "2.0.1"
+ toidentifier "1.0.1"
+
+http-errors@~1.6.2:
+ version "1.6.3"
+ resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
+ integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
+ dependencies:
+ depd "~1.1.2"
+ inherits "2.0.3"
+ setprototypeof "1.1.0"
+ statuses ">= 1.4.0 < 2"
+
+http-proxy@^1.18.1:
+ version "1.18.1"
+ resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
+ integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
+ dependencies:
+ eventemitter3 "^4.0.0"
+ follow-redirects "^1.0.0"
+ requires-port "^1.0.0"
+
https-proxy-agent@^5.0.0:
version "5.0.0"
resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz#e2a90542abb68a762e0a0850f6c9edadfd8506b2"
@@ -3087,6 +3486,13 @@ https-proxy-agent@^5.0.0:
agent-base "6"
debug "4"
+iconv-lite@0.4.24:
+ version "0.4.24"
+ resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
+ integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
+ dependencies:
+ safer-buffer ">= 2.1.2 < 3"
+
iconv-lite@^0.6.2:
version "0.6.2"
resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.2.tgz#ce13d1875b0c3a674bd6a04b7f76b01b1b6ded01"
@@ -3104,6 +3510,11 @@ ignore@^5.0.4, ignore@^5.1.4, ignore@^5.1.8:
resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==
+immutable@^3, immutable@^3.7.4:
+ version "3.8.2"
+ resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.2.tgz#c2439951455bb39913daf281376f1530e104adf3"
+ integrity sha512-15gZoQ38eYjEjxkorfbcgBKBL6R7T459OuK+CpcWt7O3KF4uPCx2tD0uFETlUDIyo+1789crbMhTvQBSR5yBMg==
+
import-fresh@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
@@ -3158,11 +3569,16 @@ inflight@^1.0.4:
once "^1.3.0"
wrappy "1"
-inherits@2, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3:
+inherits@2, inherits@2.0.4, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3:
version "2.0.4"
resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+inherits@2.0.3:
+ version "2.0.3"
+ resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+ integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
+
ini@^1.3.4, ini@^1.3.5:
version "1.3.8"
resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
@@ -3363,6 +3779,13 @@ is-negative-zero@^2.0.1:
resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.1.tgz#3de746c18dda2319241a53675908d8f766f11c24"
integrity sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w==
+is-number-like@^1.0.3:
+ version "1.0.8"
+ resolved "https://registry.yarnpkg.com/is-number-like/-/is-number-like-1.0.8.tgz#2e129620b50891042e44e9bbbb30593e75cfbbe3"
+ integrity sha512-6rZi3ezCyFcn5L71ywzz2bS5b2Igl1En3eTlZlvKjpz1n3IZLAYMbKYAIQgFmEu0GENg92ziU/faEOA/aixjbA==
+ dependencies:
+ lodash.isfinite "^3.3.2"
+
is-number-object@^1.0.4:
version "1.0.4"
resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.4.tgz#36ac95e741cf18b283fc1ddf5e83da798e3ec197"
@@ -3472,6 +3895,11 @@ is-word-character@^1.0.0:
resolved "https://registry.yarnpkg.com/is-word-character/-/is-word-character-1.0.4.tgz#ce0e73216f98599060592f62ff31354ddbeb0230"
integrity sha512-5SMO8RVennx3nZrqtKwCGyyetPE9VDba5ugvKLaD4KopPG5kR4mQ7tNt/r7feL5yt5h3lpuBbIUmCOG2eSzXHA==
+is-wsl@^1.1.0:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
+ integrity sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==
+
is2@^2.0.6:
version "2.0.6"
resolved "https://registry.yarnpkg.com/is2/-/is2-2.0.6.tgz#094f887248b49ba7ce278f8c39f85a70927bb5de"
@@ -3575,6 +4003,13 @@ json5@^2.1.2:
dependencies:
minimist "^1.2.5"
+jsonfile@^3.0.0:
+ version "3.0.1"
+ resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-3.0.1.tgz#a5ecc6f65f53f662c4415c7675a0331d0992ec66"
+ integrity sha512-oBko6ZHlubVB5mRFkur5vgYR1UyqX+S6Y/oCfLhqNdcc2fYFlDpIoNc7AfKS1KOGcnNAkvsr0grLck9ANM815w==
+ optionalDependencies:
+ graceful-fs "^4.1.6"
+
jsonfile@^6.0.1:
version "6.1.0"
resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@@ -3651,6 +4086,11 @@ levn@^0.4.1:
prelude-ls "^1.2.1"
type-check "~0.4.0"
+limiter@^1.0.5:
+ version "1.1.5"
+ resolved "https://registry.yarnpkg.com/limiter/-/limiter-1.1.5.tgz#8f92a25b3b16c6131293a0cc834b4a838a2aa7c2"
+ integrity sha512-FWWMIEOxz3GwUI4Ts/IvgVy6LPvoMPgjMdQ185nN6psJyBJ4yOpzqm695/h5umdLJg2vW3GR5iG11MAkR2AzJA==
+
lines-and-columns@^1.1.6:
version "1.1.6"
resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
@@ -3676,6 +4116,16 @@ load-json-file@^4.0.0:
pify "^3.0.0"
strip-bom "^3.0.0"
+localtunnel@^2.0.1:
+ version "2.0.2"
+ resolved "https://registry.yarnpkg.com/localtunnel/-/localtunnel-2.0.2.tgz#528d50087151c4790f89c2db374fe7b0a48501f0"
+ integrity sha512-n418Cn5ynvJd7m/N1d9WVJISLJF/ellZnfsLnx8WBWGzxv/ntNcFkJ1o6se5quUhCplfLGBNL5tYHiq5WF3Nug==
+ dependencies:
+ axios "0.21.4"
+ debug "4.3.2"
+ openurl "1.1.1"
+ yargs "17.1.1"
+
locate-path@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@@ -3709,6 +4159,11 @@ lodash.debounce@^4.0.8:
resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=
+lodash.isfinite@^3.3.2:
+ version "3.3.2"
+ resolved "https://registry.yarnpkg.com/lodash.isfinite/-/lodash.isfinite-3.3.2.tgz#fb89b65a9a80281833f0b7478b3a5104f898ebb3"
+ integrity sha512-7FGG40uhC8Mm633uKW1r58aElFlBlxCrg9JfSi3P6aYiWmfiWF0PgMd86ZUsxE5GwWPdHoS2+48bwTh2VPkIQA==
+
lodash.template@^4.5.0:
version "4.5.0"
resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-4.5.0.tgz#f976195cf3f347d0d5f52483569fe8031ccce8ab"
@@ -3942,6 +4397,23 @@ micromatch@^4.0.2:
braces "^3.0.1"
picomatch "^2.0.5"
+mime-db@1.52.0:
+ version "1.52.0"
+ resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+ integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@~2.1.17, mime-types@~2.1.34:
+ version "2.1.35"
+ resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+ integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+ dependencies:
+ mime-db "1.52.0"
+
+mime@1.4.1:
+ version "1.4.1"
+ resolved "https://registry.yarnpkg.com/mime/-/mime-1.4.1.tgz#121f9ebc49e3766f311a76e1fa1c8003c4b03aa6"
+ integrity sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==
+
mime@^2.3.1:
version "2.5.2"
resolved "https://registry.yarnpkg.com/mime/-/mime-2.5.2.tgz#6e3dc6cc2b9510643830e5f19d5cb753da5eeabe"
@@ -3952,6 +4424,13 @@ min-indent@^1.0.0:
resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
+minimatch@^3.0.2:
+ version "3.1.2"
+ resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+ integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+ dependencies:
+ brace-expansion "^1.1.7"
+
minimatch@^3.0.4:
version "3.0.4"
resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
@@ -3981,6 +4460,11 @@ minimist@^1.2.0, minimist@^1.2.2, minimist@^1.2.5:
resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
+mitt@^1.1.3:
+ version "1.2.0"
+ resolved "https://registry.yarnpkg.com/mitt/-/mitt-1.2.0.tgz#cb24e6569c806e31bd4e3995787fe38a04fdf90d"
+ integrity sha512-r6lj77KlwqLhIUku9UWYes7KJtsczvolZkzp8hbaDPPaE24OmWl5s539Mytlj22siEQKosZ26qCBgda2PKwoJw==
+
mixin-deep@^1.2.0:
version "1.3.2"
resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
@@ -4033,6 +4517,11 @@ natural-compare@^1.4.0:
resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
+negotiator@0.6.3:
+ version "0.6.3"
+ resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
+ integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
+
node-modules-regexp@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
@@ -4083,7 +4572,7 @@ num2fraction@^1.2.2:
resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
integrity sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=
-object-assign@^4.1.1:
+object-assign@^4, object-assign@^4.1.1:
version "4.1.1"
resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
@@ -4161,6 +4650,13 @@ object.values@^1.1.1:
es-abstract "^1.18.0-next.2"
has "^1.0.3"
+on-finished@~2.3.0:
+ version "2.3.0"
+ resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
+ integrity sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==
+ dependencies:
+ ee-first "1.1.1"
+
once@^1.3.0, once@^1.3.1, once@^1.4.0:
version "1.4.0"
resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
@@ -4168,6 +4664,18 @@ once@^1.3.0, once@^1.3.1, once@^1.4.0:
dependencies:
wrappy "1"
+openurl@1.1.1:
+ version "1.1.1"
+ resolved "https://registry.yarnpkg.com/openurl/-/openurl-1.1.1.tgz#3875b4b0ef7a52c156f0db41d4609dbb0f94b387"
+ integrity sha512-d/gTkTb1i1GKz5k3XE3XFV/PxQ1k45zDqGP2OA7YhgsaLoqm6qRvARAZOFer1fcXritWlGBRCu/UgeS4HAnXAA==
+
+opn@5.3.0:
+ version "5.3.0"
+ resolved "https://registry.yarnpkg.com/opn/-/opn-5.3.0.tgz#64871565c863875f052cfdf53d3e3cb5adb53b1c"
+ integrity sha512-bYJHo/LOmoTd+pfiYhfZDnf9zekVJrY+cnS2a5F2x+w5ppvTqObojTP7WiFG+kVZs9Inw+qQ/lw7TroWwhdd2g==
+ dependencies:
+ is-wsl "^1.1.0"
+
optionator@^0.9.1:
version "0.9.1"
resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
@@ -4288,6 +4796,11 @@ parse-json@^5.0.0:
json-parse-even-better-errors "^2.3.0"
lines-and-columns "^1.1.6"
+parseurl@~1.3.2:
+ version "1.3.3"
+ resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
+ integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
+
pascalcase@^0.1.1:
version "0.1.1"
resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
@@ -4395,6 +4908,14 @@ plur@^2.1.2:
dependencies:
irregular-plurals "^1.0.0"
+portscanner@2.2.0:
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/portscanner/-/portscanner-2.2.0.tgz#6059189b3efa0965c9d96a56b958eb9508411cf1"
+ integrity sha512-IFroCz/59Lqa2uBvzK3bKDbDDIEaAY8XJ1jFxcLWTqosrsc32//P4VuSB2vZXoHiHqOmx8B5L5hnKOxL/7FlPw==
+ dependencies:
+ async "^2.6.0"
+ is-number-like "^1.0.3"
+
posix-character-classes@^0.1.0:
version "0.1.1"
resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
@@ -4953,6 +5474,21 @@ quick-lru@^4.0.1:
resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
+range-parser@~1.2.0:
+ version "1.2.1"
+ resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
+ integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
+
+raw-body@^2.3.2:
+ version "2.5.2"
+ resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a"
+ integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
+ dependencies:
+ bytes "3.1.2"
+ http-errors "2.0.0"
+ iconv-lite "0.4.24"
+ unpipe "1.0.0"
+
react-is@^16.8.1:
version "16.13.1"
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
@@ -5041,6 +5577,13 @@ readdirp@~3.5.0:
dependencies:
picomatch "^2.2.1"
+readdirp@~3.6.0:
+ version "3.6.0"
+ resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+ integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+ dependencies:
+ picomatch "^2.2.1"
+
redent@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/redent/-/redent-2.0.0.tgz#c1b2007b42d57eb1389079b3c8333639d5e1ccaa"
@@ -5214,11 +5757,21 @@ replace-ext@1.0.0:
resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-1.0.0.tgz#de63128373fcbf7c3ccfa4de5a480c45a67958eb"
integrity sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=
+require-directory@^2.1.1:
+ version "2.1.1"
+ resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+ integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
+
require-from-string@^2.0.2:
version "2.0.2"
resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+requires-port@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
+ integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
+
resolve-from@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
@@ -5254,6 +5807,14 @@ resolve@^1.1.7, resolve@^1.10.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.17
is-core-module "^2.2.0"
path-parse "^1.0.6"
+resp-modifier@6.0.2:
+ version "6.0.2"
+ resolved "https://registry.yarnpkg.com/resp-modifier/-/resp-modifier-6.0.2.tgz#b124de5c4fbafcba541f48ffa73970f4aa456b4f"
+ integrity sha512-U1+0kWC/+4ncRFYqQWTx/3qkfE6a4B/h3XXgmXypfa0SPZ3t7cbbaFk297PjQS/yov24R18h6OZe6iZwj3NSLw==
+ dependencies:
+ debug "^2.2.0"
+ minimatch "^3.0.2"
+
ret@~0.1.10:
version "0.1.15"
resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
@@ -5285,6 +5846,11 @@ run-parallel@^1.1.9:
dependencies:
queue-microtask "^1.2.2"
+rx@4.1.0:
+ version "4.1.0"
+ resolved "https://registry.yarnpkg.com/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782"
+ integrity sha512-CiaiuN6gapkdl+cZUr67W6I8jquN4lkak3vtIsIWCl4XIPP8ffsoyN6/+PuGXnQy8Cu8W2y9Xxh31Rq4M6wUug==
+
safe-buffer@~5.1.1:
version "5.1.2"
resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
@@ -5302,7 +5868,7 @@ safe-regex@^1.1.0:
dependencies:
ret "~0.1.10"
-"safer-buffer@>= 2.1.2 < 3.0.0":
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
version "2.1.2"
resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
@@ -5329,6 +5895,53 @@ semver@^7.2.1, semver@^7.3.2:
dependencies:
lru-cache "^6.0.0"
+send@0.16.2:
+ version "0.16.2"
+ resolved "https://registry.yarnpkg.com/send/-/send-0.16.2.tgz#6ecca1e0f8c156d141597559848df64730a6bbc1"
+ integrity sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==
+ dependencies:
+ debug "2.6.9"
+ depd "~1.1.2"
+ destroy "~1.0.4"
+ encodeurl "~1.0.2"
+ escape-html "~1.0.3"
+ etag "~1.8.1"
+ fresh "0.5.2"
+ http-errors "~1.6.2"
+ mime "1.4.1"
+ ms "2.0.0"
+ on-finished "~2.3.0"
+ range-parser "~1.2.0"
+ statuses "~1.4.0"
+
+serve-index@1.9.1:
+ version "1.9.1"
+ resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
+ integrity sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==
+ dependencies:
+ accepts "~1.3.4"
+ batch "0.6.1"
+ debug "2.6.9"
+ escape-html "~1.0.3"
+ http-errors "~1.6.2"
+ mime-types "~2.1.17"
+ parseurl "~1.3.2"
+
+serve-static@1.13.2:
+ version "1.13.2"
+ resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.13.2.tgz#095e8472fd5b46237db50ce486a43f4b86c6cec1"
+ integrity sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==
+ dependencies:
+ encodeurl "~1.0.2"
+ escape-html "~1.0.3"
+ parseurl "~1.3.2"
+ send "0.16.2"
+
+server-destroy@1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/server-destroy/-/server-destroy-1.0.1.tgz#f13bf928e42b9c3e79383e61cc3998b5d14e6cdd"
+ integrity sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==
+
set-value@^2.0.0, set-value@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
@@ -5339,6 +5952,16 @@ set-value@^2.0.0, set-value@^2.0.1:
is-plain-object "^2.0.3"
split-string "^3.0.1"
+setprototypeof@1.1.0:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
+ integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
+
+setprototypeof@1.2.0:
+ version "1.2.0"
+ resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
+ integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
+
shebang-command@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
@@ -5423,6 +6046,44 @@ snapdragon@^0.8.1:
source-map-resolve "^0.5.0"
use "^3.1.0"
+socket.io-adapter@~2.5.2:
+ version "2.5.2"
+ resolved "https://registry.yarnpkg.com/socket.io-adapter/-/socket.io-adapter-2.5.2.tgz#5de9477c9182fdc171cd8c8364b9a8894ec75d12"
+ integrity sha512-87C3LO/NOMc+eMcpcxUBebGjkpMDkNBS9tf7KJqcDsmL936EChtVva71Dw2q4tQcuVC+hAUy4an2NO/sYXmwRA==
+ dependencies:
+ ws "~8.11.0"
+
+socket.io-client@^4.4.1:
+ version "4.7.2"
+ resolved "https://registry.yarnpkg.com/socket.io-client/-/socket.io-client-4.7.2.tgz#f2f13f68058bd4e40f94f2a1541f275157ff2c08"
+ integrity sha512-vtA0uD4ibrYD793SOIAwlo8cj6haOeMHrGvwPxJsxH7CeIksqJ+3Zc06RvWTIFgiSqx4A3sOnTXpfAEE2Zyz6w==
+ dependencies:
+ "@socket.io/component-emitter" "~3.1.0"
+ debug "~4.3.2"
+ engine.io-client "~6.5.2"
+ socket.io-parser "~4.2.4"
+
+socket.io-parser@~4.2.4:
+ version "4.2.4"
+ resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-4.2.4.tgz#c806966cf7270601e47469ddeec30fbdfda44c83"
+ integrity sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==
+ dependencies:
+ "@socket.io/component-emitter" "~3.1.0"
+ debug "~4.3.1"
+
+socket.io@^4.4.1:
+ version "4.7.2"
+ resolved "https://registry.yarnpkg.com/socket.io/-/socket.io-4.7.2.tgz#22557d76c3f3ca48f82e73d68b7add36a22df002"
+ integrity sha512-bvKVS29/I5fl2FGLNHuXlQaUH/BlzX1IN6S+NKLNZpBsPZIDH+90eQmCs2Railn4YUiww4SzUedJ6+uzwFnKLw==
+ dependencies:
+ accepts "~1.3.4"
+ base64id "~2.0.0"
+ cors "~2.8.5"
+ debug "~4.3.2"
+ engine.io "~6.5.2"
+ socket.io-adapter "~2.5.2"
+ socket.io-parser "~4.2.4"
+
source-map-resolve@^0.5.0:
version "0.5.3"
resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
@@ -5518,6 +6179,34 @@ static-extend@^0.1.1:
define-property "^0.2.5"
object-copy "^0.1.0"
+statuses@2.0.1:
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
+ integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+"statuses@>= 1.4.0 < 2":
+ version "1.5.0"
+ resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
+ integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
+
+statuses@~1.3.1:
+ version "1.3.1"
+ resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.3.1.tgz#faf51b9eb74aaef3b3acf4ad5f61abf24cb7b93e"
+ integrity sha512-wuTCPGlJONk/a1kqZ4fQM2+908lC7fa7nPYpTC1EhnvqLX/IICbeP1OZGDtA374trpSq68YubKUMo8oRhN46yg==
+
+statuses@~1.4.0:
+ version "1.4.0"
+ resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.4.0.tgz#bb73d446da2796106efcc1b601a253d6c46bd087"
+ integrity sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==
+
+stream-throttle@^0.1.3:
+ version "0.1.3"
+ resolved "https://registry.yarnpkg.com/stream-throttle/-/stream-throttle-0.1.3.tgz#add57c8d7cc73a81630d31cd55d3961cfafba9c3"
+ integrity sha512-889+B9vN9dq7/vLbGyuHeZ6/ctf5sNuGWsDy89uNxkFTAgzy0eK7+w5fL3KLNRTkLle7EgZGvHUphZW0Q26MnQ==
+ dependencies:
+ commander "^2.2.0"
+ limiter "^1.0.5"
+
string-width@^3.0.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
@@ -5527,6 +6216,15 @@ string-width@^3.0.0:
is-fullwidth-code-point "^2.0.0"
strip-ansi "^5.1.0"
+string-width@^4.1.0, string-width@^4.2.3:
+ version "4.2.3"
+ resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+ integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+ dependencies:
+ emoji-regex "^8.0.0"
+ is-fullwidth-code-point "^3.0.0"
+ strip-ansi "^6.0.1"
+
string-width@^4.2.0, string-width@^4.2.2:
version "4.2.2"
resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.2.tgz#dafd4f9559a7585cfba529c6a0a4f73488ebd4c5"
@@ -5603,6 +6301,13 @@ strip-ansi@^6.0.0:
dependencies:
ansi-regex "^5.0.0"
+strip-ansi@^6.0.1:
+ version "6.0.1"
+ resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+ integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+ dependencies:
+ ansi-regex "^5.0.1"
+
strip-bom@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
@@ -5914,6 +6619,11 @@ to-regex@^3.0.1, to-regex@^3.0.2:
regex-not "^1.0.2"
safe-regex "^1.1.0"
+toidentifier@1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
+ integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
+
trim-newlines@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-2.0.0.tgz#b403d0b91be50c331dfc4b82eeceb22c3de16d20"
@@ -5978,6 +6688,11 @@ typedarray-to-buffer@^3.1.5:
dependencies:
is-typedarray "^1.0.0"
+ua-parser-js@^1.0.33:
+ version "1.0.37"
+ resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-1.0.37.tgz#b5dc7b163a5c1f0c510b08446aed4da92c46373f"
+ integrity sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ==
+
unbox-primitive@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.0.tgz#eeacbc4affa28e9b3d36b5eaeccc50b3251b1d3f"
@@ -5988,6 +6703,11 @@ unbox-primitive@^1.0.0:
has-symbols "^1.0.0"
which-boxed-primitive "^1.0.1"
+undici-types@~5.26.4:
+ version "5.26.5"
+ resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
+ integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
+
unherit@^1.0.4:
version "1.1.3"
resolved "https://registry.yarnpkg.com/unherit/-/unherit-1.1.3.tgz#6c9b503f2b41b262330c80e91c8614abdaa69c22"
@@ -6124,11 +6844,21 @@ unist-util-visit@^1.1.0:
dependencies:
unist-util-visit-parents "^2.0.0"
+universalify@^0.1.0:
+ version "0.1.2"
+ resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
+ integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+
universalify@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
+unpipe@1.0.0, unpipe@~1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
+ integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
+
unset-value@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-1.0.0.tgz#8376873f7d2335179ffb1e6fc3a8ed0dfc8ab559"
@@ -6159,6 +6889,11 @@ util-deprecate@^1.0.1, util-deprecate@^1.0.2:
resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
+utils-merge@1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
+ integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
+
v8-compile-cache@^2.0.3, v8-compile-cache@^2.2.0:
version "2.3.0"
resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
@@ -6172,6 +6907,11 @@ validate-npm-package-license@^3.0.1:
spdx-correct "^3.0.0"
spdx-expression-parse "^3.0.0"
+vary@^1:
+ version "1.1.2"
+ resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
+ integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+
vfile-location@^2.0.0:
version "2.0.6"
resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-2.0.6.tgz#8a274f39411b8719ea5728802e10d9e0dff1519e"
@@ -6247,6 +6987,15 @@ word-wrap@^1.2.3:
resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
+wrap-ansi@^7.0.0:
+ version "7.0.0"
+ resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+ integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+ dependencies:
+ ansi-styles "^4.0.0"
+ string-width "^4.1.0"
+ strip-ansi "^6.0.0"
+
wrappy@1:
version "1.0.2"
resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
@@ -6274,6 +7023,11 @@ write@1.0.3:
dependencies:
mkdirp "^0.5.1"
+ws@~8.11.0:
+ version "8.11.0"
+ resolved "https://registry.yarnpkg.com/ws/-/ws-8.11.0.tgz#6a0d36b8edfd9f96d8b25683db2f8d7de6e8e143"
+ integrity sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==
+
x-is-string@^0.1.0:
version "0.1.0"
resolved "https://registry.yarnpkg.com/x-is-string/-/x-is-string-0.1.0.tgz#474b50865af3a49a9c4657f05acd145458f77d82"
@@ -6284,6 +7038,11 @@ xdg-basedir@^4.0.0:
resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-4.0.0.tgz#4bc8d9984403696225ef83a1573cbbcb4e79db13"
integrity sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==
+xmlhttprequest-ssl@~2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.0.0.tgz#91360c86b914e67f44dce769180027c0da618c67"
+ integrity sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==
+
xtend@^4.0.0, xtend@^4.0.1:
version "4.0.2"
resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
@@ -6296,6 +7055,11 @@ xxhashjs@^0.2.1:
dependencies:
cuint "^0.2.2"
+y18n@^5.0.5:
+ version "5.0.8"
+ resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
+ integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
+
yallist@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
@@ -6313,11 +7077,47 @@ yargs-parser@^10.0.0:
dependencies:
camelcase "^4.1.0"
+yargs-parser@^20.2.2:
+ version "20.2.9"
+ resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
+ integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
+
yargs-parser@^20.2.3:
version "20.2.6"
resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.6.tgz#69f920addf61aafc0b8b89002f5d66e28f2d8b20"
integrity sha512-AP1+fQIWSM/sMiET8fyayjx/J+JmTPt2Mr0FkrgqB4todtfa53sOsrSAcIrJRD5XS20bKUwaDIuMkWKCEiQLKA==
+yargs-parser@^21.1.1:
+ version "21.1.1"
+ resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
+ integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
+
+yargs@17.1.1:
+ version "17.1.1"
+ resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.1.1.tgz#c2a8091564bdb196f7c0a67c1d12e5b85b8067ba"
+ integrity sha512-c2k48R0PwKIqKhPMWjeiF6y2xY/gPMUlro0sgxqXpbOIohWiLNXWslsootttv7E1e73QPAMQSg5FeySbVcpsPQ==
+ dependencies:
+ cliui "^7.0.2"
+ escalade "^3.1.1"
+ get-caller-file "^2.0.5"
+ require-directory "^2.1.1"
+ string-width "^4.2.0"
+ y18n "^5.0.5"
+ yargs-parser "^20.2.2"
+
+yargs@^17.3.1:
+ version "17.7.2"
+ resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
+ integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
+ dependencies:
+ cliui "^8.0.1"
+ escalade "^3.1.1"
+ get-caller-file "^2.0.5"
+ require-directory "^2.1.1"
+ string-width "^4.2.3"
+ y18n "^5.0.5"
+ yargs-parser "^21.1.1"
+
yauzl@^2.10.0:
version "2.10.0"
resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"