Contents

/* Smooth out any changes made from media queries */
* {
  transition: margin .3s;
}

/* Large (iPad) and below,  * remove the extra space around <main> */
/*                          * disabled the fixed nav */
@media screen and (max-width:80em) {
  body {
    margin-bottom: 2em;      /* space for footer only */
  }

  main {
    margin: 0;
    transition: margin 0s;
  }

  #main {
    border-width: 0 !important;
    box-shadow: none;
  }

  nav {
    position: relative;
    top:0;
    transition: margin 0s;
  }

  #notice, #alert {
    margin-top: 0;
  }

  html {
    background-image: none !important;
    background-color: rgb(255, 250, 242) !important;  /* color copied from main */
    transition: background-color .6s; /* Reduce the color jump */
  }
}


/* Pure Small */
@media screen and (max-width:48em) {

  /* Nav with 1 or 0 items in ul.right */
  nav #nav ul.right {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
  }

  /* Nav with 2 or more menu items has_hamburger added via javascript */
  nav #nav ul.has_hamburger {
    position: relative;
    background-color: rgba(0, 82, 136, .98);
    top: 0;
    right: 0;
    display: none;
    clear: both;  /* Make sure to drop the menu down below the nav even if it would otherwise fit. */
  }
  nav #nav ul.right {
    float: right;
  }

  #nav #hamburger {
    display: block;
  }

}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
dfm_web-2.0.2	app/assets/stylesheets/dfm_web/layout_media.css
dfm_web-2.0.1	app/assets/stylesheets/dfm_web/layout_media.css
dfm_web-2.0.0	app/assets/stylesheets/dfm_web/layout_media.css