zurb-foundation 4.1.2 → 4.1.5

data/scss/foundation/components/_sub-nav.scss

@@ -59,7 +59,7 @@ $sub-nav-active-cursor:      default !default;
 }
 
 
-@if $include-html-nav-classes {
+@if $include-html-nav-classes != false {
 
   /* Side Nav */
   .sub-nav { @include sub-nav; }

data/scss/foundation/components/_switch.scss

@@ -212,7 +212,7 @@ $switch-label-outline:            1px dotted #888 !default;
   @include switch-style($paddle-bg, $positive-color, $negative-color, $radius, $base-style);
 }
 
-@if $include-html-button-classes {
+@if $include-html-button-classes != false {
 
   /* Foundation Switches */
   @media only screen {

data/scss/foundation/components/_thumbs.scss

@@ -19,6 +19,7 @@ $thumb-transition-speed: 200ms !default;
 
 // We use this to create image thumbnail styles.
 @mixin thumb($border-width:$thumb-border-width, $box-shadow:$thumb-box-shadow, $box-shadow-hover:$thumb-box-shadow-hover) {
+  line-height: 0;
   display: inline-block;
   border: $thumb-border-style $border-width $thumb-border-color;
   -webkit-box-shadow: $box-shadow;
@@ -30,7 +31,7 @@ $thumb-transition-speed: 200ms !default;
 
 
 // If html classes are turned on we'll include these classes.
-@if $include-html-media-classes {
+@if $include-html-media-classes != false {
 
   /* Image Thumbnails */
   .th {
@@ -39,6 +40,7 @@ $thumb-transition-speed: 200ms !default;
 
     &.radius { @include radius($thumb-radius); }
   }
+  a.th { display: block; }
 
 }
 

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

@@ -20,6 +20,7 @@ $topbar-title-font-size: emCalc(17px) !default;
 $topbar-link-color: #fff !default;
 $topbar-link-weight: bold !default;
 $topbar-link-font-size: emCalc(13px) !default;
+$topbar-link-hover-lightness: -30% !default; // Darken by 30%
 
 // Style the top bar dropdown elements
 $topbar-dropdown-bg: #333 !default;
@@ -197,7 +198,8 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
     margin: 0;
   }
 
-  .divider {
+  .divider,
+  [role="separator"] {
     border-bottom: solid 1px lighten($topbar-dropdown-bg, 10%);
     border-top: solid 1px darken($topbar-dropdown-bg, 10%);
     clear: both;
@@ -215,7 +217,6 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
       font-size: $topbar-link-font-size;
       font-weight: $topbar-link-weight;
       background: $topbar-dropdown-bg;
-      height: $topbar-height;
 
       &:hover { background: darken($topbar-dropdown-bg, 3%); }
 
@@ -340,7 +341,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
     &.expanded { background: $topbar-bg; }
   }
 
-  .contain-to-grid .top-bar { max-width: $row-width; margin: 0 auto; }
+  .contain-to-grid .top-bar { max-width: $row-width; margin: 0 auto; margin-bottom: $topbar-margin-bottom; }
 
   .top-bar-section {
     @include single-transition(none,0,0);
@@ -362,7 +363,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
         padding: 0 $topbar-height / 3;
         line-height: $topbar-height;
         background: $topbar-bg;
-        &:hover { background: darken($topbar-dropdown-bg, 30%); }
+        &:hover { background: adjust-color($topbar-dropdown-bg, $lightness: $topbar-link-hover-lightness); }
       }
     }
 
@@ -392,7 +393,7 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
           &:after {
             border: none;
             content: "\00bb";
-            margin-top: -7px;
+            margin-top: -15px;
             #{$opposite-direction}: 5px;
           }
         }
@@ -428,7 +429,8 @@ $topbar-media-query: "only screen and (min-width:"#{$topbar-breakpoint}")" !defa
       }
     }
 
-    & > ul > .divider {
+    & > ul > .divider,
+    & > ul > [role="separator"] {
       border-bottom: none;
       border-top: none;
       border-#{$opposite-direction}: solid 1px lighten($topbar-bg, 10%);

data/scss/foundation/components/_visibility.scss

@@ -1,7 +1,7 @@
 //
 // Foundation Visibility Classes
 //
-@if $include-html-visibility-classes {
+@if $include-html-visibility-classes != false {
 
   /* Foundation Visibility HTML Classes */
   .show-for-small,

data/scss/normalize.scss

@@ -1,4 +1,4 @@
-/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
 
 /* ==========================================================================
    HTML5 display definitions
@@ -56,15 +56,21 @@ audio:not([controls]) {
    ========================================================================== */
 
 /**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * 1. Prevent system color scheme's background color being used in Firefox, IE,
+ *    and Opera.
+ * 2. Prevent system color scheme's text color being used in Firefox, IE, and
+ *    Opera.
+ * 3. Set default font family to sans-serif.
+ * 4. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  */
 
 html {
-    font-family: sans-serif; /* 1 */
-    -webkit-text-size-adjust: 100%; /* 2 */
-    -ms-text-size-adjust: 100%; /* 2 */
+    background: #fff; /* 1 */
+    color: #000; /* 2 */
+    font-family: sans-serif; /* 3 */
+    -ms-text-size-adjust: 100%; /* 4 */
+    -webkit-text-size-adjust: 100%; /* 4 */
 }
 
 /**
@@ -393,4 +399,4 @@ textarea {
 table {
     border-collapse: collapse;
     border-spacing: 0;
-}
+}

data/templates/project/manifest.rb

@@ -1,8 +1,8 @@
 description 'Foundation Compass Gem'
 
 # Sass Files
-stylesheet 'scss/_settings.scss',                         :to => '_settings.scss'
-stylesheet 'scss/normalize.scss',                         :to => 'normalize.scss', :media => "screen, projector, print"
+stylesheet '../../scss/foundation/_variables.scss',       :to => '_settings.scss'
+stylesheet '../../scss/normalize.scss',                   :to => 'normalize.scss', :media => "screen, projector, print"
 stylesheet 'scss/app.scss',                               :to => 'app.scss', :media => "screen, projector, print"
 
 # Make sure you list all the project template files here in the manifest.
@@ -26,15 +26,6 @@ vendor_javascripts = copy_js_from("../../js", "vendor")
 
 javascript "../../js/foundation/foundation.js", :to => "foundation/foundation.js"
 
-# javascripts.reject! do |f|
-#   [
-#     "jquery.js",
-#     "modernizr.foundation.js",
-#     "app.js",
-#     "jquery.offcanvas.js"
-#   ].include?(File.basename(f))
-# end
-
 html 'index.html', :erb => true, :javascripts => javascripts, :version => Foundation::VERSION
 
 help %Q{

data/templates/project/scss/app.scss

@@ -7,7 +7,6 @@
 // Import specific parts of Foundation by commenting the import "foundation"
 // and uncommenting what you want below. You must uncomment the following if customizing
 
-// @import "foundation/foundation-global"; // *always required
 // @import "foundation/components/global"; // *always required
 // @import "foundation/components/grid";
 // @import "foundation/components/visibility";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: zurb-foundation
 version: !ruby/object:Gem::Version
-  version: 4.1.2
+  version: 4.1.5
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-04-10 00:00:00.000000000 Z
+date: 2013-04-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -169,7 +169,7 @@ files:
 - lib/zurb-foundation.rb
 - package.json
 - scss/foundation.scss
-- scss/foundation/_foundation-global.scss
+- scss/foundation/_variables.scss
 - scss/foundation/components/_alert-boxes.scss
 - scss/foundation/components/_block-grid.scss
 - scss/foundation/components/_breadcrumbs.scss
@@ -213,9 +213,7 @@ files:
 - templates/project/index.html
 - templates/project/manifest.rb
 - templates/project/robots.txt
-- templates/project/scss/_settings.scss
 - templates/project/scss/app.scss
-- templates/project/scss/normalize.scss
 - templates/upgrade/manifest.rb
 homepage: http://foundation.zurb.com
 licenses: []
@@ -231,7 +229,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -1096634432269913109
+      hash: 1005984228754676768
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -240,7 +238,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -1096634432269913109
+      hash: 1005984228754676768
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.23

data/scss/foundation/_foundation-global.scss

@@ -1,198 +0,0 @@
-// Foundation Global Function, Variables and Mixins
-//
-// Variables
-//
-
-// The default font-size is set to 100% of the browser style sheet (usually 16px)
-// for compatibility with brower-based text zoom or user-set defaults.
-$base-font-size: 100% !default;
-
-// Set your base font-size in pixels so emCalc can do its magic below
-$em-base: 16px !default;
-
-// We use these to control various global styles
-$body-bg: #fff !default;
-$body-font-color: #222 !default;
-$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
-$body-font-weight: normal !default;
-$body-font-style: normal !default;
-
-// We use these to control text direction settings
-$text-direction: ltr !default; // Controls default global text direction, 'rtl' or 'ltr'
-$default-float: left !default;
-$opposite-direction: right !default;
-// No need to change this conditional statement, $text-direction variable controls it all.
-@if $text-direction == ltr {
-  $default-float: left;
-  $opposite-direction: right;
-} @else {
-  $default-float: right;
-  $opposite-direction: left;
-}
-
-// We use these as default colors throughout
-$primary-color: #2ba6cb !default;
-$secondary-color: #e9e9e9 !default;
-$alert-color: #c60f13 !default;
-$success-color: #5da423 !default;
-
-// We use these to make sure border radius matches unless we want it different.
-$global-radius: 3px !default;
-$global-rounded: 1000px !default;
-
-// We use these to control inset shadow shiny edges and depressions.
-$shiny-edge-size: 0 1px 0 !default;
-$shiny-edge-color: rgba(#fff, .5) !default;
-$shiny-edge-active-color: rgba(#000, .2) !default;
-
-// We use this to control whether or not CSS classes come through in the gem files.
-$include-html-classes: true !default;
-$include-print-styles: true !default;
-
-$include-html-grid-classes: $include-html-classes !default;
-$include-html-visibility-classes: $include-html-classes !default;
-$include-html-button-classes: $include-html-classes !default;
-$include-html-form-classes: $include-html-classes !default;
-$include-html-media-classes: $include-html-classes !default;
-$include-html-section-classes: $include-html-classes !default;
-$include-html-reveal-classes: $include-html-classes !default;
-$include-html-alert-classes: $include-html-classes !default;
-$include-html-nav-classes: $include-html-classes !default;
-$include-html-label-classes: $include-html-classes !default;
-$include-html-panel-classes: $include-html-classes !default;
-$include-html-pricing-classes: $include-html-classes !default;
-$include-html-progress-classes: $include-html-classes !default;
-$include-html-magellan-classes: $include-html-classes !default;
-
-//
-// Functions
-//
-
-// Working in ems is annoying. Think in pixels by using this handy function, emCalc(#px)
-@function emCalc($pxWidth) {
-  @return $pxWidth / $em-base * 1em;
-}
-
-// Creating rems and pixels
-@function remCalc($pxWidth) {
-  @return $pxWidth / $em-base * 1rem;
-}
-
-// Grid Calculation for Percentages
-@function gridCalc($colNumber, $totalColumns) {
-  @return percentage(($colNumber / $totalColumns));
-}
-
-
-//
-// Mixins
-//
-
-// We use this to control border radius.
-@mixin radius($radius:$global-radius) {
-  @if $radius {
-    -webkit-border-radius: $radius;
-    border-radius: $radius;
-  }
-}
-
-// We use this to create equal side border radius on elements.
-@mixin side-radius($side, $radius) {
-  @include radius(0);
-  @if $side == left {
-    -moz-border-radius-bottomleft: $radius;
-    -moz-border-radius-topleft: $radius;
-    -webkit-border-bottom-left-radius: $radius;
-    -webkit-border-top-left-radius: $radius;
-    border-bottom-left-radius: $radius;
-    border-top-left-radius: $radius;
-  }
-  @else if $side == right {
-    -moz-border-radius-topright: $radius;
-    -moz-border-radius-bottomright: $radius;
-    -webkit-border-top-right-radius: $radius;
-    -webkit-border-bottom-right-radius: $radius;
-    border-top-right-radius: $radius;
-    border-bottom-right-radius: $radius;
-  }
-  @else if $side == top {
-    -moz-border-radius-topright: $radius;
-    -moz-border-radius-topleft: $radius;
-    -webkit-border-top-right-radius: $radius;
-    -webkit-border-top-left-radius: $radius;
-    border-top-right-radius: $radius;
-    border-top-left-radius: $radius;
-  }
-  @else if $side == bottom {
-    -moz-border-radius-bottomright: $radius;
-    -moz-border-radius-bottomleft: $radius;
-    -webkit-border-bottom-right-radius: $radius;
-    -webkit-border-bottom-left-radius: $radius;
-    border-bottom-right-radius: $radius;
-    border-bottom-left-radius: $radius;
-  }
-}
-
-// We can control whether or not we have inset shadows edges.
-@mixin inset-shadow($active:true) {
-  -webkit-box-shadow: $shiny-edge-size $shiny-edge-color inset;
-  box-shadow: $shiny-edge-size $shiny-edge-color inset;
-
-  @if $active { &:active {
-    -webkit-box-shadow: $shiny-edge-size $shiny-edge-active-color inset;
-    box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }
-}
-
-// We use this to add transitions to elements
-@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {
-  -webkit-transition: $property $speed $ease;
-  -moz-transition: $property $speed $ease;
-  transition: $property $speed $ease;
-}
-
-// We use this to add box-sizing across browser prefixes
-@mixin box-sizing($type:border-box) {
-  -moz-box-sizing: $type;
-  -webkit-box-sizing: $type;
-  box-sizing: $type;
-}
-
-// We use this to create equalateral triangles
-@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {
-  content: "";
-  display: block;
-  width: 0;
-  height: 0;
-  border: solid $triangle-size;
-  @if ($triangle-direction == top) {
-    border-color: $triangle-color transparent transparent transparent;
-  }
-  @if ($triangle-direction == bottom) {
-    border-color: transparent transparent $triangle-color transparent;
-  }
-  @if ($triangle-direction == left) {
-    border-color: transparent transparent transparent $triangle-color;
-  }
-  @if ($triangle-direction == right) {
-    border-color: transparent $triangle-color transparent transparent;
-  }
-}
-
-// We use this to do clear floats
-@mixin clearfix() {
-  *zoom:1;
-  &:before, &:after { content: " "; display: table; }
-  &:after { clear: both; }
-}
-
-// Media Queries
-$small-screen: emCalc(768px) !default;
-$medium-screen: emCalc(1280px) !default;
-$large-screen: emCalc(1440px) !default;
-
-$screen: "only screen" !default;
-$small: "only screen and (min-width:"#{$small-screen}")" !default;
-$medium: "only screen and (min-width:"#{$medium-screen}")" !default;
-$large: "only screen and (min-width:"#{$large-screen}")" !default;
-$landscape: "only screen and (orientation: landscape)" !default;
-$portrait: "only screen and (orientation: portrait)" !default;

data/templates/project/scss/normalize.scss

@@ -1,396 +0,0 @@
-/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
-
-/* ==========================================================================
-   HTML5 display definitions
-   ========================================================================== */
-
-/**
- * Correct `block` display not defined in IE 8/9.
- */
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
-    display: block;
-}
-
-/**
- * Correct `inline-block` display not defined in IE 8/9.
- */
-
-audio,
-canvas,
-video {
-    display: inline-block;
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-    display: none;
-    height: 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-[hidden] {
-    display: none;
-}
-
-/* ==========================================================================
-   Base
-   ========================================================================== */
-
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
- */
-
-html {
-    font-family: sans-serif; /* 1 */
-    -webkit-text-size-adjust: 100%; /* 2 */
-    -ms-text-size-adjust: 100%; /* 2 */
-}
-
-/**
- * Remove default margin.
- */
-
-body {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Links
-   ========================================================================== */
-
-/**
- * Address `outline` inconsistency between Chrome and other browsers.
- */
-
-a:focus {
-    outline: thin dotted;
-}
-
-/**
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-
-a:active,
-a:hover {
-    outline: 0;
-}
-
-/* ==========================================================================
-   Typography
-   ========================================================================== */
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari 5, and Chrome.
- */
-
-h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-}
-
-/**
- * Address styling not present in IE 8/9, Safari 5, and Chrome.
- */
-
-abbr[title] {
-    border-bottom: 1px dotted;
-}
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
- */
-
-b,
-strong {
-    font-weight: bold;
-}
-
-/**
- * Address styling not present in Safari 5 and Chrome.
- */
-
-dfn {
-    font-style: italic;
-}
-
-/**
- * Address differences between Firefox and other browsers.
- */
-
-hr {
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-    height: 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-mark {
-    background: #ff0;
-    color: #000;
-}
-
-/**
- * Correct font family set oddly in Safari 5 and Chrome.
- */
-
-code,
-kbd,
-pre,
-samp {
-    font-family: monospace, serif;
-    font-size: 1em;
-}
-
-/**
- * Improve readability of pre-formatted text in all browsers.
- */
-
-pre {
-    white-space: pre-wrap;
-}
-
-/**
- * Set consistent quote types.
- */
-
-q {
-    quotes: "\201C" "\201D" "\2018" "\2019";
-}
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-
-small {
-    font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-}
-
-sup {
-    top: -0.5em;
-}
-
-sub {
-    bottom: -0.25em;
-}
-
-/* ==========================================================================
-   Embedded content
-   ========================================================================== */
-
-/**
- * Remove border when inside `a` element in IE 8/9.
- */
-
-img {
-    border: 0;
-}
-
-/**
- * Correct overflow displayed oddly in IE 9.
- */
-
-svg:not(:root) {
-    overflow: hidden;
-}
-
-/* ==========================================================================
-   Figures
-   ========================================================================== */
-
-/**
- * Address margin not present in IE 8/9 and Safari 5.
- */
-
-figure {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Forms
-   ========================================================================== */
-
-/**
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em;
-}
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-    border: 0; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/**
- * 1. Correct font family not being inherited in all browsers.
- * 2. Correct font size not being inherited in all browsers.
- * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
- */
-
-button,
-input,
-select,
-textarea {
-    font-family: inherit; /* 1 */
-    font-size: 100%; /* 2 */
-    margin: 0; /* 3 */
-}
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-button,
-input {
-    line-height: normal;
-}
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
- * Correct `select` style inheritance in Firefox 4+ and Opera.
- */
-
-button,
-select {
-    text-transform: none;
-}
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
-    -webkit-appearance: button; /* 2 */
-    cursor: pointer; /* 3 */
-}
-
-/**
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-html input[disabled] {
-    cursor: default;
-}
-
-/**
- * 1. Address box sizing set to `content-box` in IE 8/9.
- * 2. Remove excess padding in IE 8/9.
- */
-
-input[type="checkbox"],
-input[type="radio"] {
-    box-sizing: border-box; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
- *    (include `-moz` to future-proof).
- */
-
-input[type="search"] {
-    -webkit-appearance: textfield; /* 1 */
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box; /* 2 */
-    box-sizing: content-box;
-}
-
-/**
- * Remove inner padding and search cancel button in Safari 5 and Chrome
- * on OS X.
- */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-}
-
-/**
- * 1. Remove default vertical scrollbar in IE 8/9.
- * 2. Improve readability and alignment in all browsers.
- */
-
-textarea {
-    overflow: auto; /* 1 */
-    vertical-align: top; /* 2 */
-}
-
-/* ==========================================================================
-   Tables
-   ========================================================================== */
-
-/**
- * Remove most spacing between table cells.
- */
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}