Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add container without padding #4495

Open
2 tasks
gfellerph opened this issue Jan 22, 2025 · 0 comments
Open
2 tasks

Add container without padding #4495

gfellerph opened this issue Jan 22, 2025 · 0 comments
Labels
📦 styles Related to the @swisspost/design-system-styles package
Milestone

Comments

@gfellerph
Copy link
Member

Add or document how to create a container without padding, necessary to create designs like shown here: https://www.figma.com/design/sybxin85kCZNXQjQFOTc2a/PPNL-Cargo-layout-examples?node-id=1583-14642&t=SIiY9T0HiNuI0SbJ-0.

Two possible solutions:

<!-- Using a utility class to reset the padding on the y-axis -->
<div class="container py-0"></div>

<!-- Using a dedicated class that does not have a padding from the start -->
<div class="container-edge"></div>

Tasks

Preview Give feedback
@gfellerph gfellerph added the 📦 styles Related to the @swisspost/design-system-styles package label Jan 22, 2025
@gfellerph gfellerph added this to the PPNL Support milestone Jan 23, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
📦 styles Related to the @swisspost/design-system-styles package
Projects
Status: 👀 Triage
Development

No branches or pull requests

1 participant