changing the scss files for the glm grid to reduce the width amount for each of the...
authorAnthony Talarico <talarico@gaslightmedia.com>
Mon, 11 Dec 2017 21:38:37 +0000 (16:38 -0500)
committerAnthony Talarico <talarico@gaslightmedia.com>
Mon, 11 Dec 2017 21:38:37 +0000 (16:38 -0500)
testing the reduction of width percentages to calculate column widths in the grid sass file

css/glm-grid.css
css/glm-grid.css.map

index 21ded13..5eab6b6 100644 (file)
@@ -1,3 +1,3 @@
-.glm-small-1{width:5.33333rem}.glm-small-2{width:10.66667rem}.glm-small-3{width:16rem}.glm-small-4{width:21.33333rem}.glm-small-5{width:26.66667rem}.glm-small-6{width:32rem}.glm-small-7{width:37.33333rem}.glm-small-8{width:42.66667rem}.glm-small-9{width:48rem}.glm-small-10{width:53.33333rem}.glm-small-11{width:58.66667rem}.glm-small-12{width:64rem}.glm-medium-1{width:5.33333rem}.glm-medium-2{width:10.66667rem}.glm-medium-3{width:16rem}.glm-medium-4{width:21.33333rem}.glm-medium-5{width:26.66667rem}.glm-medium-6{width:32rem}.glm-medium-7{width:37.33333rem}.glm-medium-8{width:42.66667rem}.glm-medium-9{width:48rem}.glm-medium-10{width:53.33333rem}.glm-medium-11{width:58.66667rem}.glm-medium-12{width:64rem}.glm-large-1{width:5.33333rem}.glm-large-2{width:10.66667rem}.glm-large-3{width:16rem}.glm-large-4{width:21.33333rem}.glm-large-5{width:26.66667rem}.glm-large-6{width:32rem}.glm-large-7{width:37.33333rem}.glm-large-8{width:42.66667rem}.glm-large-9{width:48rem}.glm-large-10{width:53.33333rem}.glm-large-11{width:58.66667rem}.glm-large-12{width:64rem}@media only screen{.glm-small-1{width:8.33333%}.glm-small-2{width:16.66667%}.glm-small-3{width:25%}.glm-small-4{width:33.33333%}.glm-small-5{width:41.66667%}.glm-small-6{width:50%}.glm-small-7{width:58.33333%}.glm-small-8{width:66.66667%}.glm-small-9{width:75%}.glm-small-10{width:83.33333%}.glm-small-11{width:91.66667%}.glm-small-12{width:100%}}@media only screen and (min-width: 40.0625em){.glm-medium-1{width:8.33333%}.glm-medium-2{width:16.66667%}.glm-medium-3{width:25%}.glm-medium-4{width:33.33333%}.glm-medium-5{width:41.66667%}.glm-medium-6{width:50%}.glm-medium-7{width:58.33333%}.glm-medium-8{width:66.66667%}.glm-medium-9{width:75%}.glm-medium-10{width:83.33333%}.glm-medium-11{width:91.66667%}.glm-medium-12{width:100%}}@media only screen and (min-width: 64.0625em){.glm-large-1{width:8.33333%}.glm-large-2{width:16.66667%}.glm-large-3{width:25%}.glm-large-4{width:33.33333%}.glm-large-5{width:41.66667%}.glm-large-6{width:50%}.glm-large-7{width:58.33333%}.glm-large-8{width:66.66667%}.glm-large-9{width:75%}.glm-large-10{width:83.33333%}.glm-large-11{width:91.66667%}.glm-large-12{width:100%}}.glm-row{width:100%;position:relative}.glm-row::after{clear:both}.glm-row::before,.glm-row::after{content:" ";display:table}.glm-row::before,.glm-row::after{content:" ";display:table}.glm-row{clear:both;margin-left:auto;margin-right:auto;max-width:64rem;width:100%}.wp-admin .glm-row{clear:both;margin-left:auto;margin-right:auto;max-width:100%;width:100%}.glm-column,.glm-columns{padding-left:0.9375rem;padding-right:0.9375rem;float:left}
+.glm-small-1{width:5.33333rem}.glm-small-2{width:10.66667rem}.glm-small-3{width:16rem}.glm-small-4{width:21.33333rem}.glm-small-5{width:26.66667rem}.glm-small-6{width:32rem}.glm-small-7{width:37.33333rem}.glm-small-8{width:42.66667rem}.glm-small-9{width:48rem}.glm-small-10{width:53.33333rem}.glm-small-11{width:58.66667rem}.glm-small-12{width:64rem}.glm-medium-1{width:5.33333rem}.glm-medium-2{width:10.66667rem}.glm-medium-3{width:16rem}.glm-medium-4{width:21.33333rem}.glm-medium-5{width:26.66667rem}.glm-medium-6{width:32rem}.glm-medium-7{width:37.33333rem}.glm-medium-8{width:42.66667rem}.glm-medium-9{width:48rem}.glm-medium-10{width:53.33333rem}.glm-medium-11{width:58.66667rem}.glm-medium-12{width:64rem}.glm-large-1{width:5.33333rem}.glm-large-2{width:10.66667rem}.glm-large-3{width:16rem}.glm-large-4{width:21.33333rem}.glm-large-5{width:26.66667rem}.glm-large-6{width:32rem}.glm-large-7{width:37.33333rem}.glm-large-8{width:42.66667rem}.glm-large-9{width:48rem}.glm-large-10{width:53.33333rem}.glm-large-11{width:58.66667rem}.glm-large-12{width:64rem}@media only screen{.glm-small-1{width:8.33333%}.glm-small-2{width:16.66667%}.glm-small-3{width:25%}.glm-small-4{width:33.33333%}.glm-small-5{width:41.66667%}.glm-small-6{width:50%}.glm-small-7{width:58.33333%}.glm-small-8{width:66.66667%}.glm-small-9{width:75%}.glm-small-10{width:83.33333%}.glm-small-11{width:91.66667%}.glm-small-12{width:100%}}@media only screen and (min-width: 40.0625em){.glm-medium-1{width:8.33333%}.glm-medium-2{width:16.66667%}.glm-medium-3{width:25%}.glm-medium-4{width:33.33333%}.glm-medium-5{width:41.66667%}.glm-medium-6{width:50%}.glm-medium-7{width:58.33333%}.glm-medium-8{width:66.66667%}.glm-medium-9{width:75%}.glm-medium-10{width:83.33333%}.glm-medium-11{width:91.66667%}.glm-medium-12{width:100%}}@media only screen and (min-width: 64.0625em){.glm-large-1{width:8.33333%}.glm-large-2{width:16.66667%}.glm-large-3{width:25%}.glm-large-4{width:33.33333%}.glm-large-5{width:41.66667%}.glm-large-6{width:50%}.glm-large-7{width:58.33333%}.glm-large-8{width:66.66667%}.glm-large-9{width:75%}.glm-large-10{width:83.33333%}.glm-large-11{width:91.66667%}.glm-large-12{width:100%}}.glm-row{width:100%;position:relative}.glm-row::after{clear:both}.glm-row::before,.glm-row::after{content:" ";display:table}.glm-row::before,.glm-row::after{content:" ";display:table}.glm-row{clear:both;margin-left:auto;margin-right:auto;max-width:64rem;width:100%}.wp-admin .glm-row{clear:both;margin-left:auto;margin-right:auto;max-width:100%;width:100%}.glm-column,.glm-columns{padding-left:.9375rem;padding-right:.9375rem;float:left}
 
 /*# sourceMappingURL=glm-grid.css.map */
index 8c70ff5..fe912b3 100644 (file)
@@ -1 +1 @@
-{"version":3,"file":"glm-grid.css","sources":["app.scss","_functions.scss","_settings.scss","_mixins.scss","_glm-grid.scss"],"sourcesContent":["@import 'functions';\n@import 'settings';\n@import 'mixins';\n@import 'glm-grid';\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}","$max-columns: 12;\n$max-width: 64rem;\n$admin-max-width: 100%;\n$prefix: glm;\n$sizes: \"small\" \"medium\" \"large\";\n$width-per-column: $max-width / $max-columns;\n\n$break-small: 0;\n$break-medium: 0;\n$break-large: 0;\n\n$small-range: (0em, 50em);\n$medium-range: (50.063em, $max-width);\n$large-range: (64.063em, 90em);\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-down: \"#{$screen} and (max-width:#{lower-bound($medium-range)})\";\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-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\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\";\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\";\n\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\";\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\";\n","@mixin box($color) {\n    display: block;\n    width: 200px;\n    height: 200px;\n}\n\n@each $size in $sizes {\n    @for $column from 1 through $max-columns {\n        $column-width: $width-per-column * $column;\n        .#{$prefix}-#{$size}-#{$column} {\n          width: #{$column-width};\n        }\n    }\n}","#glm-member-detail-takeback-mini {\n    //@include box(red);\n}\n\n@media #{$small-up} {\n    // This is how you would use a media query\n}\n\n@media screen and (max-width: $break-small) {\n    // Something needs to happen here eventually. Maybe?\n}\n@media only screen {\n\n  .glm-small-1 {\n    width: 8.33333%; }\n\n  .glm-small-2 {\n    width: 16.66667%; }\n\n  .glm-small-3 {\n    width: 25%; }\n\n  .glm-small-4 {\n    width: 33.33333%; }\n\n  .glm-small-5 {\n    width: 41.66667%; }\n\n  .glm-small-6 {\n    width: 50%; }\n\n  .glm-small-7 {\n    width: 58.33333%; }\n\n  .glm-small-8 {\n    width: 66.66667%; }\n\n  .glm-small-9 {\n    width: 75%; }\n\n  .glm-small-10 {\n    width: 83.33333%; }\n\n  .glm-small-11 {\n    width: 91.66667%; }\n\n  .glm-small-12 {\n    width: 100%; }\n\n}\n@media only screen and (min-width: 40.0625em){\n  .glm-medium-1 {\n    width: 8.33333%; }\n\n  .glm-medium-2 {\n    width: 16.66667%; }\n\n  .glm-medium-3 {\n    width: 25%; }\n\n  .glm-medium-4 {\n    width: 33.33333%; }\n\n  .glm-medium-5 {\n    width: 41.66667%; }\n\n  .glm-medium-6 {\n    width: 50%; }\n\n  .glm-medium-7 {\n    width: 58.33333%; }\n\n  .glm-medium-8 {\n    width: 66.66667%; }\n\n  .glm-medium-9 {\n    width: 75%; }\n\n  .glm-medium-10 {\n    width: 83.33333%; }\n\n  .glm-medium-11 {\n    width: 91.66667%; }\n\n  .glm-medium-12 {\n    width: 100%; }\n}\n@media only screen and (min-width: 64.0625em) {\n   .glm-large-1 {\n    width: 8.33333%; }\n\n  .glm-large-2 {\n    width: 16.66667%; }\n\n  .glm-large-3 {\n    width: 25%; }\n\n  .glm-large-4 {\n    width: 33.33333%; }\n\n  .glm-large-5 {\n    width: 41.66667%; }\n\n  .glm-large-6 {\n    width: 50%; }\n\n  .glm-large-7 {\n    width: 58.33333%; }\n\n  .glm-large-8 {\n    width: 66.66667%; }\n\n  .glm-large-9 {\n    width: 75%; }\n\n  .glm-large-10 {\n    width: 83.33333%; }\n\n  .glm-large-11 {\n    width: 91.66667%; }\n\n  .glm-large-12 {\n    width: 100%; }\n}\n.glm-row {\n    width: 100%;\n    position: relative;\n    &::after {\n        clear: both;\n    }\n}\n.glm-row::before, .glm-row::after {\n    content: \" \";\n    display: table;\n}\n/**, *::before, *::after {\n    box-sizing: inherit;\n}*/\n.glm-row::before, .glm-row::after {\n    content: \" \";\n    display: table;\n}\n/**, *::before, *::after {\n    box-sizing: inherit;\n}*/\n.glm-row {\n    clear: both;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: $max-width;\n    width: 100%;\n}\n.wp-admin .glm-row {\n    clear: both;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: $admin-max-width;\n    width: 100%;\n}\n.glm-column, .glm-columns{\n  padding-left: 0.9375rem;\n  padding-right: 0.9375rem;\n  float: left; \n}\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","_functions.scss","_settings.scss","_mixins.scss","_glm-grid.scss"],"sourcesContent":["@import 'functions';\n@import 'settings';\n@import 'mixins';\n@import 'glm-grid';\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}","$max-columns: 12;\n$max-width: 64rem;\n$admin-max-width: 100%;\n$prefix: glm;\n$sizes: \"small\" \"medium\" \"large\";\n$width-per-column: $max-width / $max-columns;\n$column-padding: 0.9375rem;\n\n$break-small: 0;\n$break-medium: 0;\n$break-large: 0;\n\n$small-range: (0em, 50em);\n$medium-range: (50.063em, $max-width);\n$large-range: (64.063em, 90em);\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-down: \"#{$screen} and (max-width:#{lower-bound($medium-range)})\";\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-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\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\";\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\";\n\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)})\";\n$xxlarge-only: \"#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})\";\n","@mixin box($color) {\n    display: block;\n    width: 200px;\n    height: 200px;\n}\n\n@each $size in $sizes {\n    @for $column from 1 through $max-columns {\n        $column-width: $width-per-column * $column;\n        .#{$prefix}-#{$size}-#{$column} {\n          width: #{$column-width};\n        }\n    }\n}","\n\n@media #{$small-up} {\n    // This is how you would use a media query\n}\n\n@media screen and (max-width: $break-small) {\n    // Something needs to happen here eventually. Maybe?\n}\n@media only screen {\n\n  .glm-small-1 {\n    width: 8.33333%; }\n\n  .glm-small-2 {\n    width: 16.66667%; }\n\n  .glm-small-3 {\n    width: 25%; }\n\n  .glm-small-4 {\n    width: 33.33333%; }\n\n  .glm-small-5 {\n    width: 41.66667%; }\n\n  .glm-small-6 {\n    width: 50%; }\n\n  .glm-small-7 {\n    width: 58.33333%; }\n\n  .glm-small-8 {\n    width: 66.66667%; }\n\n  .glm-small-9 {\n    width: 75%; }\n\n  .glm-small-10 {\n    width: 83.33333%; }\n\n  .glm-small-11 {\n    width: 91.66667%; }\n\n  .glm-small-12 {\n    width: 100%; }\n\n}\n@media only screen and (min-width: 40.0625em){\n  .glm-medium-1 {\n    width: 8.33333%; }\n\n  .glm-medium-2 {\n    width: 16.66667%; }\n\n  .glm-medium-3 {\n    width: 25%; }\n\n  .glm-medium-4 {\n    width: 33.33333%; }\n\n  .glm-medium-5 {\n    width: 41.66667%; }\n\n  .glm-medium-6 {\n    width: 50%; }\n\n  .glm-medium-7 {\n    width: 58.33333%; }\n\n  .glm-medium-8 {\n    width: 66.66667%; }\n\n  .glm-medium-9 {\n    width: 75%; }\n\n  .glm-medium-10 {\n    width: 83.33333%; }\n\n  .glm-medium-11 {\n    width: 91.66667%; }\n\n  .glm-medium-12 {\n    width: 100%; }\n}\n@media only screen and (min-width: 64.0625em) {\n   .glm-large-1 {\n    width: 8.33333%; }\n\n  .glm-large-2 {\n    width: 16.66667%; }\n\n  .glm-large-3 {\n    width: 25%; }\n\n  .glm-large-4 {\n    width: 33.33333%; }\n\n  .glm-large-5 {\n    width: 41.66667%; }\n\n  .glm-large-6 {\n    width: 50%; }\n\n  .glm-large-7 {\n    width: 58.33333%; }\n\n  .glm-large-8 {\n    width: 66.66667%; }\n\n  .glm-large-9 {\n    width: 75%; }\n\n  .glm-large-10 {\n    width: 83.33333%; }\n\n  .glm-large-11 {\n    width: 91.66667%; }\n\n  .glm-large-12 {\n    width: 100%; }\n}\n.glm-row {\n    width: 100%;\n    position: relative;\n    &::after {\n        clear: both;\n    }\n}\n.glm-row::before, .glm-row::after {\n    content: \" \";\n    display: table;\n}\n\n.glm-row::before, .glm-row::after {\n    content: \" \";\n    display: table;\n}\n\n.glm-row {\n    clear: both;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: $max-width;\n    width: 100%;\n}\n.wp-admin .glm-row {\n    clear: both;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: $admin-max-width;\n    width: 100%;\n}\n.glm-column, .glm-columns{\n  padding-left: $column-padding;\n  padding-right: $column-padding;\n  float: left; \n}\n\n"],"mappings":"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","names":[],"sourceRoot":"/source/"}
\ No newline at end of file