Merge branch 'v6.3-responsive-embed' of git://github.com/andycochran/foundation-sites...

diff --cc customizer/config.yml
index 26707be22f42a1949a9eecbf89cedc481378d3a7,380db566666c33c25ec1725edf835c526feff54e..e1636799937560bb5b69362a8c68ba2d6ea10198
--- 1/customizer/config.yml
--- 2/customizer/config.yml
+++ b/customizer/config.yml
@@@ -85,13 -85,7 +85,10 @@@ dropdown_menu
  
  equalizer:
    js: equalizer
 +  js_utils:
 +    - mediaQuery
 +    - timerAndImageLoader
  
- flex_video:
-   sass: flex-video
- 
  interchange:
    js: interchange
    js_utils:

diff --cc docs/assets/scss/docs.scss
index 81a93d17d9b84650ae5016a4261b0168fda06038,a02740d7b89f061bc24e86650e288b9c7a20d064..659cf305fbd2ede3702ab9e3365e54487ecaf373
--- 1/docs/assets/scss/docs.scss
--- 2/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@@ -23,170 -23,6 +23,171 @@@
  @import 'examples/motion-ui';
  @import 'examples/off-canvas';
  @import 'examples/orbit';
+ @import 'examples/responsive-embed';
  @import 'examples/reveal';
  @import 'examples/top-bar';
 +
 +@import 'course-callout';
 +
 +$topbar-background: #2c3840;
 +$topbar-hover-color: lighten($topbar-background, 10%);
 +
 +
 +/* Banner for announcements */
 +a#notice {
 +  display:block;
 +  overflow: hidden;
 +  position: relative;
 +  padding: 1rem 0;
 +  width:100%;
 +  background-image: url('http://zurb.com/university/assets/zurbwired2016-web-banner-a95e5d17264e3617a2ae4f34e84f973b.gif');
 +  background-position: center;
 +  background-size: cover;
 +  background-repeat: no-repeat;
 +  background-color: #0078AB;
 +  height: 70px;
 +
 +  .countdown {
 +    display:none;
 +    color: #ffffff;
 +    font-size: 35px;
 +    font-weight: 500;
 +    margin-left: -50%;
 +    font-family: "Proxima-Nova", "Proxima", "proxima-nova", sans-serif;
 +    background-color: rgba(0,120,171,0.7);
 +    -webkit-box-shadow: 0px 0px 16px 7px rgba(0,120,171,0.7);
 +    -moz-box-shadow: 0px 0px 16px 7px rgba(0,120,171,0.7);
 +    box-shadow: 0px 0px 16px 7px rgba(0,120,171,0.7);
 +  }
 +
 +  .timer-colon {
 +    margin: 0px -2px 0px -4px;
 +    padding: 0;
 +  }
 +
 +  .timer-hour, .timer-minute, .timer-second {
 +    letter-spacing: 2px;
 +  }
 +
 +  .info {
 +    left: 0;
 +    right: 0;
 +    // top: 15px;
 +    z-index: 20;
 +    margin-top: -7px;
 +    // width: 75%;
 +    margin-left: auto;
 +    margin-right: auto;
 +    // position: absolute;
 +    h5 { color: #ffffff; font-size: 18px !important;}
 +    text-align: center;
 +    @media only screen and (max-width: 675px) { width: 100%; padding: 0 15px 0px 15px; position: relative; }
 +  }
 +
 +  @media (max-width: 800px) {
 +    background-position: 51.2% 0;
 +    .countdown { display: none; }
 +  }
 +}
 +/* COUNTDOWN END */
 +
 +
 +.marketing-topbar,
 +.title-bar {
 +  background: $topbar-background;
 +
 +  .dropdown.menu a {
 +    background: $topbar-background;
 +  }
 +
 +  .title {
 +    background: $topbar-background;
 +  }
 +}
 +
 +.dropdown.menu a.button {
 +  background: $primary-color;
 +
 +  &:hover {
 +    background: darken($primary-color, 10%);
 +  }
 +}
 +
 +.is-dropdown-submenu-item a {
 +  &:hover {
 +    background: $topbar-hover-color;
 +  }
 +}
 +
 +.marketing-topbar .menu a:hover:not(.button),
 +.marketing-topbar .menu a:focus {
 +  background: $topbar-hover-color;
 +}
 +
 +.marketing-topbar .menu .topbar-title a {
 +  &:hover,
 +  &:focus {
 +    background: $topbar-background;
 +  }
 +}
 +
 +.docs-newsletter {
 +  padding: 1rem 0;
 +}
 +
 +.footer-signup-form {
 +  padding-top: 1rem;
 +  padding-bottom: 1rem;
 +}
 +
 +.zurb-footer-bottom {
 +  background: $topbar-background;
 +}
 +
 +.ad-unit {
 +  max-width: 250px;
 +  padding: .5rem;
 +  background: #074E68;
 +  border-radius: 4px;
 +}
 +
 +.ad-unit-title {
 +  padding: 10px 16px 5px 16px;
 +  text-align: center;
 +  color: #fff;
 +  font-size: 23px;
 +  font-weight: bold;
 +  font-family: 'proxima nova', helvetica, arial;
 +  animation:  ad-title-anim 1.5s 1 ease;
 +  animation-fill-mode: backwards;
 +}
 +
 +.ad-unit-text {
 +  color: #fff;
 +  font-size: 13px;
 +  text-align: center;
 +  padding: 0 15px 10px 15px;
 +  animation:  ad-text-anim 1s 1 ease;
 +  animation-delay: 1s;
 +  animation-fill-mode: backwards;
 +}
 +
 +.ad-unit-button {
 +  margin-bottom: 0;
 +  width: 100%;
 +  box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
 +  border: 0;
 +  border-radius: 3px;
 +  font-weight: bold;
 +}
 +
 +
 +@keyframes ad-title-anim {
 +  0%   { opacity: 0; transform: translateY(50%); }
 +  100% { opacity: 1; }
 +}
 +
 +@keyframes ad-text-anim {
 +  0%   { opacity: 0; transform: scale(.7, .7); }
 +  100% { opacity: 1; transform: scale(1, 1);}
 +}

diff --cc docs/pages/kitchen-sink.md
Simple merge

diff --cc package.js
Simple merge

diff --cc scss/foundation.scss
Simple merge

diff --cc scss/settings/_settings.scss
index 650c14f4754f6e7b4c32f0fb39bc6030cea910a4,f8180ad35555adfe62589f39853dcf80f123d1eb..85643d6f1d5ed8b36796077eca68c667da477bd0
--- 1/scss/settings/_settings.scss
--- 2/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@@ -442,10 -431,9 +435,10 @@@ $pagination-item-color-current: foregro
  $pagination-item-color-disabled: $medium-gray;
  $pagination-ellipsis-color: $black;
  $pagination-mobile-items: false;
 +$pagination-mobile-current-item: false;
  $pagination-arrows: true;
  
- // 27. Progress Bar
+ // 26. Progress Bar
  // ----------------
  
  $progress-height: 1rem;