gmanley/loggia

View on GitHub
app/assets/stylesheets/albums.css.scss

Summary

Maintainability
Test Coverage
.rss-link {
  float: left;
  padding-top: 10px;
  padding-left: 10px }

#recent-albums {
  margin-bottom: 20px;
  border-top: 10px solid #686765;
  border-bottom: 10px solid #686765;
  box-shadow: 0 0 4px #aaaaaa inset;
  border-radius: 5px;
  padding: 5px;
  h3 { text-align: center } }

.grid-container { margin: 0 auto }

.grid-item {
  float: left;
  margin-bottom: 15px;
  width: 285px;
  border: 1px solid #e8e8e8;
  box-shadow: 1px 6px 12px -6px #c6c6c6;
  border-radius: 5px;
  background: #fff;

  &:hover { box-shadow: 1px 6px 12px -6px #888 }

  &.album {
    display: inline-block;

    .cover {
      overflow: hidden;
      height: 285px;
      border-radius: 5px 5px 0 0;
      display: block }

    .info {
      border-top: 1px solid #E5E5E5;
      padding: 10px;

      .stats {
        margin-top: 3px;
        clear: both;
        float: left;
        .stat-block { margin-right: 10px } } }

    .item-link {
      height: 20px;
      font-size: 14px;
      font-weight: bold;
      float: left;
      overflow: hidden } } }

.show {
  #images_source_filter {
    margin: 18px 0 27px;
    .accordian-heading { padding: 5px } }

  .page-header {
    @include fluid-span(12);
    float: left;
    .favorite-toggle:hover { opacity: .8 } }

  .selection {
    position: absolute;
    border: 1px solid #8B9;
    background-color: #BEC }

  .selected {
    opacity: 0.8;
    background-color: #EBC;
    border: 3px solid #B89 }

  .selecting {
    background-color: #CEB;
    border-color: #9B8 }

  #filter_album_images .checkbox { font-weight: bold }

  button [class^='icon-'] { padding-right: 5px }

  .pagination {
    float: left;
    clear: both }

  #thumbnails-wrapper {
    border-bottom: 1px solid #EEE;
    float: left } }