From 8d850b95ede0d593f68baa714de58dce28207781 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Wed, 27 Jun 2018 16:06:48 -0400 Subject: [PATCH] adding range to the functions --- dist/glm-grid.css | 2 +- dist/glm-grid.css.map | 2 +- scss/_grid.scss | 19 ++++++++++++++++++- 3 files changed, 20 insertions(+), 3 deletions(-) diff --git a/dist/glm-grid.css b/dist/glm-grid.css index b70b570..8901319 100644 --- a/dist/glm-grid.css +++ b/dist/glm-grid.css @@ -1,3 +1,3 @@ -.glmgrid-row{display:grid;grid-template-columns:repeat(12, 1fr);max-width:1200px;margin:0 auto;width:auto}.glmgrid-column,.glmgrid-columns{padding:0 1rem}@media only screen{.glmgrid-small-1{grid-column:span 1}.glmgrid-small-order-1{order:1}.glmgrid-hide-for-small{display:none}.glmgrid-small-2{grid-column:span 2}.glmgrid-small-order-2{order:2}.glmgrid-hide-for-small{display:none}.glmgrid-small-3{grid-column:span 3}.glmgrid-small-order-3{order:3}.glmgrid-hide-for-small{display:none}.glmgrid-small-4{grid-column:span 4}.glmgrid-small-order-4{order:4}.glmgrid-hide-for-small{display:none}.glmgrid-small-5{grid-column:span 5}.glmgrid-small-order-5{order:5}.glmgrid-hide-for-small{display:none}.glmgrid-small-6{grid-column:span 6}.glmgrid-small-order-6{order:6}.glmgrid-hide-for-small{display:none}.glmgrid-small-7{grid-column:span 7}.glmgrid-small-order-7{order:7}.glmgrid-hide-for-small{display:none}.glmgrid-small-8{grid-column:span 8}.glmgrid-small-order-8{order:8}.glmgrid-hide-for-small{display:none}.glmgrid-small-9{grid-column:span 9}.glmgrid-small-order-9{order:9}.glmgrid-hide-for-small{display:none}.glmgrid-small-10{grid-column:span 10}.glmgrid-small-order-10{order:10}.glmgrid-hide-for-small{display:none}.glmgrid-small-11{grid-column:span 11}.glmgrid-small-order-11{order:11}.glmgrid-hide-for-small{display:none}.glmgrid-small-12{grid-column:span 12}.glmgrid-small-order-12{order:12}.glmgrid-hide-for-small{display:none}}@media only screen and (min-width: lower-bound(40.063em, 64em)){.glmgrid-medium-1{grid-column:span 1}.glmgrid-medium-order-1{order:1}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-2{grid-column:span 2}.glmgrid-medium-order-2{order:2}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-3{grid-column:span 3}.glmgrid-medium-order-3{order:3}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-4{grid-column:span 4}.glmgrid-medium-order-4{order:4}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-5{grid-column:span 5}.glmgrid-medium-order-5{order:5}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-6{grid-column:span 6}.glmgrid-medium-order-6{order:6}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-7{grid-column:span 7}.glmgrid-medium-order-7{order:7}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-8{grid-column:span 8}.glmgrid-medium-order-8{order:8}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-9{grid-column:span 9}.glmgrid-medium-order-9{order:9}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-10{grid-column:span 10}.glmgrid-medium-order-10{order:10}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-11{grid-column:span 11}.glmgrid-medium-order-11{order:11}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-12{grid-column:span 12}.glmgrid-medium-order-12{order:12}.glmgrid-hide-for-medium{display:none}}@media only screen and (min-width: lower-bound(64.063em, 99999999em)){.glmgrid-large-1{grid-column:span 1}.glmgrid-large-order-1{order:1}.glmgrid-hide-for-large{display:none}.glmgrid-large-2{grid-column:span 2}.glmgrid-large-order-2{order:2}.glmgrid-hide-for-large{display:none}.glmgrid-large-3{grid-column:span 3}.glmgrid-large-order-3{order:3}.glmgrid-hide-for-large{display:none}.glmgrid-large-4{grid-column:span 4}.glmgrid-large-order-4{order:4}.glmgrid-hide-for-large{display:none}.glmgrid-large-5{grid-column:span 5}.glmgrid-large-order-5{order:5}.glmgrid-hide-for-large{display:none}.glmgrid-large-6{grid-column:span 6}.glmgrid-large-order-6{order:6}.glmgrid-hide-for-large{display:none}.glmgrid-large-7{grid-column:span 7}.glmgrid-large-order-7{order:7}.glmgrid-hide-for-large{display:none}.glmgrid-large-8{grid-column:span 8}.glmgrid-large-order-8{order:8}.glmgrid-hide-for-large{display:none}.glmgrid-large-9{grid-column:span 9}.glmgrid-large-order-9{order:9}.glmgrid-hide-for-large{display:none}.glmgrid-large-10{grid-column:span 10}.glmgrid-large-order-10{order:10}.glmgrid-hide-for-large{display:none}.glmgrid-large-11{grid-column:span 11}.glmgrid-large-order-11{order:11}.glmgrid-hide-for-large{display:none}.glmgrid-large-12{grid-column:span 12}.glmgrid-large-order-12{order:12}.glmgrid-hide-for-large{display:none}}.glmgrid-order-1{order:1}.glmgrid-order-2{order:2}.glmgrid-order-3{order:3}.glmgrid-order-4{order:4}.glmgrid-order-5{order:5}.glmgrid-order-6{order:6}.glmgrid-order-7{order:7}.glmgrid-order-8{order:8}.glmgrid-order-9{order:9}.glmgrid-order-10{order:10}.glmgrid-order-11{order:11}.glmgrid-order-12{order:12} +.glmgrid-row{display:grid;grid-template-columns:repeat(12, 1fr);max-width:1200px;margin:0 auto;width:auto}.glmgrid-column,.glmgrid-columns{padding:0 1rem}@media only screen and (max-width: 40em){.glmgrid-small-1{grid-column:span 1}.glmgrid-small-order-1{order:1}.glmgrid-hide-for-small{display:none}.glmgrid-small-2{grid-column:span 2}.glmgrid-small-order-2{order:2}.glmgrid-hide-for-small{display:none}.glmgrid-small-3{grid-column:span 3}.glmgrid-small-order-3{order:3}.glmgrid-hide-for-small{display:none}.glmgrid-small-4{grid-column:span 4}.glmgrid-small-order-4{order:4}.glmgrid-hide-for-small{display:none}.glmgrid-small-5{grid-column:span 5}.glmgrid-small-order-5{order:5}.glmgrid-hide-for-small{display:none}.glmgrid-small-6{grid-column:span 6}.glmgrid-small-order-6{order:6}.glmgrid-hide-for-small{display:none}.glmgrid-small-7{grid-column:span 7}.glmgrid-small-order-7{order:7}.glmgrid-hide-for-small{display:none}.glmgrid-small-8{grid-column:span 8}.glmgrid-small-order-8{order:8}.glmgrid-hide-for-small{display:none}.glmgrid-small-9{grid-column:span 9}.glmgrid-small-order-9{order:9}.glmgrid-hide-for-small{display:none}.glmgrid-small-10{grid-column:span 10}.glmgrid-small-order-10{order:10}.glmgrid-hide-for-small{display:none}.glmgrid-small-11{grid-column:span 11}.glmgrid-small-order-11{order:11}.glmgrid-hide-for-small{display:none}.glmgrid-small-12{grid-column:span 12}.glmgrid-small-order-12{order:12}.glmgrid-hide-for-small{display:none}}@media only screen and (min-width: 40.063em){.glmgrid-medium-1{grid-column:span 1}.glmgrid-medium-order-1{order:1}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-2{grid-column:span 2}.glmgrid-medium-order-2{order:2}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-3{grid-column:span 3}.glmgrid-medium-order-3{order:3}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-4{grid-column:span 4}.glmgrid-medium-order-4{order:4}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-5{grid-column:span 5}.glmgrid-medium-order-5{order:5}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-6{grid-column:span 6}.glmgrid-medium-order-6{order:6}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-7{grid-column:span 7}.glmgrid-medium-order-7{order:7}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-8{grid-column:span 8}.glmgrid-medium-order-8{order:8}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-9{grid-column:span 9}.glmgrid-medium-order-9{order:9}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-10{grid-column:span 10}.glmgrid-medium-order-10{order:10}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-11{grid-column:span 11}.glmgrid-medium-order-11{order:11}.glmgrid-hide-for-medium{display:none}.glmgrid-medium-12{grid-column:span 12}.glmgrid-medium-order-12{order:12}.glmgrid-hide-for-medium{display:none}}@media only screen and (min-width: 64.063em){.glmgrid-large-1{grid-column:span 1}.glmgrid-large-order-1{order:1}.glmgrid-hide-for-large{display:none}.glmgrid-large-2{grid-column:span 2}.glmgrid-large-order-2{order:2}.glmgrid-hide-for-large{display:none}.glmgrid-large-3{grid-column:span 3}.glmgrid-large-order-3{order:3}.glmgrid-hide-for-large{display:none}.glmgrid-large-4{grid-column:span 4}.glmgrid-large-order-4{order:4}.glmgrid-hide-for-large{display:none}.glmgrid-large-5{grid-column:span 5}.glmgrid-large-order-5{order:5}.glmgrid-hide-for-large{display:none}.glmgrid-large-6{grid-column:span 6}.glmgrid-large-order-6{order:6}.glmgrid-hide-for-large{display:none}.glmgrid-large-7{grid-column:span 7}.glmgrid-large-order-7{order:7}.glmgrid-hide-for-large{display:none}.glmgrid-large-8{grid-column:span 8}.glmgrid-large-order-8{order:8}.glmgrid-hide-for-large{display:none}.glmgrid-large-9{grid-column:span 9}.glmgrid-large-order-9{order:9}.glmgrid-hide-for-large{display:none}.glmgrid-large-10{grid-column:span 10}.glmgrid-large-order-10{order:10}.glmgrid-hide-for-large{display:none}.glmgrid-large-11{grid-column:span 11}.glmgrid-large-order-11{order:11}.glmgrid-hide-for-large{display:none}.glmgrid-large-12{grid-column:span 12}.glmgrid-large-order-12{order:12}.glmgrid-hide-for-large{display:none}}.glmgrid-order-1{order:1}.glmgrid-order-2{order:2}.glmgrid-order-3{order:3}.glmgrid-order-4{order:4}.glmgrid-order-5{order:5}.glmgrid-order-6{order:6}.glmgrid-order-7{order:7}.glmgrid-order-8{order:8}.glmgrid-order-9{order:9}.glmgrid-order-10{order:10}.glmgrid-order-11{order:11}.glmgrid-order-12{order:12} /*# sourceMappingURL=glm-grid.css.map */ diff --git a/dist/glm-grid.css.map b/dist/glm-grid.css.map index bdf2bff..fa1d35b 100644 --- a/dist/glm-grid.css.map +++ b/dist/glm-grid.css.map @@ -1 +1 @@ -{"version":3,"file":"glm-grid.css","sources":["app.scss","_settings.scss","_grid.scss"],"sourcesContent":["@import 'settings';\n@import 'grid';\n","","// Glm Grid\n$columns : 12;\n$prefix: \"glmgrid\";\n$gutter: 1rem;\n$row-width: 1200px;\n\n.#{$prefix}-row{ \n display: grid;\n grid-template-columns: repeat($columns, 1fr);\n max-width: $row-width;\n margin: 0 auto;\n width: auto;\n}\n.#{$prefix}-column, .#{$prefix}-columns{\n padding: 0 1rem;\n}\n\n$small-range: (0em, 40em);\n$medium-range: (40.063em, 64em);\n$large-range: (64.063em, 99999999em);\n///$xlarge-range: (90.063em, 120em);\n//$xxlarge-range: (120.063em, 99999999em);\n\n$screen: \"only screen\";\n\n$landscape: \"#{$screen} and (orientation: landscape)\";\n$portrait: \"#{$screen} and (orientation: portrait)\";\n\n$small-up: $screen;\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\n\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\";\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\";\n$medium-down: \"#{$screen} and (min-width:#{lower-bound($small-range)}) and (max-width:#{upper-bound($medium-range)})\";\n\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\";\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\";\n$large-down: \"#{$screen} and (min-width:#{lower-bound($small-range)}) and (max-width:#{upper-bound($large-range)})\";\n\n$columns-list : ();\n\n@for $i from 1 through $columns{\n $columns-list: append($columns-list, $i);\n}\n$sizes-list: (\n small: $small-up,\n medium: $medium-up,\n large: $large-up,\n);\n@each $size, $range in $sizes-list {\n @media #{$range}{\n @each $current-column in $columns-list {\n $i: index($columns-list, $current-column);\n .#{$prefix}-#{$size}-#{$i} { \n grid-column: span #{$i};\n }\n .#{$prefix}-#{$size}-order-#{$i} {\n order: #{$i};\n }\n .#{$prefix}-hide-for-#{$size} {\n display: none;\n }\n }\n }\n}\n@each $current-column in $columns-list {\n $i: index($columns-list, $current-column);\n .#{$prefix}-order-#{$i} {\n order: #{$i};\n }\n}"],"mappings":"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","names":[],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"file":"glm-grid.css","sources":["app.scss","_settings.scss","_grid.scss"],"sourcesContent":["@import 'settings';\n@import 'grid';\n","","// Glm Grid\n\n// RANGES\n// We use these functions to define ranges for various things, like media queries.\n@function lower-bound($range) {\n @if length($range) <= 0 {\n @return 0;\n }\n @return nth($range, 1);\n }\n \n @function upper-bound($range) {\n @if length($range) < 2 {\n @return 999999999999;\n }\n @return nth($range, 2);\n }\n\n$columns : 12;\n$prefix: \"glmgrid\";\n$gutter: 1rem;\n$row-width: 1200px;\n\n.#{$prefix}-row{ \n display: grid;\n grid-template-columns: repeat($columns, 1fr);\n max-width: $row-width;\n margin: 0 auto;\n width: auto;\n}\n.#{$prefix}-column, .#{$prefix}-columns{\n padding: 0 1rem;\n}\n\n$small-range: (0em, 40em);\n$medium-range: (40.063em, 64em);\n$large-range: (64.063em, 99999999em);\n///$xlarge-range: (90.063em, 120em);\n//$xxlarge-range: (120.063em, 99999999em);\n\n$screen: \"only screen\";\n\n$landscape: \"#{$screen} and (orientation: landscape)\";\n$portrait: \"#{$screen} and (orientation: portrait)\";\n\n$small-up: $screen;\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\";\n\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\";\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\";\n$medium-down: \"#{$screen} and (min-width:#{lower-bound($small-range)}) and (max-width:#{upper-bound($medium-range)})\";\n\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\";\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\";\n$large-down: \"#{$screen} and (min-width:#{lower-bound($small-range)}) and (max-width:#{upper-bound($large-range)})\";\n\n$columns-list : ();\n\n@for $i from 1 through $columns{\n $columns-list: append($columns-list, $i);\n}\n$sizes-list: (\n small: $small-only,\n medium: $medium-up,\n large: $large-up,\n);\n@each $size, $range in $sizes-list {\n @media #{$range}{\n @each $current-column in $columns-list {\n $i: index($columns-list, $current-column);\n .#{$prefix}-#{$size}-#{$i} { \n grid-column: span #{$i};\n }\n .#{$prefix}-#{$size}-order-#{$i} {\n order: #{$i};\n }\n .#{$prefix}-hide-for-#{$size} {\n display: none;\n }\n }\n }\n}\n@each $current-column in $columns-list {\n $i: index($columns-list, $current-column);\n .#{$prefix}-order-#{$i} {\n order: #{$i};\n }\n}"],"mappings":"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","names":[],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/scss/_grid.scss b/scss/_grid.scss index 809fa5c..429d6bd 100644 --- a/scss/_grid.scss +++ b/scss/_grid.scss @@ -1,4 +1,21 @@ // Glm Grid + +// RANGES +// We use these functions to define ranges for various things, like media queries. +@function lower-bound($range) { + @if length($range) <= 0 { + @return 0; + } + @return nth($range, 1); + } + + @function upper-bound($range) { + @if length($range) < 2 { + @return 999999999999; + } + @return nth($range, 2); + } + $columns : 12; $prefix: "glmgrid"; $gutter: 1rem; @@ -43,7 +60,7 @@ $columns-list : (); $columns-list: append($columns-list, $i); } $sizes-list: ( - small: $small-up, + small: $small-only, medium: $medium-up, large: $large-up, ); -- 2.17.1