WebSVN – wimsdev – Diff – /trunk/wims/public_html/themes/_css/foundation_xygrid.css

 /**
- * Foundation for Sites by ZURB
+ * Foundation for Sites
- * Version 6.6.1
+ * Version 6.6.3
- * foundation.zurb.com
+ * https://get.foundation
  * Licensed under MIT Open Source
  */
 /* Foundation New (6.4) x-y Grid styles */
 .grid-container {
   padding-right: 0.625rem;
 @media print, screen and (min-width: 64em) {
   .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
     flex-basis: auto; } }
-.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
+.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
   flex: 0 0 auto; }
 .grid-x > .small-1 {
   width: 8.3333333333%; }
 @media print, screen and (min-width: 40em) {
   .grid-x > .medium-auto {
     flex: 1 1 0px;
     width: auto; }
-  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
+  .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
     flex: 0 0 auto; }
   .grid-x > .medium-shrink {
     width: auto; }
   .grid-x > .medium-1 {
     width: 8.3333333333%; }
 @media print, screen and (min-width: 64em) {
   .grid-x > .large-auto {
     flex: 1 1 0px;
     width: auto; }
-  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
+  .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
     flex: 0 0 auto; }
   .grid-x > .large-shrink {
     width: auto; }
   .grid-x > .large-1 {
     width: 8.3333333333%; }
       width: calc(83.3333333333% - 1.875rem); }
     .grid-margin-x > .large-11 {
       width: calc(91.6666666667% - 1.875rem); }
     .grid-margin-x > .large-12 {
       width: calc(100% - 1.875rem); } }
 .grid-padding-x .grid-padding-x {
   margin-right: -0.625rem;
   margin-left: -0.625rem; }
   @media print, screen and (min-width: 40em) {
     .grid-padding-x .grid-padding-x {
       margin-right: -0.9375rem;
       margin-left: -0.9375rem; } }
 .grid-container:not(.full) > .grid-padding-x {
   margin-right: -0.625rem;
   margin-left: -0.625rem; }
   @media print, screen and (min-width: 40em) {
     .grid-container:not(.full) > .grid-padding-x {
       margin-right: -0.9375rem;
       margin-left: -0.9375rem; } }
 .grid-padding-x > .cell {
   padding-right: 0.625rem;
   padding-left: 0.625rem; }
   @media print, screen and (min-width: 40em) {
     .grid-padding-x > .cell {
       padding-right: 0.9375rem;
       padding-left: 0.9375rem; } }
 .small-up-1 > .cell {
   width: 100%; }
 .small-up-2 > .cell {
   width: 50%; }
   .grid-margin-x.medium-up-6 > .cell {
     width: calc(16.6666666667% - 1.875rem); }
   .grid-margin-x.medium-up-7 > .cell {
     width: calc(14.2857142857% - 1.875rem); }
   .grid-margin-x.medium-up-8 > .cell {
     width: calc(12.5% - 1.875rem); } }
 @media print, screen and (min-width: 64em) {
   .grid-margin-x.large-up-1 > .cell {
     width: calc(100% - 1.875rem); }
   .grid-margin-x.large-up-2 > .cell {
     width: calc(50% - 1.875rem); }
   .grid-margin-x.large-up-3 > .cell {
   .small-margin-collapse > .small-4 {
     width: 33.3333333333%; }
   .small-margin-collapse > .small-5 {
     width: 41.6666666667%; }
   .small-margin-collapse > .small-6 {
     width: 50%; }
   .small-margin-collapse > .small-7 {
     width: 58.3333333333%; }
   .small-margin-collapse > .small-8 {
     width: 66.6666666667%; }
   .small-margin-collapse > .small-9 {
     .small-margin-collapse > .medium-9 {
       width: 75%; }
     .small-margin-collapse > .medium-10 {
       width: 83.3333333333%; }
     .small-margin-collapse > .medium-11 {
       width: 91.6666666667%; }
     .small-margin-collapse > .medium-12 {
       width: 100%; } }
   @media print, screen and (min-width: 64em) {
     .small-margin-collapse > .large-1 {
       width: 8.3333333333%; }
       width: 83.3333333333%; }
     .small-margin-collapse > .large-11 {
       width: 91.6666666667%; }
     .small-margin-collapse > .large-12 {
       width: 100%; } }
 .small-padding-collapse {
   margin-right: 0;
   margin-left: 0; }
   .small-padding-collapse > .cell {
     padding-right: 0;
     padding-left: 0; }
 @media print, screen and (min-width: 40em) {
   .medium-margin-collapse {
     margin-right: 0;
     margin-left: 0; }
     .medium-margin-collapse > .cell {
       margin-right: 0;
   .medium-margin-collapse > .small-10 {
     width: 83.3333333333%; }
   .medium-margin-collapse > .small-11 {
     width: 91.6666666667%; }
   .medium-margin-collapse > .small-12 {
     width: 100%; } }
 @media print, screen and (min-width: 40em) {
   .medium-margin-collapse > .medium-1 {
     width: 8.3333333333%; }
   .medium-margin-collapse > .medium-2 {
     width: 16.6666666667%; }
   .medium-margin-collapse > .medium-3 {
     .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
       flex-basis: auto; } }
   @media print, screen and (min-width: 64em) {
     .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
       flex-basis: auto; } }
-  .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
+  .grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
     flex: 0 0 auto; }
   .grid-y > .small-1 {
     height: 8.3333333333%; }
   .grid-y > .small-2 {
     height: 16.6666666667%; }
     height: 100%; }
   @media print, screen and (min-width: 40em) {
     .grid-y > .medium-auto {
       flex: 1 1 0px;
       height: auto; }
-    .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
+    .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
       flex: 0 0 auto; }
     .grid-y > .medium-shrink {
       height: auto; }
     .grid-y > .medium-1 {
       height: 8.3333333333%; }
       height: 100%; } }
   @media print, screen and (min-width: 64em) {
     .grid-y > .large-auto {
       flex: 1 1 0px;
       height: auto; }
-    .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
+    .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
       flex: 0 0 auto; }
     .grid-y > .large-shrink {
       height: auto; }
     .grid-y > .large-1 {
       height: 8.3333333333%; }
       height: 83.3333333333%; }
     .grid-y > .large-11 {
       height: 91.6666666667%; }
     .grid-y > .large-12 {
       height: 100%; } }
 .grid-padding-y .grid-padding-y {
   margin-top: -0.625rem;
   margin-bottom: -0.625rem; }
   @media print, screen and (min-width: 40em) {
     .grid-padding-y .grid-padding-y {
       margin-top: -0.9375rem;
       margin-bottom: -0.9375rem; } }
 .grid-padding-y > .cell {
   padding-top: 0.625rem;
   padding-bottom: 0.625rem; }
   @media print, screen and (min-width: 40em) {
     .grid-padding-y > .cell {
       padding-top: 0.9375rem;
       padding-bottom: 0.9375rem; } }
+.grid-margin-y {
-.grid-margin-y {
+  margin-top: -0.625rem;
-  margin-top: -0.625rem;
+  margin-bottom: -0.625rem; }
-  margin-bottom: -0.625rem; }
+  @media print, screen and (min-width: 40em) {
-  @media print, screen and (min-width: 40em) {
+    .grid-margin-y {
-    .grid-margin-y {
+      margin-top: -0.9375rem;
-      margin-top: -0.9375rem;
+      margin-bottom: -0.9375rem; } }
-      margin-bottom: -0.9375rem; } }
+  .grid-margin-y > .cell {
-  .grid-margin-y > .cell {
+    height: calc(100% - 1.25rem);
-    height: calc(100% - 1.25rem);
+    margin-top: 0.625rem;
-    margin-top: 0.625rem;
+    margin-bottom: 0.625rem; }
-    margin-bottom: 0.625rem; }
+  @media print, screen and (min-width: 40em) {
-  @media print, screen and (min-width: 40em) {
+    .grid-margin-y > .cell {
-    .grid-margin-y > .cell {
+      height: calc(100% - 1.875rem);
-      height: calc(100% - 1.875rem);
+      margin-top: 0.9375rem;
-      margin-top: 0.9375rem;
+      margin-bottom: 0.9375rem; } }
-      margin-bottom: 0.9375rem; } }
+  .grid-margin-y > .auto {
-  .grid-margin-y > .auto {
+    height: auto; }
-    height: auto; }
+  .grid-margin-y > .shrink {
-  .grid-margin-y > .shrink {
+    height: auto; }
-    height: auto; }
+  .grid-margin-y > .small-1 {
-  .grid-margin-y > .small-1 {
+    height: calc(8.3333333333% - 1.25rem); }
-    height: calc(8.3333333333% - 1.25rem); }
+  .grid-margin-y > .small-2 {
-  .grid-margin-y > .small-2 {
+    height: calc(16.6666666667% - 1.25rem); }
-    height: calc(16.6666666667% - 1.25rem); }
+  .grid-margin-y > .small-3 {
-  .grid-margin-y > .small-3 {
+    height: calc(25% - 1.25rem); }
-    height: calc(25% - 1.25rem); }
+  .grid-margin-y > .small-4 {
-  .grid-margin-y > .small-4 {
+    height: calc(33.3333333333% - 1.25rem); }
-    height: calc(33.3333333333% - 1.25rem); }
+  .grid-margin-y > .small-5 {
-  .grid-margin-y > .small-5 {
+    height: calc(41.6666666667% - 1.25rem); }
-    height: calc(41.6666666667% - 1.25rem); }
+  .grid-margin-y > .small-6 {
-  .grid-margin-y > .small-6 {
+    height: calc(50% - 1.25rem); }
-    height: calc(50% - 1.25rem); }
+  .grid-margin-y > .small-7 {
-  .grid-margin-y > .small-7 {
+    height: calc(58.3333333333% - 1.25rem); }
-    height: calc(58.3333333333% - 1.25rem); }
+  .grid-margin-y > .small-8 {
-  .grid-margin-y > .small-8 {
+    height: calc(66.6666666667% - 1.25rem); }
-    height: calc(66.6666666667% - 1.25rem); }
+  .grid-margin-y > .small-9 {
-  .grid-margin-y > .small-9 {
+    height: calc(75% - 1.25rem); }
-    height: calc(75% - 1.25rem); }
+  .grid-margin-y > .small-10 {
-  .grid-margin-y > .small-10 {
+    height: calc(83.3333333333% - 1.25rem); }
-    height: calc(83.3333333333% - 1.25rem); }
+  .grid-margin-y > .small-11 {
-  .grid-margin-y > .small-11 {
+    height: calc(91.6666666667% - 1.25rem); }
-    height: calc(91.6666666667% - 1.25rem); }
+  .grid-margin-y > .small-12 {
-  .grid-margin-y > .small-12 {
+    height: calc(100% - 1.25rem); }
-    height: calc(100% - 1.25rem); }
+  @media print, screen and (min-width: 40em) {
-  @media print, screen and (min-width: 40em) {
+    .grid-margin-y > .auto {
-    .grid-margin-y > .auto {
+      height: auto; }
-      height: auto; }
+    .grid-margin-y > .shrink {
-    .grid-margin-y > .shrink {
+      height: auto; }
-      height: auto; }
+    .grid-margin-y > .small-1 {
-    .grid-margin-y > .small-1 {
+      height: calc(8.3333333333% - 1.875rem); }
-      height: calc(8.3333333333% - 1.875rem); }
+    .grid-margin-y > .small-2 {
-    .grid-margin-y > .small-2 {
+      height: calc(16.6666666667% - 1.875rem); }
-      height: calc(16.6666666667% - 1.875rem); }
+    .grid-margin-y > .small-3 {
-    .grid-margin-y > .small-3 {
+      height: calc(25% - 1.875rem); }
-      height: calc(25% - 1.875rem); }
+    .grid-margin-y > .small-4 {
-    .grid-margin-y > .small-4 {
+      height: calc(33.3333333333% - 1.875rem); }
-      height: calc(33.3333333333% - 1.875rem); }
+    .grid-margin-y > .small-5 {
-    .grid-margin-y > .small-5 {
+      height: calc(41.6666666667% - 1.875rem); }
-      height: calc(41.6666666667% - 1.875rem); }
+    .grid-margin-y > .small-6 {
-    .grid-margin-y > .small-6 {
+      height: calc(50% - 1.875rem); }
-      height: calc(50% - 1.875rem); }
+    .grid-margin-y > .small-7 {
-    .grid-margin-y > .small-7 {
+      height: calc(58.3333333333% - 1.875rem); }
-      height: calc(58.3333333333% - 1.875rem); }
+    .grid-margin-y > .small-8 {
-    .grid-margin-y > .small-8 {
+      height: calc(66.6666666667% - 1.875rem); }
-      height: calc(66.6666666667% - 1.875rem); }
+    .grid-margin-y > .small-9 {
-    .grid-margin-y > .small-9 {
+      height: calc(75% - 1.875rem); }
-      height: calc(75% - 1.875rem); }
+    .grid-margin-y > .small-10 {
-    .grid-margin-y > .small-10 {
+      height: calc(83.3333333333% - 1.875rem); }
-      height: calc(83.3333333333% - 1.875rem); }
+    .grid-margin-y > .small-11 {
-    .grid-margin-y > .small-11 {
+      height: calc(91.6666666667% - 1.875rem); }
-      height: calc(91.6666666667% - 1.875rem); }
+    .grid-margin-y > .small-12 {
-    .grid-margin-y > .small-12 {
+      height: calc(100% - 1.875rem); }
-      height: calc(100% - 1.875rem); }
+    .grid-margin-y > .medium-auto {
-    .grid-margin-y > .medium-auto {
+      height: auto; }
-      height: auto; }
+    .grid-margin-y > .medium-shrink {
-    .grid-margin-y > .medium-shrink {
+      height: auto; }
-      height: auto; }
+    .grid-margin-y > .medium-1 {
-    .grid-margin-y > .medium-1 {
+      height: calc(8.3333333333% - 1.875rem); }
-      height: calc(8.3333333333% - 1.875rem); }
+    .grid-margin-y > .medium-2 {
-    .grid-margin-y > .medium-2 {
+      height: calc(16.6666666667% - 1.875rem); }
-      height: calc(16.6666666667% - 1.875rem); }
+    .grid-margin-y > .medium-3 {
-    .grid-margin-y > .medium-3 {
+      height: calc(25% - 1.875rem); }
-      height: calc(25% - 1.875rem); }
+    .grid-margin-y > .medium-4 {
-    .grid-margin-y > .medium-4 {
+      height: calc(33.3333333333% - 1.875rem); }
-      height: calc(33.3333333333% - 1.875rem); }
+    .grid-margin-y > .medium-5 {
-    .grid-margin-y > .medium-5 {
+      height: calc(41.6666666667% - 1.875rem); }
-      height: calc(41.6666666667% - 1.875rem); }
+    .grid-margin-y > .medium-6 {
-    .grid-margin-y > .medium-6 {
+      height: calc(50% - 1.875rem); }
-      height: calc(50% - 1.875rem); }
+    .grid-margin-y > .medium-7 {
-    .grid-margin-y > .medium-7 {
+      height: calc(58.3333333333% - 1.875rem); }
-      height: calc(58.3333333333% - 1.875rem); }
+    .grid-margin-y > .medium-8 {
-    .grid-margin-y > .medium-8 {
+      height: calc(66.6666666667% - 1.875rem); }
-      height: calc(66.6666666667% - 1.875rem); }
+    .grid-margin-y > .medium-9 {
-    .grid-margin-y > .medium-9 {
+      height: calc(75% - 1.875rem); }
-      height: calc(75% - 1.875rem); }
+    .grid-margin-y > .medium-10 {
-    .grid-margin-y > .medium-10 {
+      height: calc(83.3333333333% - 1.875rem); }
-      height: calc(83.3333333333% - 1.875rem); }
+    .grid-margin-y > .medium-11 {
-    .grid-margin-y > .medium-11 {
+      height: calc(91.6666666667% - 1.875rem); }
-      height: calc(91.6666666667% - 1.875rem); }
+    .grid-margin-y > .medium-12 {
-    .grid-margin-y > .medium-12 {
+      height: calc(100% - 1.875rem); } }
-      height: calc(100% - 1.875rem); } }
+  @media print, screen and (min-width: 64em) {
-  @media print, screen and (min-width: 64em) {
+    .grid-margin-y > .large-auto {
-    .grid-margin-y > .large-auto {
+      height: auto; }
-      height: auto; }
+    .grid-margin-y > .large-shrink {
-    .grid-margin-y > .large-shrink {
+      height: auto; }
-      height: auto; }
+    .grid-margin-y > .large-1 {
-    .grid-margin-y > .large-1 {
+      height: calc(8.3333333333% - 1.875rem); }
-      height: calc(8.3333333333% - 1.875rem); }
+    .grid-margin-y > .large-2 {
-    .grid-margin-y > .large-2 {
+      height: calc(16.6666666667% - 1.875rem); }
-      height: calc(16.6666666667% - 1.875rem); }
+    .grid-margin-y > .large-3 {
-    .grid-margin-y > .large-3 {
+      height: calc(25% - 1.875rem); }
-      height: calc(25% - 1.875rem); }
+    .grid-margin-y > .large-4 {
-    .grid-margin-y > .large-4 {
+      height: calc(33.3333333333% - 1.875rem); }
-      height: calc(33.3333333333% - 1.875rem); }
     .grid-margin-y > .large-5 {
       height: calc(41.6666666667% - 1.875rem); }
     .grid-margin-y > .large-6 {
       height: calc(50% - 1.875rem); }
     .grid-margin-y > .large-7 {
       height: calc(83.3333333333% - 1.875rem); }
     .grid-margin-y > .large-11 {
       height: calc(91.6666666667% - 1.875rem); }
     .grid-margin-y > .large-12 {
       height: calc(100% - 1.875rem); } }
 .grid-frame {
   overflow: hidden;
   position: relative;
   flex-wrap: nowrap;
   align-items: stretch;
       height: calc(83.3333333333% - 1.875rem); }
     .grid-margin-y > .large-11 {
       height: calc(91.6666666667% - 1.875rem); }
     .grid-margin-y > .large-12 {
       height: calc(100% - 1.875rem); } }
 .grid-frame.grid-margin-y {
   height: calc(100vh + 1.25rem); }
   @media print, screen and (min-width: 40em) {
     .grid-frame.grid-margin-y {
       height: calc(100vh + 1.875rem); } }
   @media print, screen and (min-width: 64em) {
     .grid-frame.grid-margin-y {
       height: calc(100vh + 1.875rem); } }
 @media print, screen and (min-width: 40em) {
   .grid-margin-y.medium-grid-frame {
     height: calc(100vh + 1.875rem); } }
 @media print, screen and (min-width: 64em) {

Subversion Repositories wimsdev

(root)/trunk/wims/public_html/themes/_css/foundation_xygrid.css – Rev 14734 → 15341