Skip to content
Open
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions 404.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@

const redirectMap = new Map(
[
['ae_ar', '/'],
['ae_ar', '/ara/'],
['ae_en', '/'],
['africa', '/'],
['ar', '/es/'],
Expand All @@ -40,7 +40,7 @@
['de-DE','/de/'],
['ec', '/es/'],
['ee', '/'],
['eg_ar', '/'],
['eg_ar', '/ara/'],
['eg_en', '/'],
['es-ES', '/es/'],
['fi-FI', '/fi/'],
Expand All @@ -61,15 +61,15 @@
['it-IT', '/it/'],
['ja-JP', '/jp/'],
['ko-KR', '/kr/'],
['kw_ar', '/'],
['kw_ar', '/ara/'],
['kw_en', '/'],
['la', '/es/'],
['lt', '/'],
['lu_en', '/'],
['lu_de', '/de/'],
['lu_fr', '/fr/'],
['lv', '/'],
['mena_ar', '/'],
['mena_ar', '/ara/'],
['mena_en', '/'],
['mt', '/'],
['mx', '/es/'],
Expand All @@ -86,11 +86,11 @@
['pr', '/es/'],
['pt', '/br/'],
['pt-BR', '/br/'],
['qa_ar', '/'],
['qa_ar', '/ara/'],
['qa_en', '/'],
['ro', '/'],
['ru', '/'],
['sa_ar', '/'],
['sa_ar', '/ara/'],
['sa_en', '/'],
['sea', '/'],
['sg', '/'],
Expand Down
30 changes: 16 additions & 14 deletions express/code/blocks/discover-cards/discover-cards.css
Original file line number Diff line number Diff line change
Expand Up @@ -143,10 +143,10 @@ main .section .discover-cards {
display: none;
}
.discover-cards .cards-container .card .text-content {
text-align: left;
text-align: start;
}
.discover-cards .cards-container .card .text-content .header {
text-align: left;
text-align: start;
font-size: var(--ax-heading-l-size);
font-weight: var(--heading-font-weight);
margin-top: 17px;
Expand All @@ -162,7 +162,7 @@ main .section .discover-cards {
margin-top: var(--spacing-80);
}
.discover-cards .card .button-container {
text-align: left;
text-align: start;
}
.section .discover-cards .card .button-container a {
background-color: var(--color-gray-800-variant);
Expand All @@ -173,10 +173,10 @@ main .section .discover-cards {
}

.discover-cards .cards-container.gallery {
scroll-padding-left: var(--spacing-350);
scroll-padding-inline-start: var(--spacing-350);
}
.discover-cards .cards-container .card:first-child {
margin-left: var(--spacing-350);
margin-inline-start: var(--spacing-350);
}

@media (min-width: 600px) {
Expand Down Expand Up @@ -204,7 +204,7 @@ main .section .discover-cards {
width: auto;
}
.discover-cards .cards-container .card .text-content {
text-align: left;
text-align: start;
width: 351px;
margin-left: auto;
margin-right: auto;
Expand All @@ -217,10 +217,10 @@ main .section .discover-cards {
height: 198px;
}
.discover-cards .cards-container.gallery {
scroll-padding-left: 60px;
scroll-padding-inline-start: 60px;
}
.discover-cards .cards-container .card:first-child {
margin-left: 60px;
margin-inline-start: 60px;
}
.discover-cards.flip .center-title {
font-size: var(--heading-font-size-m);
Expand All @@ -230,10 +230,8 @@ main .section .discover-cards {
padding-bottom: var(--spacing-800);
}
.discover-cards.flip .cards-container.gallery {
padding-left: var(--spacing-500);
padding-right: var(--spacing-500);
scroll-padding-left: var(--spacing-500);
scroll-padding-right: var(--spacing-500);
padding-inline: var(--spacing-500);
scroll-padding-inline: var(--spacing-500);
justify-content: center;
}
.section:has(.discover-cards.v2) {
Expand All @@ -253,10 +251,10 @@ main .section .discover-cards {
margin: auto;
}
.discover-cards .cards-container.gallery {
scroll-padding-left: 100px;
scroll-padding-inline-start: 100px;
}
.discover-cards .cards-container .card:first-child {
margin-left: 100px;
margin-inline-start: 100px;
}
}

Expand Down Expand Up @@ -339,6 +337,10 @@ main .section .discover-cards {
stroke: var(--color-gray-300);
}

html[dir="rtl"] .discover-cards .gallery-control button {
transform: scaleX(-1);
}

.discover-cards.flip .flip-card-inner {
position: relative;
width: 100%;
Expand Down
84 changes: 67 additions & 17 deletions express/code/blocks/gen-ai-cards/gen-ai-cards.css
Original file line number Diff line number Diff line change
Expand Up @@ -81,15 +81,15 @@


.gen-ai-cards .gen-ai-cards-heading-section h2 {
text-align: left;
text-align: start;
margin-bottom: var(--spacing-100);
font-size: var(--heading-font-size-m);
line-height: 130%;
max-width: 800px;
}

.gen-ai-cards .gen-ai-cards-heading-section p {
text-align: left;
text-align: start;
margin: 0;
}

Expand Down Expand Up @@ -129,6 +129,11 @@
scroll-padding-left: var(--spacing-350);
}

html[dir="rtl"] .gen-ai-cards.homepage .carousel-container {
scroll-padding-left: unset;
scroll-padding-right: var(--spacing-350);
}

.gen-ai-cards .card {
height: 415px;
box-sizing: border-box;
Expand Down Expand Up @@ -166,7 +171,7 @@
}

.gen-ai-cards .card .text-wrapper {
text-align: left;
text-align: start;
}

.gen-ai-cards .card .text-wrapper p {
Expand Down Expand Up @@ -317,11 +322,19 @@ main .gen-ai-cards.homepage .card .media-wrapper {
}

.gen-ai-cards.homepage .carousel-container .carousel-element.card:nth-child(2) {
margin-left: 20px;
margin-inline-start: 20px;
}

.gen-ai-cards.homepage .carousel-container .carousel-element.card:nth-last-child(2) {
margin-inline-end: 20px;
}

.gen-ai-cards.homepage.v2 .carousel-container .carousel-element.card:nth-child(2) {
margin-left: 16px;
margin-inline-start: 16px;
}

.gen-ai-cards.homepage.v2 .carousel-container .carousel-element.card:nth-last-child(2) {
margin-inline-end: 16px;
}

.gen-ai-cards .card .gen-ai-input-form .gen-ai-submit {
Expand Down Expand Up @@ -398,10 +411,6 @@ main .gen-ai-cards.homepage .carousel-container .carousel-platform.right-fader:n
mask-image: none;
}

main .gen-ai-cards.homepage .carousel-container .carousel-platform.left-fader {
padding-right: var(--spacing-350);
}

main .gen-ai-cards.homepage .carousel-container .carousel-fader-left {
align-items: end;
top: 45px;
Expand All @@ -417,6 +426,28 @@ main .gen-ai-cards.homepage .carousel-container .carousel-fader-right {
pointer-events: none;
}

/* RTL: the widget's float/absolute-position math for the arrow icon assumes
ltr, so force it regardless of page direction to keep the icon centered
in its circle, then mirror the pair to the left (reading end). carousel-fader-left
always scrolls physically left and carousel-fader-right always scrolls physically
right (their names track scroll direction, not screen side), so carousel-fader-left
must stay the leftmost of the pair to keep its "<" pointing further left, away
from carousel-fader-right, instead of back toward it. */
html[dir="rtl"] .gen-ai-cards .carousel-fader-left,
html[dir="rtl"] .gen-ai-cards .carousel-fader-right {
direction: ltr;
}

html[dir="rtl"] main .gen-ai-cards.homepage .carousel-container .carousel-fader-left {
right: auto;
left: 15px;
}

html[dir="rtl"] main .gen-ai-cards.homepage .carousel-container .carousel-fader-right {
right: auto;
left: 42px;
}

.gen-ai-cards.homepage .gen-ai-cards-heading-section p {
font-size: var(--ax-body-s-size);
}
Expand All @@ -432,7 +463,7 @@ main .gen-ai-cards.homepage .carousel-container .carousel-fader-right {

.gen-ai-cards .gen-ai-cards-heading-section h2,
.gen-ai-cards .gen-ai-cards-heading-section p {
text-align: left;
text-align: start;
max-width: none;
}

Expand All @@ -449,7 +480,7 @@ main .gen-ai-cards.homepage .carousel-container .carousel-fader-right {

.gen-ai-cards.homepage.spotlight .gen-ai-cards-heading-section h2,
.gen-ai-cards.homepage.spotlight .gen-ai-cards-heading-section p {
text-align: left;
text-align: start;
max-width: none;
}

Expand Down Expand Up @@ -498,6 +529,12 @@ main .gen-ai-cards.homepage .carousel-container .carousel-fader-right.arrow-hidd
margin: 0px;
}

/* RTL: the prev/next chevrons point a fixed physical direction, but scrolling
forward moves toward the left instead of the right, so flip them to match. */
html[dir="rtl"] .gen-ai-cards .gallery-control svg {
transform: rotate(180deg);
}

.gen-ai-cards .card .beta-tag {
color: var(--Content-Accent-default, #5258E4);
font-size: var(--font-size-beta);
Expand Down Expand Up @@ -526,7 +563,7 @@ main .gen-ai-cards.homepage .carousel-container .carousel-fader-right.arrow-hidd

.gen-ai-cards .gen-ai-cards-heading-section h3,
.gen-ai-cards .gen-ai-cards-heading-section p {
text-align: left;
text-align: start;
}

.gen-ai-cards .gen-ai-cards-heading-section .gen-ai-cards-link {
Expand Down Expand Up @@ -556,16 +593,25 @@ main .gen-ai-cards.homepage .carousel-container .carousel-fader-right.arrow-hidd
--heading-max-width: 600px;
}

.gen-ai-cards.homepage .carousel-container .carousel-element.card:nth-child(2) {
margin-left: var(--spacing-350);
.gen-ai-cards.homepage .carousel-container .carousel-element.card:nth-child(2) {
margin-inline-start: var(--spacing-350);
}

.gen-ai-cards.homepage .carousel-container .carousel-element.card:nth-last-child(2) {
margin-inline-end: var(--spacing-350);
}

.section:has(.gen-ai-cards.homepage.v2) {
padding-top: var(--spacing-500);
padding-bottom: var(--spacing-500);
}

.gen-ai-cards.homepage.v2 .carousel-container .carousel-element.card:nth-child(2) {
margin-left: var(--spacing-500);
margin-inline-start: var(--spacing-500);
}

.gen-ai-cards.homepage.v2 .carousel-container .carousel-element.card:nth-last-child(2) {
margin-inline-end: var(--spacing-500);
}
}

Expand Down Expand Up @@ -606,7 +652,11 @@ main .gen-ai-cards.homepage .carousel-container .carousel-fader-right.arrow-hidd
}

.gen-ai-cards.homepage .carousel-container .carousel-element.card:nth-child(2) {
margin-left: var(--spacing-300);
margin-inline-start: var(--spacing-300);
}

.gen-ai-cards.homepage .carousel-container .carousel-element.card:nth-last-child(2) {
margin-inline-end: var(--spacing-300);
}

.gen-ai-cards .carousel-container .carousel-fader-left,
Expand All @@ -627,7 +677,7 @@ main .gen-ai-cards.homepage .carousel-container .carousel-fader-right.arrow-hidd
}

.gen-ai-cards.homepage .card .text-wrapper {
text-align: left;
text-align: start;
}

main .gen-ai-cards.homepage .gen-ai-cards-heading {
Expand Down
Loading
Loading