zurb-foundation 4.0.5 → 4.0.7

data/scss/foundation/components/_thumbs.scss

@@ -30,7 +30,7 @@ $thumb-transition-speed: 200ms !default;
 
 
 // If html classes are turned on we'll include these classes.
-@if $include-html-classes {
+@if $include-html-media-classes {
 
   /* Image Thumbnails */
   .th {

data/scss/foundation/components/_top-bar.scss

@@ -65,6 +65,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
   line-height: $topbar-height;
   position: relative;
   background: $topbar-bg;
+  margin-bottom: $topbar-margin-bottom;
 
   // Topbar Global list Styles
   ul {
@@ -208,7 +209,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
     & > a {
       display: block;
       width: 100%;
-      color: $topbar-dropdown-link-color;
+      color: $topbar-link-color;
       padding: 12px 0 12px 0;
       padding-#{$default-float}: $topbar-height / 3;
       font-size: $topbar-link-font-size;
@@ -402,9 +403,11 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
       #{$default-float}: 0;
       top: auto;
       background: transparent;
+      min-width: 100%;
 
       li {
         a {
+          color: $topbar-dropdown-link-color;
           line-height: 1;
           white-space: nowrap;
           padding: 7px $topbar-height / 3;

data/scss/foundation/components/_visibility.scss

@@ -1,321 +1,320 @@
 //
 // Foundation Visibility Classes
 //
+@if $include-html-visibility-classes {
 
-/* Foundation Visibility HTML Classes */
-.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; }
-
-.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; }
-
-/* 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} {
+  /* Foundation Visibility HTML Classes */
+  .show-for-small,
+  .show-for-medium-down,
+  .show-for-large-down { display: inherit !important; }
+  
   .show-for-medium,
-  .show-for-medium-up { display: inherit !important; }
-
-  .show-for-small { display: none !important; }
-
-  .hide-for-small { display: inherit !important; }
-
-  .hide-for-medium,
-  .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-up,
   .show-for-large,
-  .show-for-large-up { display: inherit !important; }
-
-  .show-for-medium,
-  .show-for-medium-down { display: none !important; }
-
+  .show-for-large-up,
+  .show-for-xlarge { display: none !important; }
+  
   .hide-for-medium,
-  .hide-for-medium-down { display: inherit !important; }
-
+  .hide-for-medium-up,
   .hide-for-large,
-  .hide-for-large-up { display: none !important; }
-
+  .hide-for-large-up,
+  .hide-for-xlarge { display: inherit !important; }
+  
+  .hide-for-small,
+  .hide-for-medium-down,
+  .hide-for-large-down { display: none !important; }
+  
   /* Specific visilbity for tables */
   table {
-    &.show-for-large,
-    &.show-for-large-up,
+    &.show-for-small,
+    &.show-for-medium-down,
+    &.show-for-large-down,
     &.hide-for-medium,
-    &.hide-for-medium-down { display: table; }
+    &.hide-for-medium-up,
+    &.hide-for-large,
+    &.hide-for-large-up,
+    &.hide-for-xlarge { display: table; }
   }
   thead {
-    &.show-for-large,
-    &.show-for-large-up,
+    &.show-for-small,
+    &.show-for-medium-down,
+    &.show-for-large-down,
     &.hide-for-medium,
-    &.hide-for-medium-down { display: table-header-group !important; }
+    &.hide-for-medium-up,
+    &.hide-for-large,
+    &.hide-for-large-up,
+    &.hide-for-xlarge { display: table-header-group !important; }
   }
   tbody {
-    &.show-for-large,
-    &.show-for-large-up,
+    &.show-for-small,
+    &.show-for-medium-down,
+    &.show-for-large-down,
     &.hide-for-medium,
-    &.hide-for-medium-down { display: table-row-group !important; }
+    &.hide-for-medium-up,
+    &.hide-for-large,
+    &.hide-for-large-up,
+    &.hide-for-xlarge { display: table-row-group !important; }
   }
   tr {
-    &.show-for-large,
-    &.show-for-large-up,
+    &.show-for-small,
+    &.show-for-medium-down,
+    &.show-for-large-down,
     &.hide-for-medium,
-    &.hide-for-medium-down { display: table-row !important; }
+    &.hide-for-medium-up,
+    &.hide-for-large,
+    &.hide-for-large-up,
+    &.hide-for-xlarge { display: table-row !important; }
   }
   td,
   th {
-    &.show-for-large,
-    &.show-for-large-up,
+    &.show-for-small,
+    &.show-for-medium-down,
+    &.show-for-large-down,
     &.hide-for-medium,
-    &.hide-for-medium-down { display: table-cell !important; }
-  }
-}
-
-/* X-Large Displays: 1400px and up */
-@media #{$large} {
-  .show-for-xlarge { display: inherit !important; }
-
-  .show-for-large,
-  .show-for-large-down { display: none !important; }
-
-  .hide-for-large,
-  .hide-for-large-down { display: inherit !important; }
-
-  .hide-for-xlarge { display: none !important; }
-
-  /* Specific visilbity for tables */
-  table {
-    &.show-for-xlarge,
+    &.hide-for-medium-up,
     &.hide-for-large,
-    &.hide-for-large-down { display: table; }
+    &.hide-for-large-up,
+    &.hide-for-xlarge { display: table-cell !important; }
   }
-  thead {
-    &.show-for-xlarge,
-    &.hide-for-large,
-    &.hide-for-large-down { display: table-header-group !important; }
+  
+  /* Medium Displays: 768px - 1279px */
+  @media #{$small} {
+    .show-for-medium,
+    .show-for-medium-up { display: inherit !important; }
+  
+    .show-for-small { display: none !important; }
+  
+    .hide-for-small { display: inherit !important; }
+  
+    .hide-for-medium,
+    .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; }
+    }
   }
-  tbody {
-    &.show-for-xlarge,
-    &.hide-for-large,
-    &.hide-for-large-down { display: table-row-group !important; }
+  
+  /* Large Displays: 1280px - 1440px */
+  @media #{$medium} {
+    .show-for-large,
+    .show-for-large-up { display: inherit !important; }
+  
+    .show-for-medium,
+    .show-for-medium-down { display: none !important; }
+  
+    .hide-for-medium,
+    .hide-for-medium-down { display: inherit !important; }
+  
+    .hide-for-large,
+    .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; }
+    }
   }
-  tr {
-    &.show-for-xlarge,
-    &.hide-for-large,
-    &.hide-for-large-down { display: table-row !important; }
+  
+  /* X-Large Displays: 1400px and up */
+  @media #{$large} {
+    .show-for-xlarge { display: inherit !important; }
+  
+    .show-for-large,
+    .show-for-large-down { display: none !important; }
+  
+    .hide-for-large,
+    .hide-for-large-down { display: inherit !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; }
+    }
   }
-  td,
-  th {
-    &.show-for-xlarge,
-    &.hide-for-large,
-    &.hide-for-large-down { display: table-cell !important; }
-  }
-}
-
-
-/* Orientation targeting */
-.show-for-landscape,
-.hide-for-portrait { display: inherit !important; }
-.hide-for-landscape,
-.show-for-portrait { display: none !important; }
-
-/* 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} {
+  
+  
+  /* Orientation targeting */
   .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; }
+    &.hide-for-landscape,
+    &.show-for-portrait { display: table; }
   }
   thead {
-    &.show-for-landscape,
-    &.hide-for-portrait { display: table-header-group !important; }
+    &.hide-for-landscape,
+    &.show-for-portrait { display: table-header-group !important; }
   }
   tbody {
-    &.show-for-landscape,
-    &.hide-for-portrait { display: table-row-group !important; }
+    &.hide-for-landscape,
+    &.show-for-portrait { display: table-row-group !important; }
   }
   tr {
-    &.show-for-landscape,
-    &.hide-for-portrait { display: table-row !important; }
+    &.hide-for-landscape,
+    &.show-for-portrait { display: table-row !important; }
   }
   td,
   th {
-    &.show-for-landscape,
-    &.hide-for-portrait { display: table-cell !important; }
+    &.hide-for-landscape,
+    &.show-for-portrait { display: table-cell !important; }
   }
-}
-
-@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; }
+  
+  @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; }
+    }
   }
-  thead {
-    &.show-for-portrait,
-    &.hide-for-landscape { display: table-header-group !important; }
+  
+  @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; }
+    }
   }
-  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 */
-.show-for-touch { display: none !important; }
-.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; }
+  
+  /* Touch-enabled device targeting */
+  .show-for-touch { display: none !important; }
+  .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; }
+
+}