Right now I'm wrapping everything in @each loops and @media queries, even if that current breakpoint is 0. Ideally I'd want a @mixin (I think) which doesn't print a media query if a certain given breakpoint is 0. One way could be doing @if statements within the @mixin (or even the current @each loops) itself but I can't shake the feeling that there is a much neater way of doing it. Very much open to suggestions!
→ flexer.scss:175
So essentially this:
@media (min-width: 0) {
.sm\:d-f { display: flex; }
}
@media (min-width: 500px) {
.md:\d-f { display: flex; }
}
...Becomes this:
.sm\:d-f { display: flex; }
@media (min-width: 500px) {
.md\:d-f { display: flex; }
}
...Not that it's needed right now since this is a quick n' dirty testing/prototyping tool but it never hurts to make things solid and add sparkles.
Right now I'm wrapping everything in
@eachloops and@mediaqueries, even if that current breakpoint is0. Ideally I'd want a@mixin(I think) which doesn't print a media query if a certain given breakpoint is0. One way could be doing@ifstatements within the@mixin(or even the current@eachloops) itself but I can't shake the feeling that there is a much neater way of doing it. Very much open to suggestions!→ flexer.scss:175
So essentially this:
Becomes this:
Not that it's needed right now since this is a quick n' dirty testing/prototyping tool but it never hurts to make things solid and add sparkles.