.contextual-info {
  position: relative;
  clear: both;
  padding-bottom: $gutter-two-thirds;
  @include ig-core-16;

  nav {
    overflow: hidden;

    li {
      list-style-position: inside;
      padding-right: $gutter-half;
      padding-top: $gutter-one-sixth;

      @media (min-width: 1px ){ // target modern browsers
        margin-left: $gutter-half;
        list-style: none;
        &:before {
          content: "-";
          position: relative;
          float: left;
          width: $gutter-half;
          margin-left: $gutter-half*-1;
        }
      }
    }

    @include media(tablet){
      overflow: visible;

      li {
        float: none;
        padding-right: 0;
      }
    }
  }
  a {
    vertical-align: top;
  }
  p {
    @include ig-core-16;
  }
}

.contextual-info {
  position: relative;
  clear: both;
  padding-bottom: $gutter-two-thirds;
  @include ig-core-16;

  nav {
    overflow: hidden;

    li {
      list-style-type: disc;
      margin-left: $gutter-half;
      padding-right: $gutter-half;
      padding-top: $gutter-one-sixth;

      @media (min-width: 1px ){ // target modern browsers
        list-style-type: none;
        &:before {
          content: "-";
          position: relative;
          float: left;
          width: $gutter-half;
          margin-left: $gutter-half*-1;
        }
      }
    }

    @include media(tablet){
      overflow: visible;

      li {
        float: none;
        padding-right: 0;
      }
    }
  }
  a {
    vertical-align: top;
  }
  p {
    @include ig-core-16;
  }
}

Improve contextual nav for older browsers
Improve contextual nav for older browsers

We’re using a media min-width hack to apply some styles to browsers
that support media queries. These style use pseudo elements to create a
list item with a dash.

In older browsers, IE8 and below, users were seeing a numbered list,
which would render poorly when numbers got into double digits.

* Use a `disc` style rather than numbers to match intention of modern
browser styles
* Make the list position outside (the default), move the margin clause
outside of the media query as it now applies to both, and simplify the
list-style reset to only affect the type not the position.
