Flex navigation

flex-navigation.scss

/*
* Mobile styles
*
*/

@media screen and (max-width: 1000px) { 
  html {
    &.no-scroll {
        overflow: hidden;
      }
      .flex-scroll {
        display: inline-block;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 10px;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
      }
      .flex {
        display: flex;
        flex-wrap: nowrap; 
      }
      
      .flex-nav-item {
          list-style-type: none;
          flex: 0 0 auto;
          margin-right: 10px;
          width: 90%;
      }
  }
}