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

Margin / padding viewport 'xs' doesn't exist #148

Closed
Rainfellow2002 opened this issue Jan 20, 2023 · 2 comments
Closed

Margin / padding viewport 'xs' doesn't exist #148

Rainfellow2002 opened this issue Jan 20, 2023 · 2 comments

Comments

@Rainfellow2002
Copy link

Rainfellow2002 commented Jan 20, 2023

The viewport 'xs' doesn't seem to exist for margin or padding (only sm, md, lg, xl). The following doesn't work:

<div class="m-10-xs"><p>This is a test</p></div>

@Rainfellow2002 Rainfellow2002 changed the title Margin / padding breakpoint 'xs' doesn't exist Margin / padding viewport 'xs' doesn't exist Jan 20, 2023
@Spiderpig86
Copy link
Owner

Hi @Rainfellow2002 , could you please update the code sample? It doesn't include the classes you say are missing. Looking at the source, m-1-xs would be redundant since it acts the same as m-1 today. For example, m-1-sm means m-1 applies to viewports sm and larger. You can read more about this here.

@Rainfellow2002
Copy link
Author

Hi @Spiderpig86, thanks for your quick reply. Ah now i get it, one have to keep mobile-first in mind.
It is also described thoroughly in Usage section of the page you mentioned.
Keep up the good work, love this lightweight framework!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants