Sha256: 7a707f25f4ba6139939b21d6bdb7fdb402f463e551f45176e7478c389637ae34
Contents?: true
Size: 1.32 KB
Versions: 83
Compression:
Stored size: 1.32 KB
Contents
$screen-xs-min: 575px !default;
$screen-xs-max: $screen-xs-min - 1 !default;
$screen-sm-min: 576px !default;
$screen-sm-max: $screen-sm-min - 1 !default;
$screen-md-min: 768px !default;
$screen-md-max: $screen-md-min - 1 !default;
$screen-lg-min: 992px !default;
$screen-lg-max: $screen-lg-min - 1 !default;
$screen-xl-min: 1200px !default;
$screen-xl-max: $screen-xl-min - 1 !default;
$breakpoints: (
xs: $screen-xs-min,
sm: $screen-sm-min,
md: $screen-md-min,
lg: $screen-lg-min,
xl: $screen-xl-min
);
$breakpoints_grid: (
xs: (
max: $screen-xs-min
),
sm: (
min: $screen-sm-min,
max: $screen-md-max
),
md: (
min: $screen-md-min,
max: $screen-lg-max
),
lg: (
min: $screen-lg-min,
max: $screen-xl-max
),
xl: (
min: $screen-xl-min,
)
);
@function breakpoint($breakpoint_name) {
@return map-get($breakpoints, $breakpoint_name);
}
@mixin break_at($size) {
@media screen and (max-width: $size) {
@content;
}
}
@mixin break_on($min: null, $max: null) {
@if not $max {
@media screen and (min-width: $min) {
@content;
}
} @else if not $min {
@media screen and (max-width: $max) {
@content;
}
} @else {
@media screen and (min-width: $min) and (max-width: $max) {
@content;
}
}
}
Version data entries
83 entries across 83 versions & 1 rubygems