Dropped unnecessary 'only' from media queries

This commit is contained in:
squidfunk 2020-02-26 07:13:53 +01:00
parent 5ddeaf25e5
commit 1da7195993

View File

@ -108,14 +108,14 @@ $break-devices: () !default;
/// ///
@mixin break-at($breakpoint) { @mixin break-at($breakpoint) {
@if type-of($breakpoint) == number { @if type-of($breakpoint) == number {
@media only screen and (min-width: $breakpoint) { @media screen and (min-width: $breakpoint) {
@content; @content;
} }
} @else if type-of($breakpoint) == list { } @else if type-of($breakpoint) == list {
$min: nth($breakpoint, 1); $min: nth($breakpoint, 1);
$max: nth($breakpoint, 2); $max: nth($breakpoint, 2);
@if type-of($min) == number and type-of($max) == number { @if type-of($min) == number and type-of($max) == number {
@media only screen and (min-width: $min) and (max-width: $max) { @media screen and (min-width: $min) and (max-width: $max) {
@content; @content;
} }
} @else { } @else {
@ -131,7 +131,7 @@ $break-devices: () !default;
/// ///
@mixin break-at-orientation($breakpoint) { @mixin break-at-orientation($breakpoint) {
@if type-of($breakpoint) == string { @if type-of($breakpoint) == string {
@media only screen and (orientation: $breakpoint) { @media screen and (orientation: $breakpoint) {
@content; @content;
} }
} @else { } @else {
@ -144,7 +144,7 @@ $break-devices: () !default;
/// ///
@mixin break-at-ratio($breakpoint) { @mixin break-at-ratio($breakpoint) {
@if type-of($breakpoint) == number { @if type-of($breakpoint) == number {
@media only screen and (max-aspect-ratio: $breakpoint) { @media screen and (max-aspect-ratio: $breakpoint) {
@content; @content;
} }
} @else { } @else {
@ -164,7 +164,7 @@ $break-devices: () !default;
@if nth($breakpoint, 2) != null { @if nth($breakpoint, 2) != null {
$min: nth($breakpoint, 1); $min: nth($breakpoint, 1);
$max: nth($breakpoint, 2); $max: nth($breakpoint, 2);
@media only screen and (min-width: $min) and (max-width: $max) { @media screen and (min-width: $min) and (max-width: $max) {
@content; @content;
} }
} @else { } @else {
@ -185,7 +185,7 @@ $break-devices: () !default;
@if type-of($device) == list { @if type-of($device) == list {
$breakpoint: break-select-device($device); $breakpoint: break-select-device($device);
$min: nth($breakpoint, 1); $min: nth($breakpoint, 1);
@media only screen and (min-width: $min) { @media screen and (min-width: $min) {
@content; @content;
} }
} @else { } @else {
@ -203,7 +203,7 @@ $break-devices: () !default;
@if type-of($device) == list { @if type-of($device) == list {
$breakpoint: break-select-device($device); $breakpoint: break-select-device($device);
$max: nth($breakpoint, 2); $max: nth($breakpoint, 2);
@media only screen and (max-width: $max) { @media screen and (max-width: $max) {
@content; @content;
} }
} @else { } @else {