Sha256: 782ed1b9536df4129d16dedda31f73683cc5543fc244ffb062cda7a04368024c
Contents?: true
Size: 1.61 KB
Versions: 55
Compression:
Stored size: 1.61 KB
Contents
@import "settings.global";
@mixin screen--xsmall-and-up {
@media (min-width: #{map-get($screen-limits, xsmall)}) {
@content;
}
}
@mixin screen--small-and-up {
@media (min-width: #{map-get($screen-limits, small)}) {
@content;
}
}
@mixin screen--medium-and-up {
@media (min-width: #{map-get($screen-limits, medium)}) {
@content;
}
}
@mixin screen--large-and-up {
@media (min-width: #{map-get($screen-limits, large)}) {
@content;
}
}
@mixin screen--xlarge-and-up {
@media (min-width: #{map-get($screen-limits, xlarge)}) {
@content;
}
}
@mixin screen--super-and-up {
@media (min-width: #{map-get($screen-limits, super)}) {
@content;
}
}
@mixin screen--xsmall-only {
@media (max-width: #{map-get($screen-limits, xsmall) - $screen-adjustment}) {
@content;
}
}
@mixin screen--small-only {
@media (min-width: #{map-get($screen-limits, xsmall)}) and (max-width: #{map-get($screen-limits, small) - $screen-adjustment}) {
@content;
}
}
@mixin screen--medium-only {
@media (min-width: #{map-get($screen-limits, small)}) and (max-width: #{map-get($screen-limits, medium) - $screen-adjustment}) {
@content;
}
}
@mixin screen--large-only {
@media (min-width: #{map-get($screen-limits, medium)}) and (max-width: #{map-get($screen-limits, large) - $screen-adjustment}) {
@content;
}
}
@mixin screen--xlarge-only {
@media (min-width: #{map-get($screen-limits, large)}) and (max-width: #{map-get($screen-limits, xlarge) - $screen-adjustment}) {
@content;
}
}
@mixin screen--super-only {
@media (min-width: #{map-get($screen-limits, large)}) {
@content;
}
}
Version data entries
55 entries across 55 versions & 4 rubygems