mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-03-14 17:29:38 +01:00
Fix calculation syntax for some utilities
This commit is contained in:
parent
7cf0125c06
commit
17504c4601
@ -120,24 +120,24 @@
|
|||||||
$hidden-large-suffix : 'lg', $hidden-use-four-step-grid : false,
|
$hidden-large-suffix : 'lg', $hidden-use-four-step-grid : false,
|
||||||
$hidden-small-breakpoint : 480px, $hidden-extra-small-suffix : 'xs') {
|
$hidden-small-breakpoint : 480px, $hidden-extra-small-suffix : 'xs') {
|
||||||
@if $hidden-use-four-step-grid {
|
@if $hidden-use-four-step-grid {
|
||||||
@media screen and (max-width: #{$hidden-small-breakpoint}-1px) {
|
@media screen and (max-width: $hidden-small-breakpoint - 1px) {
|
||||||
.#{$hidden-prefix}-#{$hidden-extra-small-suffix} {
|
.#{$hidden-prefix}-#{$hidden-extra-small-suffix} {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: #{$hidden-small-breakpoint}) and (max-width: #{$hidden-medium-breakpoint}-1px) {
|
@media screen and (min-width: #{$hidden-small-breakpoint}) and (max-width: $hidden-medium-breakpoint - 1px) {
|
||||||
.#{$hidden-prefix}-#{$hidden-small-suffix} {
|
.#{$hidden-prefix}-#{$hidden-small-suffix} {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@else {
|
@else {
|
||||||
@media screen and (max-width: #{$hidden-medium-breakpoint}-1px) {
|
@media screen and (max-width: $hidden-medium-breakpoint - 1px) {
|
||||||
.#{$hidden-prefix}-#{$hidden-small-suffix} {
|
.#{$hidden-prefix}-#{$hidden-small-suffix} {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: #{$hidden-medium-breakpoint}) and (max-width: #{$hidden-large-breakpoint}-1px) {
|
@media screen and (min-width: #{$hidden-medium-breakpoint}) and (max-width: $hidden-large-breakpoint - 1px) {
|
||||||
.#{$hidden-prefix}-#{$hidden-medium-suffix} {
|
.#{$hidden-prefix}-#{$hidden-medium-suffix} {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
@ -165,7 +165,7 @@
|
|||||||
$visually-hidden-large-suffix : 'lg', $visually-hidden-use-four-step-grid : false,
|
$visually-hidden-large-suffix : 'lg', $visually-hidden-use-four-step-grid : false,
|
||||||
$visually-hidden-small-breakpoint : 480px, $visually-hidden-extra-small-suffix : 'xs') {
|
$visually-hidden-small-breakpoint : 480px, $visually-hidden-extra-small-suffix : 'xs') {
|
||||||
@if $visually-hidden-use-four-step-grid {
|
@if $visually-hidden-use-four-step-grid {
|
||||||
@media screen and (max-width: #{$visually-hidden-small-breakpoint}-1px) {
|
@media screen and (max-width: $visually-hidden-small-breakpoint - 1px) {
|
||||||
.#{$visually-hidden-prefix}-#{$visually-hidden-extra-small-suffix} {
|
.#{$visually-hidden-prefix}-#{$visually-hidden-extra-small-suffix} {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
width: 1px !important;
|
width: 1px !important;
|
||||||
@ -179,7 +179,7 @@
|
|||||||
overflow: hidden !important;
|
overflow: hidden !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: #{$visually-hidden-small-breakpoint}) and (max-width: #{$visually-hidden-medium-breakpoint}-1px) {
|
@media screen and (min-width: #{$visually-hidden-small-breakpoint}) and (max-width: $visually-hidden-medium-breakpoint - 1px) {
|
||||||
.#{$visually-hidden-prefix}-#{$visually-hidden-small-suffix} {
|
.#{$visually-hidden-prefix}-#{$visually-hidden-small-suffix} {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
width: 1px !important;
|
width: 1px !important;
|
||||||
@ -195,7 +195,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
@else {
|
@else {
|
||||||
@media screen and (max-width: #{$visually-hidden-medium-breakpoint}-1px) {
|
@media screen and (max-width: $visually-hidden-medium-breakpoint - 1px) {
|
||||||
.#{$visually-hidden-prefix}-#{$visually-hidden-small-suffix} {
|
.#{$visually-hidden-prefix}-#{$visually-hidden-small-suffix} {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
width: 1px !important;
|
width: 1px !important;
|
||||||
@ -209,7 +209,7 @@
|
|||||||
overflow: hidden !important;
|
overflow: hidden !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: #{$visually-hidden-medium-breakpoint}) and (max-width: #{$visually-hidden-large-breakpoint}-1px) {
|
@media screen and (min-width: #{$visually-hidden-medium-breakpoint}) and (max-width: $visually-hidden-large-breakpoint - 1px) {
|
||||||
.#{$visually-hidden-prefix}-#{$visually-hidden-medium-suffix} {
|
.#{$visually-hidden-prefix}-#{$visually-hidden-medium-suffix} {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
width: 1px !important;
|
width: 1px !important;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user