Skip to content

Commit

Permalink
Merge pull request #993 from cozy/feat/standardBP
Browse files Browse the repository at this point in the history
feat: Add Standard breakpoints for utility classes
  • Loading branch information
GoOz authored May 24, 2019
2 parents c5ebaf6 + 69446c7 commit ee73efd
Showing 1 changed file with 6 additions and 8 deletions.
14 changes: 6 additions & 8 deletions stylus/settings/breakpoints.styl
Original file line number Diff line number Diff line change
Expand Up @@ -8,21 +8,18 @@
// variables

BP-teeny = 375
BP-tiny = 543
BP-tiny = 480
BP-small = 768
BP-medium = 1023
BP-large = 1200
BP-extra-large = 1439

// Breakpoints collection for utilities
// Standard breakpoints collection for utilities
breakpoints = {
'none': '',
'teeny': 'tt',
'tiny': 't',
'small': 's',
'medium': 'm',
'large': 'l',
'extra-large': 'xl'
}

/*
Expand All @@ -32,7 +29,8 @@ breakpoints = {
the desired a `max-width` media-query. Use the direction argument
to set it to `min`.
tiny - 543px
teeny - 375px
tiny - 480px
small - 768px
medium - 1023px
large - 1200px
Expand Down Expand Up @@ -63,8 +61,8 @@ teeny-screen(direction='max')
/*
tiny-screen()
tiny-screen() Refers to (max-width: 543px)
tiny-screen('min') Refers to (min-width: 544px)
tiny-screen() Refers to (max-width: 480px)
tiny-screen('min') Refers to (min-width: 481px)
Weight: -5
Expand Down

0 comments on commit ee73efd

Please sign in to comment.