From d0d9b04b78d812489dc52d355153dc2090b7fffb Mon Sep 17 00:00:00 2001 From: Brian Fryer Date: Sun, 4 Jun 2017 09:39:03 -0500 Subject: [PATCH 1/3] Bumping version number. `8.0.5` does not currently contain the updates from hugeinc/flexboxgrid-sass#16. --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index ec5e19ee..af16b525 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "flexboxgrid-sass", - "version": "8.0.5", + "version": "8.0.6", "description": "Grid based off of CSS3 flexbox specification", "style": "dist/flexboxgrid.css", "main": "dist/flexboxgrid.css", From 28187c469336976f493c7866d897f903a20dd53e Mon Sep 17 00:00:00 2001 From: Brian Fryer Date: Mon, 25 Feb 2019 10:56:53 -0600 Subject: [PATCH 2/3] Removing `only`. --- flexboxgrid.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/flexboxgrid.scss b/flexboxgrid.scss index db69661e..d45e1846 100644 --- a/flexboxgrid.scss +++ b/flexboxgrid.scss @@ -147,7 +147,7 @@ $name: xs; $name: nth($breakpoint, 1); $size: nth($breakpoint, 2); $container: nth($breakpoint, 3); - @media only screen and (min-width: $size) { + @media screen and (min-width: $size) { .container { width: $container; } From dba23bd02555fdd9f40fdd727282735ed9391972 Mon Sep 17 00:00:00 2001 From: Brian Fryer Date: Fri, 4 Nov 2022 11:40:50 -0500 Subject: [PATCH 3/3] Update flexboxgrid.scss --- flexboxgrid.scss | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/flexboxgrid.scss b/flexboxgrid.scss index d45e1846..e4570558 100644 --- a/flexboxgrid.scss +++ b/flexboxgrid.scss @@ -1,3 +1,5 @@ +@use 'sass:math'; + // // -- Start editing -- // // @@ -80,8 +82,8 @@ $name: xs; @for $i from 1 through $flexboxgrid-grid-columns { .col-#{$name}-#{$i} { @include flexboxgrid-sass-col-common; - @include flex-basis(100% / $flexboxgrid-grid-columns * $i); - max-width: 100% / $flexboxgrid-grid-columns * $i; + @include flex-basis(math.div(100%, $flexboxgrid-grid-columns) * $i); + max-width: math.div(100%, $flexboxgrid-grid-columns) * $i; } } @for $i from 0 through $flexboxgrid-grid-columns { @@ -90,7 +92,7 @@ $name: xs; @if $i == 0 { margin-left: 0; } @else { - margin-left: 100% / $flexboxgrid-grid-columns * $i; + margin-left: math.div(100%, $flexboxgrid-grid-columns) * $i; } } } @@ -159,8 +161,8 @@ $name: xs; @for $i from 1 through $flexboxgrid-grid-columns { .col-#{$name}-#{$i} { @include flexboxgrid-sass-col-common; - @include flex-basis(100% / $flexboxgrid-grid-columns * $i); - max-width: 100% / $flexboxgrid-grid-columns * $i; + @include flex-basis(math.div(100%, $flexboxgrid-grid-columns) * $i); + max-width: math.div(100%, $flexboxgrid-grid-columns) * $i; } } @for $i from 0 through $flexboxgrid-grid-columns { @@ -169,7 +171,7 @@ $name: xs; @if $i == 0 { margin-left: 0; } @else { - margin-left: 100% / $flexboxgrid-grid-columns * $i; + margin-left: math.div(100%, $flexboxgrid-grid-columns) * $i; } } }