zurb-foundation 4.0.4 → 4.0.5

data/scss/foundation/components/_type.scss

@@ -59,7 +59,7 @@ $hr-margin:                            emCalc(20px) !default;
 
 // We use these to style lists
 $list-style-position:                  outside !default;
-$list-side-margin:                     emCalc(18px) !default;
+$list-side-margin:                     emCalc(20px) !default;
 $definition-list-header-weight:        bold !default;
 $definition-list-header-margin-bottom: .3em !default;
 $definition-list-margin-bottom:        emCalc(12px) !default;
@@ -252,7 +252,7 @@ ul {
   }
   &.square,
   &.circle,
-  &.disc { margin-#{$default-float}: $list-side-margin;
+  &.disc {
     li ul { list-style: inherit; }
   }
 
@@ -263,7 +263,7 @@ ul {
 }
 
 /* Ordered Lists */
-ol { margin-#{$default-float}: $list-side-margin;
+ol {
   li {
     ul,
     ol {

data/scss/foundation/components/_visibility.scss

@@ -3,90 +3,211 @@
 //
 
 /* Foundation Visibility HTML Classes */
-@media only screen {
-  .show-for-small,
-  .show-for-medium-down,
-  .show-for-large-down { display: inherit !important; }
+.show-for-small,
+.show-for-medium-down,
+.show-for-large-down { display: inherit !important; }
 
-  .show-for-medium,
-  .show-for-medium-up,
-  .show-for-large,
-  .show-for-large-up,
-  .show-for-xlarge { display: none !important; }
+.show-for-medium,
+.show-for-medium-up,
+.show-for-large,
+.show-for-large-up,
+.show-for-xlarge { display: none !important; }
 
-  .hide-for-medium,
-  .hide-for-medium-up,
-  .hide-for-large,
-  .hide-for-large-up,
-  .hide-for-xlarge { display: inherit !important; }
+.hide-for-medium,
+.hide-for-medium-up,
+.hide-for-large,
+.hide-for-large-up,
+.hide-for-xlarge { display: inherit !important; }
+
+.hide-for-small,
+.hide-for-medium-down,
+.hide-for-large-down { display: none !important; }
 
-  .hide-for-small,
-  .hide-for-medium-down,
-  .hide-for-large-down { display: none !important; }
+/* Specific visilbity for tables */
+table {
+  &.show-for-small,
+  &.show-for-medium-down,
+  &.show-for-large-down,
+  &.hide-for-medium,
+  &.hide-for-medium-up,
+  &.hide-for-large,
+  &.hide-for-large-up,
+  &.hide-for-xlarge { display: table; }
+}
+thead {
+  &.show-for-small,
+  &.show-for-medium-down,
+  &.show-for-large-down,
+  &.hide-for-medium,
+  &.hide-for-medium-up,
+  &.hide-for-large,
+  &.hide-for-large-up,
+  &.hide-for-xlarge { display: table-header-group !important; }
+}
+tbody {
+  &.show-for-small,
+  &.show-for-medium-down,
+  &.show-for-large-down,
+  &.hide-for-medium,
+  &.hide-for-medium-up,
+  &.hide-for-large,
+  &.hide-for-large-up,
+  &.hide-for-xlarge { display: table-row-group !important; }
+}
+tr {
+  &.show-for-small,
+  &.show-for-medium-down,
+  &.show-for-large-down,
+  &.hide-for-medium,
+  &.hide-for-medium-up,
+  &.hide-for-large,
+  &.hide-for-large-up,
+  &.hide-for-xlarge { display: table-row !important; }
+}
+td,
+th {
+  &.show-for-small,
+  &.show-for-medium-down,
+  &.show-for-large-down,
+  &.hide-for-medium,
+  &.hide-for-medium-up,
+  &.hide-for-large,
+  &.hide-for-large-up,
+  &.hide-for-xlarge { display: table-cell !important; }
 }
 
+
+
+
+
 /* Medium Displays: 768px - 1279px */
 @media #{$small} {
   .show-for-medium,
-  .show-for-medium-down,
-  .show-for-medium-up,
-  .show-for-large-down { display: inherit !important; }
+  .show-for-medium-up { display: inherit !important; }
 
-  .show-for-small,
-  .show-for-large,
-  .show-for-large-up { display: none !important; }
+  .show-for-small { display: none !important; }
 
-  .hide-for-small,
-  .hide-for-large,
-  .hide-for-large-up { display: inherit !important; }
+  .hide-for-small { display: inherit !important; }
 
   .hide-for-medium,
-  .hide-for-medium-down,
-  .hide-for-medium-up,
-  .hide-for-large-down { display: none !important; }
+  .hide-for-medium-up { display: none !important; }
+
+  /* Specific visilbity for tables */
+  table {
+    &.show-for-medium,
+    &.show-for-medium-up,
+    &.hide-for-small { display: table; }
+  }
+  thead {
+    &.show-for-medium,
+    &.show-for-medium-up,
+    &.hide-for-small { display: table-header-group !important; }
+  }
+  tbody {
+    &.show-for-medium,
+    &.show-for-medium-up,
+    &.hide-for-small { display: table-row-group !important; }
+  }
+  tr {
+    &.show-for-medium,
+    &.show-for-medium-up,
+    &.hide-for-small { display: table-row !important; }
+  }
+  td,
+  th {
+    &.show-for-medium,
+    &.show-for-medium-up,
+    &.hide-for-small { display: table-cell !important; }
+  }
 }
 
 /* Large Displays: 1280px - 1440px */
 @media #{$medium} {
-  .show-for-medium-down,
-  .show-for-medium-up,
   .show-for-large,
-  .show-for-large-down,
   .show-for-large-up { display: inherit !important; }
 
-  .show-for-small,
-  .show-for-medium { display: none !important; }
+  .show-for-medium,
+  .show-for-medium-down { display: none !important; }
 
-  .hide-for-small,
-  .hide-for-medium { display: inherit !important; }
+  .hide-for-medium,
+  .hide-for-medium-down { display: inherit !important; }
 
-  .hide-for-medium-down,
-  .hide-for-medium-up,
   .hide-for-large,
-  .hide-for-large-down,
   .hide-for-large-up { display: none !important; }
 
+  /* Specific visilbity for tables */
+  table {
+    &.show-for-large,
+    &.show-for-large-up,
+    &.hide-for-medium,
+    &.hide-for-medium-down { display: table; }
+  }
+  thead {
+    &.show-for-large,
+    &.show-for-large-up,
+    &.hide-for-medium,
+    &.hide-for-medium-down { display: table-header-group !important; }
+  }
+  tbody {
+    &.show-for-large,
+    &.show-for-large-up,
+    &.hide-for-medium,
+    &.hide-for-medium-down { display: table-row-group !important; }
+  }
+  tr {
+    &.show-for-large,
+    &.show-for-large-up,
+    &.hide-for-medium,
+    &.hide-for-medium-down { display: table-row !important; }
+  }
+  td,
+  th {
+    &.show-for-large,
+    &.show-for-large-up,
+    &.hide-for-medium,
+    &.hide-for-medium-down { display: table-cell !important; }
+  }
 }
 
 /* X-Large Displays: 1400px and up */
 @media #{$large} {
-  .show-for-medium-up,
-  .show-for-large-up { display: inherit !important; }
+  .show-for-xlarge { display: inherit !important; }
 
-  .show-for-small,
-  .show-for-medium,
-  .show-for-medium-down,
-  .show-for-large-down,
-  .show-for-large { display: none !important; }
+  .show-for-large,
+  .show-for-large-down { display: none !important; }
 
-  .hide-for-small,
-  .hide-for-medium,
-  .hide-for-large { display: inherit !important; }
+  .hide-for-large,
+  .hide-for-large-down { display: inherit !important; }
 
-  .hide-for-medium-down,
-  .hide-for-medium-up,
-  .hide-for-large-down,
-  .hide-for-large-up { display: none !important; }
+  .hide-for-xlarge { display: none !important; }
+
+  /* Specific visilbity for tables */
+  table {
+    &.show-for-xlarge,
+    &.hide-for-large,
+    &.hide-for-large-down { display: table; }
+  }
+  thead {
+    &.show-for-xlarge,
+    &.hide-for-large,
+    &.hide-for-large-down { display: table-header-group !important; }
+  }
+  tbody {
+    &.show-for-xlarge,
+    &.hide-for-large,
+    &.hide-for-large-down { display: table-row-group !important; }
+  }
+  tr {
+    &.show-for-xlarge,
+    &.hide-for-large,
+    &.hide-for-large-down { display: table-row !important; }
+  }
+  td,
+  th {
+    &.show-for-xlarge,
+    &.hide-for-large,
+    &.hide-for-large-down { display: table-cell !important; }
+  }
 }
 
 
@@ -96,18 +217,87 @@
 .hide-for-landscape,
 .show-for-portrait { display: none !important; }
 
-@media screen and (orientation: landscape) {
+/* Specific visilbity for tables */
+table {
+  &.hide-for-landscape,
+  &.show-for-portrait { display: table; }
+}
+thead {
+  &.hide-for-landscape,
+  &.show-for-portrait { display: table-header-group !important; }
+}
+tbody {
+  &.hide-for-landscape,
+  &.show-for-portrait { display: table-row-group !important; }
+}
+tr {
+  &.hide-for-landscape,
+  &.show-for-portrait { display: table-row !important; }
+}
+td,
+th {
+  &.hide-for-landscape,
+  &.show-for-portrait { display: table-cell !important; }
+}
+
+@media #{$landscape} {
   .show-for-landscape,
   .hide-for-portrait { display: inherit !important; }
   .hide-for-landscape,
   .show-for-portrait { display: none !important; }
+
+  /* Specific visilbity for tables */
+  table {
+    &.show-for-landscape,
+    &.hide-for-portrait { display: table; }
+  }
+  thead {
+    &.show-for-landscape,
+    &.hide-for-portrait { display: table-header-group !important; }
+  }
+  tbody {
+    &.show-for-landscape,
+    &.hide-for-portrait { display: table-row-group !important; }
+  }
+  tr {
+    &.show-for-landscape,
+    &.hide-for-portrait { display: table-row !important; }
+  }
+  td,
+  th {
+    &.show-for-landscape,
+    &.hide-for-portrait { display: table-cell !important; }
+  }
 }
 
-@media screen and (orientation: portrait) {
+@media #{$portrait} {
   .show-for-portrait,
   .hide-for-landscape { display: inherit !important; }
   .hide-for-portrait,
   .show-for-landscape { display: none !important; }
+
+  /* Specific visilbity for tables */
+  table {
+    &.show-for-portrait,
+    &.hide-for-landscape { display: table; }
+  }
+  thead {
+    &.show-for-portrait,
+    &.hide-for-landscape { display: table-header-group !important; }
+  }
+  tbody {
+    &.show-for-portrait,
+    &.hide-for-landscape { display: table-row-group !important; }
+  }
+  tr {
+    &.show-for-portrait,
+    &.hide-for-landscape { display: table-row !important; }
+  }
+  td,
+  th {
+    &.show-for-portrait,
+    &.hide-for-landscape { display: table-cell !important; }
+  }
 }
 
 /* Touch-enabled device targeting */
@@ -115,3 +305,17 @@
 .hide-for-touch { display: inherit !important; }
 .touch .show-for-touch { display: inherit !important; }
 .touch .hide-for-touch { display: none !important; }
+
+/* Specific visilbity for tables */
+table.hide-for-touch { display: table; }
+.touch table.show-for-touch { display: table; }
+thead.hide-for-touch { display: table-header-group !important; }
+.touch thead.show-for-touch { display: table-header-group !important; }
+tbody.hide-for-touch { display: table-row-group !important; }
+.touch tbody.show-for-touch { display: table-row-group !important; }
+tr.hide-for-touch { display: table-row !important; }
+.touch tr.show-for-touch { display: table-row !important; }
+td.hide-for-touch { display: table-cell !important; }
+.touch td.show-for-touch { display: table-cell !important; }
+th.hide-for-touch { display: table-cell !important; }
+.touch th.show-for-touch { display: table-cell !important; }

data/templates/project/scss/_settings.scss

@@ -178,6 +178,7 @@
 // $label-font-weight: 500;
 // $label-font-color: lighten(#000, 30%);
 // $label-bottom-margin: emCalc(3px);
+// $input-font-family: inherit;
 // $input-font-color: rgba(0,0,0,0.75);
 // $input-font-size: emCalc(14px);
 // $input-bg-color: #fff;
@@ -229,6 +230,7 @@
 // $button-margin-bottom: emCalc(20px);
 
 // We use these to control button text styles.
+// $button-font-family: inherit;
 // $button-font-color: #fff;
 // $button-font-color-alt: #333;
 // $button-font-med: emCalc(16px);
@@ -590,6 +592,7 @@
 //
 
 // We use these to control the caption styles
+// $orbit-container-bg: #f5f5f5;
 // $orbit-caption-bg-old-browser: #000;
 // $orbit-caption-bg-old: rgb(0,0,0);
 // $orbit-caption-bg: rgba(0,0,0,0.6);
@@ -612,6 +615,9 @@
 // $orbit-slide-number-font-color: #fff;
 // $orbit-slide-number-padding: emCalc(5px);
 
+// Margin for when Orbit is stacked on small screens
+// $stack-on-small-margin-bottom: emCalc(20px); // Doesn't quite work yet
+
 //
 // Pagination Variables
 //
@@ -720,6 +726,7 @@
 
 // We use this to se the prog bar height
 // $progress-bar-height: emCalc(25px);
+// $progress-bar-color: transparent;
 
 // We use these to control the border styles
 // $progress-bar-border-color: darken(#fff, 20%);

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: zurb-foundation
 version: !ruby/object:Gem::Version
-  version: 4.0.4
+  version: 4.0.5
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-03-05 00:00:00.000000000 Z
+date: 2013-03-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -35,7 +35,7 @@ dependencies:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: '0'
-  type: :runtime
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     none: false
@@ -67,7 +67,6 @@ files:
 - docs/README.md
 - docs/_sidebar-components.html.erb
 - docs/_sidebar.html.erb
-- docs/_zurb-jobs.html.erb
 - docs/changelog.html.erb
 - docs/compile.rb
 - docs/components/alert-boxes.html.erb
@@ -134,6 +133,7 @@ files:
 - docs/js/tests/tooltips/tooltips.html
 - docs/js/tests/tooltips/tooltips.js
 - docs/layout.html.erb
+- docs/media-queries.html.erb
 - docs/rails.html.erb
 - docs/sass.html.erb
 - docs/support.html.erb
@@ -229,7 +229,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 2233190354478831862
+      hash: 289427186868157040
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -238,7 +238,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 2233190354478831862
+      hash: 289427186868157040
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.23