Tiny UI library for Preact https://git.dany.dev/dsluijk/teenyui
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

18 lines
358 B

  1. $breakpoints: (
  2. "small": 576px,
  3. "medium": 768px,
  4. "large": 1250px,
  5. ) !default;
  6. @mixin breakpoint($operator, $breakpoint) {
  7. @if $operator == min {
  8. @media (min-width: map-get($breakpoints, $breakpoint)) {
  9. @content;
  10. }
  11. } @else if $operator == max {
  12. @media (max-width: map-get($breakpoints, $breakpoint)) {
  13. @content;
  14. }
  15. }
  16. }