From 6ec4d552b373eddcd3d9c74c1d475383b8e0a319 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Fri, 30 Sep 2016 11:01:02 -0400 Subject: [PATCH] changing the member detail photos grid structure based on the version of foundation --- css/glm-grid.css | 2 +- css/glm-grid.css.map | 2 +- scss/_glm-grid.scss | 122 +++++++++++++++++++++++++++++++- views/front/members/detail.html | 11 ++- 4 files changed, 133 insertions(+), 4 deletions(-) diff --git a/css/glm-grid.css b/css/glm-grid.css index ab0f8b7c..c1f19705 100644 --- a/css/glm-grid.css +++ b/css/glm-grid.css @@ -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}.glm-row{width:100%;position:relative}.glm-row::after{clear:both}.glm-row::before,.glm-row::after{content:" ";display:table}*,*::before,*::after{box-sizing:inherit}.glm-row::before,.glm-row::after{content:" ";display:table}*,*::before,*::after{box-sizing:inherit}.glm-row{clear:both}.glm-row{margin-left:auto;margin-right:auto;max-width:64rem} +.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}*,*::before,*::after{box-sizing:inherit}.glm-row::before,.glm-row::after{content:" ";display:table}*,*::before,*::after{box-sizing:inherit}.glm-row{clear:both}.glm-row{margin-left:auto;margin-right:auto;max-width:64rem}glm-column,glm-columns{padding-left:0.9375rem;padding-right:0.9375rem;width:100%;float:left} /*# sourceMappingURL=glm-grid.css.map */ diff --git a/css/glm-grid.css.map b/css/glm-grid.css.map index 002251b5..24b8194e 100644 --- a/css/glm-grid.css.map +++ b/css/glm-grid.css.map @@ -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$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.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}\n.glm-row {\n margin-left: auto;\n margin-right: auto;\n max-width: $max-width;\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$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}\n.glm-row {\n margin-left: auto;\n margin-right: auto;\n max-width: $max-width;\n}\nglm-column, glm-columns{\n padding-left: 0.9375rem;\n padding-right: 0.9375rem;\n width: 100%;\n float: left; \n}\n"],"mappings":"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","names":[],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/scss/_glm-grid.scss b/scss/_glm-grid.scss index 6a1f43dd..521f6503 100644 --- a/scss/_glm-grid.scss +++ b/scss/_glm-grid.scss @@ -9,6 +9,119 @@ @media screen and (max-width: $break-small) { // Something needs to happen here eventually. Maybe? } +@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; @@ -37,4 +150,11 @@ margin-left: auto; margin-right: auto; max-width: $max-width; -} \ No newline at end of file +} +glm-column, glm-columns{ + padding-left: 0.9375rem; + padding-right: 0.9375rem; + width: 100%; + float: left; +} + diff --git a/views/front/members/detail.html b/views/front/members/detail.html index 3e2cdb16..252e9c64 100644 --- a/views/front/members/detail.html +++ b/views/front/members/detail.html @@ -325,11 +325,20 @@ {apply_filters('glm-member-db-front-members-detail-pageBottom', '', $member.id)}