Sha256: 5e2d9963cce88dc271b466b2708d180174f6596061daf1a9fc5f586ec8daa5ab
Contents?: true
Size: 707 Bytes
Versions: 17
Compression:
Stored size: 707 Bytes
Contents
// Media query
// Media query mixin
// Usage:
// @include mq(md) {
// ..medium and up styles
// }
@mixin mq($name) {
// Retrieves the value from the key
$value: map-get($media-queries, $name);
// If the key exists in the map
@if $value {
// Prints a media query based on the value
@media (min-width: $value) {
@content;
}
} @else {
@warn "No value could be retrieved from `#{$media-query}`. Please make sure it is defined in `$media-queries` map.";
}
}
// Responsive container
@mixin container {
padding-right: $gutter-spacing-sm;
padding-left: $gutter-spacing-sm;
@include mq(md) {
padding-right: $gutter-spacing;
padding-left: $gutter-spacing;
}
}
Version data entries
17 entries across 17 versions & 3 rubygems