changing the member detail photos grid structure based on the version of foundation

diff --git a/css/glm-grid.css b/css/glm-grid.css
index ab0f8b7..c1f1970 100644 (file)
--- 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 002251b..24b8194 100644 (file)
--- 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 6a1f43d..521f650 100644 (file)
--- 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 3e2cdb1..252e9c6 100644 (file)
--- 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)}
     
     <script type="text/javascript">
-        
         {apply_filters('glm-member-db-front-members-detail-jqueryScriptTop', '', $member.id)}
         
         jQuery(document).ready(function($) {
 
+            // change the member detail photos grid structure depending 
+            var images_container = $("#glm-member-detail-images-container");
+            var foundation_version = window.Foundation.version;
+            
+            if( foundation_version.charAt(0) === "6" ){
+                images_container.children('ul').removeClass('small-block-grid-1 medium-block-grid-2 large-block-grid-3');
+                images_container.children('ul').addClass('row small-up-1 medium-up-2 large-up-3');
+                images_container.children('ul').find('li').addClass('column');
+            }
+            
             // Replace all non-number special characters in a phone number with the designated infix
             {if $settings.phone_infix}
                 var processedPhone = $('.glm-member-detail-contact-phone .glm-field-value').text().trim().replace(/[^a-zA-Z0-9 ]/g, '{$settings.phone_infix}');