Conversation
- Add BREAKPOINTS config and BREAKPOINT_CUSTOM_PROPERTIES_PATH constant to transform-tokens.js - Add extractBreakpointTokens() to resolve breakpoint token values - Add generateBreakpointCustomProperties() to produce media-query-wrapped CSS custom properties - Generate _breakpoint-custom-properties.scss with mobile/tablet/desktop @media blocks - Import new file in base-minimal.scss and base-minimal-no-grid.scss Co-authored-by: Jura <417604+Jura@users.noreply.github.com>
Co-authored-by: Jura <417604+Jura@users.noreply.github.com>
- Add tokenReferenceToVarRef() helper in transform-tokens.js that converts
token references like {fontsize.24} to var(--undpds-font-size-24)
- Update extractBreakpointTokens() to preserve rawValue alongside resolved fallback
- Update generateBreakpointCustomProperties() to emit var() references instead
of hardcoded concrete values
- Regenerate _breakpoint-custom-properties.scss with semantic var() references
- Run npm run build and commit compiled production assets in docs/
Co-authored-by: Jura <417604+Jura@users.noreply.github.com>
- Rewrite generateBreakpointCustomProperties() in transform-tokens.js: · Add plain :root default block (no media query) with all 15 mobile values · Remove the old @media (max-width: 30em) mobile block entirely · Tablet range block: only 3 tokens that differ from mobile (display sizes) · Desktop block: only 12 tokens that differ from mobile baseline · Tokens that are identical across all breakpoints are declared once only - Regenerate _breakpoint-custom-properties.scss - npm run build: compile production assets in docs/ Co-authored-by: Jura <417604+Jura@users.noreply.github.com> Agent-Logs-Url: https://github.com/undp/design-system/sessions/98dc69a7-8dca-4f19-b2cc-19a7e80840e4
Mobile-first breakpoint tokens: deduplicate via default :root block
…cit-color #1397 -HTML links inherit color from containers
…-using-smaller-font-size #1417 - variable Heading size implementation for Homepage Hero component
Deploying design-system with
|
| Latest commit: |
3c06b9a
|
| Status: | ⚡️ Build in progress... |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.