canvas-lms/app/stylesheets/quick_start_bar.scss

@import 'environment';

// Can remove this when we upgrade to bootstrap 2.0.3
$boxSizingBaseLineHeight: $baseLineHeight + 8;

.quickStartBar {
  margin-top: -1em; // this resets the padding on #content
  font-size: 14px;
  min-height: 118px;
  color: inherit;
  /* hide box-shadow */
  overflow: hidden;

  textarea {
    @include box-sizing(border-box);
  }
  input[type=text] {
    @include box-sizing(border-box);
    height: $boxSizingBaseLineHeight;
  }
  .pick-an-item {
    padding-top: 4px;
    padding-bottom: 4px;
    background: #fff;
    font-weight: bold;
  }


  /* kill bootstrap stuff */
  .nav {
    margin: 0;
    margin-left: 20px;
    border: none;

    /* kill bootstrap stuff */
    > li > a {
      line-height: 22px;
      font-size: 12px;
      color: #8d8d8d;
      border: none;

      /* kill bootstrap stuff */
      &:hover,
      &.active {
        border: none;
        background: inherit;
        color: $black;
      }
    }
  }

  .new-text {
    font-size: 16px;
    display: block;
    padding: 9px 4px 4px 22px;
    color: #000;
  }

  /* override default datetime_suggest styles */
  .datetime_suggest {
    display: inline;
    margin-left: 10px;
    font-weight: normal;
//    color: $blueGray;
  }

  [class*=icon-], [class^=icon-] {
    margin-right: 5px;
  }

  &.not-expanded input, &.not-expanded textarea {
    // too much space under when not expanded
    margin-bottom: 0;
  }

  .contextSearch {
    width: 100%;
  }

}

// kill bootstrap styles
.newItemForm {
  margin-bottom: 0;
}

.not-expanded .expander textarea {
  height: $boxSizingBaseLineHeight;
  overflow: hidden;
}

.expandee {
  display: none;
  .expanded & {
    display: block;
  }
}