.settings-view {
  .settings-panel label,
  .breadcrumb,
  .setting-title,
  .package-readme {
    font-size: inherit;
  }
  .section-container {
    max-width: 60rem;
  }
  .config-menu {
    background: @level-3-bg;
    .nav > li > a:hover {
      background: transparent;
    }
  }
  .form-control {
    height: @component-line-height * @scale-a;
    padding: 0;
    line-height: @component-line-height * @scale-a;
    border-radius: @component-border-radius;
    max-width: 40rem;
  }
  atom-text-editor.mini {
    background: @level-2-bg;
  }

  .link {
    &,
    &:hover {
      color: @fg-highlight;
    }
  }

  .section:first-of-type {
    border-top: none;
  }

  section .section-heading,
  .section .section-heading {
    font-size: @scale-a-xl * 1rem;

    &.icon:before {
      font-size: 24px;
      height: 24px;
      width: 24px;
    }
  }


  .package-card {
    font-size: inherit;
    background: @level-2-bg;
    &:hover {
      background: @level-1-bg;
    }

    .card-name {
      a {
        color: @fg-highlight;
      }
    }
    .package-name,
    .package-description {
      line-height: @scale-a-l * 1rem;
    }
    .meta-user .avatar {
      height: @component-line-height;
      width: @component-line-height;
    }
    .meta-controls .status-indicator{
      max-height: @component-line-height;
    }
  }


  //alerts like "checking for updates"
  .alert-mixin (@bg, @fg) {
    color: @fg;
    border-color: @bg;
    background-color: transparent;
  }
  .alert         { .alert-mixin( @base-fg, @base-fg ); }
  .alert-success { .alert-mixin( @bg-success, @fg-success ); }
  .alert-info    { .alert-mixin( @bg-info, @fg-info ); }
  .alert-warning { .alert-mixin( @bg-warning, @fg-warning ); }
  .alert-danger  { .alert-mixin( @bg-error, @fg-error ); }

  .checkbox {
    font-size: 1rem;
    padding-left: 2rem;

    input[type="checkbox"] {
      margin-left: -2rem;
      &:checked {
        background: @fg-success;
      }
    }
  }
}
