- Source:
Methods
build-breakpoint-range($minopt, nullable, $maxopt, nullable) → {String}
Returns a string to be used in a media query, which defines the range/bounds of a breakpoint with min and/or max value.
Parameters:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
$min |
Number |
<optional> <nullable> |
null | the min width of the breakpoint |
$max |
Number |
<optional> <nullable> |
null | the max width of the breakpoint |
- Source:
Returns:
the media query string for the breakpoint range
- Type
- String
Example
build-breakpoint-range(0, 767px)
=> '(min-width: 0) and (max-width: 767px)'
build-breakpoint-range(null, 100rem)
=> '(max-width: 100rem)'