Contents

.Chaos-Map-Container{
  display: flex;
  #Chaos-Map{
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .Chaos-Map-Overlay{
    @media screen and (min-width: 900px){
      left:auto;
      right: 0;
    }
    position: absolute;
    max-width: 100vw;
    max-height: 100vh;
    z-index: 2;
    top:0;
    left: 0;
    .Action-List{
      display: flex;
      @media screen and (min-width: 900px){
        flex-direction: column;
        max-width: 30vw;
        overflow-y: scroll;
        overflow-x: auto;
      }
      max-height: 100vh;
      overflow-x: scroll;
      .Action{
        &.first{
          box-shadow: 0 5px 10px $brand-color;
          order: -2;
        }
        @media screen and (min-width: 900px){
          flex-basis: auto;
        }
        flex: 0 0 200px;
      }
    }
  }
}
#map{
    height: 80vh;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
}
#national-climate-justice-memorial{
  order: -1;
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
jekyll-theme-chaos-0.1.1	_sass/chaos/map.scss
jekyll-theme-chaos-0.1.0	_sass/chaos/map.scss