Skip to content

Seed Breakpoints - v0.0.3

Choose a tag to compare

@ItsJonQ ItsJonQ released this 07 Jul 02:19
· 46 commits to master since this release

Changes

  • adds breakpoint-all-map mixin

Can be used like this:

// Input
$classmap: (
  1: 10px,
  2: 20px
);
@include breakpoint-all-map("classname-", $classmap, font-size);

// Output
.classname-1 {
  font-size: 10px;
}
.classname-2 {
  font-size: 20px;
}
@media (min-width: 544px) {
  .classname-1--at-sm {
    font-size: 10px; }
  .classname-2--at-sm {
    font-size: 20px; }
...

Sorta addresses #2.

This would only be truly useful if Sass supported callback functionality or @content variable usage. Unfortunately, this hasn't happened yet