Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.2.14)
// Compass (v0.12.2)
// ----

html, body, .app {
  width: 100%;
}

html, body, .app, .map, .sidebar {
  height: 100;
}

.sidebar {
  width: 30%;
}

.map {
  width: 70%;
}

.legend {
  .title {
    font-size: 3rem;
    border-bottom: 1px solid gray;
  }
  ul {
    li  {
      font-size: 1.5rem;
    }
    li + li {
      border-bottom: 1px solid gray;
    }
  }
  .about {
    h1, h2, h3, h4, h5, h6 {
      text-transform: uppercase;
      small {
        text-transform: none;
        color: gray;
      }
    }
  }
}

SassMeister-output.css

html, body, .app { width: 100%; }

html, body, .app, .map, .sidebar { height: 100; }

.sidebar { width: 30%; }

.map { width: 70%; }

.legend .title { font-size: 3rem; border-bottom: 1px solid gray; }
.legend ul li { font-size: 1.5rem; }
.legend ul li + li { border-bottom: 1px solid gray; }
.legend .about h1, .legend .about h2, .legend .about h3, .legend .about h4, .legend .about h5, .legend .about h6 { text-transform: uppercase; }
.legend .about h1 small, .legend .about h2 small, .legend .about h3 small, .legend .about h4 small, .legend .about h5 small, .legend .about h6 small { text-transform: none; color: gray; }