Skip to content

Seed Breakpoints - v0.3.0

Choose a tag to compare

View all tags
@ItsJonQ ItsJonQ released this 17 Jul 16:17
· 18 commits to master since this release
v0.3.0
4072a13

Changes

  • adds $seed-breakpoints-at-namespace variable
  • sets namespace variable to @ symbol
  • updates mixins to use at-namespace
  • adds/updates seed build scripts

This change was made to better follow the ITCSS naming conventions for responsive classes.

The compiled stylesheet (.css) will show the classes like:
.class\@sm { ... }

However, your markup can just be:
<div class="class@sm">...</div>

Note

From this version forward, scss code utilizing the breakpoint mixins will now have altered (default) compiled responsive classes.

If you prefer using the older --at-size convention (or establish your own personal conventions), you can modify the new $seed-breakpoints-at-namespace variable.

Assets 2
Loading