Skip to content

[MM-15487] feat: convert to mobile-first approach and add spacer utilities#549

Open
pauloSF0 wants to merge 1 commit into
mainfrom
MM-15497-webkit-update-overline-spacer-tokens
Open

[MM-15487] feat: convert to mobile-first approach and add spacer utilities#549
pauloSF0 wants to merge 1 commit into
mainfrom
MM-15497-webkit-update-overline-spacer-tokens

Conversation

@pauloSF0
Copy link
Copy Markdown
Contributor

@pauloSF0 pauloSF0 commented May 5, 2026

Adiciona utilitários de spacer com abordagem mobile-first

Mudanças

  • Adiciona classes .spacer-xl, .spacer-lg, .spacer-md, .spacer-sm
  • Converte media queries de max-width para min-width (mobile-first)
  • Define valores mobile como base, com overrides nos breakpoints md/lg

Valores dos spacers

Classe Mobile md (≥768px) lg (≥1024px)
spacer-xl h-60 h-60 h-60
spacer-lg h-16 h-40
spacer-md h-12 h-32
spacer-sm h-8 h-20

Uso

<div class="spacer-lg"></div>
<div class="spacer-md"></div>
<div class="spacer-sm"></div>
<div class="spacer-xl"></div>

Testado em

- azion-console-kit (HomeView)

@pauloSF0 pauloSF0 self-assigned this May 5, 2026
@pauloSF0 pauloSF0 added the enhancement New feature or request label May 5, 2026
@pauloSF0 pauloSF0 requested a review from a team as a code owner May 5, 2026 23:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Development

Successfully merging this pull request may close these issues.

3 participants