Markionium/data-dictionary

@import "compass";
@import "breakpoint";
@import "susy";

@import "../jspm_packages/npm/d2-angular/scss/d2-angular";

body {
  @include container();
}

.side-bar {
  @include span(2 of 9);
}

.main-content {
  @include span(7 of 9 last);
  padding-right: 3rem;
}

.sidenav {
  font-size: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;

  li a {
    width: 100%;
    text-align: left;
    display: block;
    text-transform: none;
  }
}

.d2-form-fields {
  .d2-input {
    width: 100%;
  }
}

.list-view {
  .add-button {
    float: right;
  }
}

.form-actions {
  .d2-button {
    padding: .25rem 3rem;
  }
}