Skip to content

[AUTOMATED-PR] Update S2A style tokens - #6625

Open
github-actions[bot] wants to merge 1 commit into
stagefrom
update-s2a-styles
Open

[AUTOMATED-PR] Update S2A style tokens#6625
github-actions[bot] wants to merge 1 commit into
stagefrom
update-s2a-styles

Conversation

@github-actions

@github-actions github-actions Bot commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

Synchronized --s2a- variables in ./libs/c2/styles/styles.css.

Updated variables:
none

Added variables:
--s2a-hover-list-number-container-width: 24px (tokens.responsive.sm.css)
--s2a-hover-list-padding-vertical: var(--s2a-spacing-xl) (tokens.responsive.sm.css)
--s2a-side-by-side-max-width-overlay: 320px (tokens.responsive.sm.css)
--s2a-side-by-side-padding-overlay: var(--s2a-spacing-lg) (tokens.responsive.sm.css)
--s2a-side-by-side-padding-underlay: var(--s2a-spacing-sm) (tokens.responsive.sm.css)
--s2a-tab-side-padding: 20px (tokens.responsive.sm.css)
--s2a-color-promo-cta-button-background-neutral-on-image-on-dark-active: var(--s2a-color-background-default) (tokens.semantic.light.css)
[.dark] --s2a-color-promo-cta-button-background-neutral-on-image-on-dark-active: var(--s2a-color-background-inverse) (tokens.semantic.dark.css)
[@media (width >= 1024px)] --s2a-hover-list-number-container-width: 32px (tokens.responsive.md.css)
[@media (width >= 1024px)] --s2a-hover-list-padding-vertical: var(--s2a-spacing-lg) (tokens.responsive.md.css)
[@media (width >= 1024px)] --s2a-side-by-side-max-width-overlay: 250px (tokens.responsive.md.css)
[@media (width >= 1024px)] --s2a-side-by-side-padding-underlay: var(--s2a-spacing-md) (tokens.responsive.md.css)
[@media (width >= 1024px)] --s2a-tab-side-padding: var(--s2a-spacing-lg) (tokens.responsive.md.css)
[@media (width >= 1280px)] --s2a-hover-list-number-container-width: 64px (tokens.responsive.lg.css)
[@media (width >= 1280px)] --s2a-side-by-side-max-width-overlay: 400px (tokens.responsive.lg.css)
[@media (width >= 1280px)] --s2a-side-by-side-padding-overlay: var(--s2a-spacing-xl) (tokens.responsive.lg.css)
[@media (width >= 1280px)] --s2a-side-by-side-padding-underlay: var(--s2a-spacing-lg) (tokens.responsive.lg.css)
[@media (width >= 1440px)] --s2a-side-by-side-padding-overlay: var(--s2a-spacing-2xl) (tokens.responsive.xl.css)
[@media (width >= 1440px)] --s2a-side-by-side-padding-underlay: var(--s2a-spacing-2xl) (tokens.responsive.xl.css)

Deleted variables:
none

@github-actions github-actions Bot added the high-impact Any PR that may affect consumers label Sep 2, 2026
@github-actions github-actions Bot added the high-impact Any PR that may affect consumers label Sep 2, 2026
@aem-code-sync

aem-code-sync Bot commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch.
In case there are problems, just click the checkbox below to rerun the respective action.

  • Re-sync branch
Commits

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

high-impact Any PR that may affect consumers

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant