mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-08 14:56:28 +02:00
Code Issues Releases Wiki Activity

Merge pull request #143 from jannschu/fermion.v2

Browse Source 
Fix calculation syntax for some utilities
This commit is contained in:
Angelos Chalaris
2018-10-27 10:13:51 +03:00
committed by GitHub
parent 7cf0125c06 17504c4601
commit e71e3bc00e
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/mini/_utility_mixins.scss
View File

@@ -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;