@import 'theme';

.package-wrapper {
}

.package {
  padding: 1.5em;
  border: 5px solid #f0f0f0;
  border-radius: 5px;
  margin-bottom: 20px;
  min-height: 100px;
  transition: all 0.4s;
  background-color: #f0f0f0;
  h2 a {
    color: inherit;
    &.organization-name {
      font-weight: normal;
    }
    &:hover {
      text-decoration: underline;
    }
  }
  &:hover {
    background-color: white;
    border-color: $link_color;
    box-shadow: 0 15px 15px -15px #333;
    h2 a {
      color: $link_color;
    }
  }
  img.package-icon {
    float: left;
    margin-right: 1.5em;
  }
  div.package-meta {
    float: right;
    span, a {
      background-color: #f0f0f0;
      border-radius: 5px;
      padding: 2px 6px;
      margin-left: 0.8em;
      text-shadow: 0 1px 0 white;
      color: inherit;
    }
  }
  .package-stars {
    i.fa {
      transition: transform 0.4s;
      color: #ccc;
    }
    &.starred i.fa {
      color: goldenrod;
      transform: rotate(72deg);
    }
  }
  pre.resource {
    background: #fafafa;
    padding: 1em;
  }
}
