bemusic/bemuse

View on GitHub
bemuse/src/app/ui/MusicInfoTabInformation.scss

Summary

Maintainability
Test Coverage
@import '~bemuse/ui/common';

.MusicInfoTabInformation {
  overflow: hidden;
  &のbuttons {
    margin: 0;
    float: right;
    > a {
      display: inline-block;
      padding: 0 0.5em;
      line-height: 2em;
      color: #555;
      text-decoration: none;
      background: rgba(#aaa, 0.3);
      border: 1px solid rgba(#aaa, 0);
      transition: 0.3s color, 0.3s background-color, 0.3s border-color;
      margin-left: 0.3em;
      &:hover {
        background: #fff;
        color: $link-color;
        border-color: rgba(#aaa, 0.5);
      }
    }
  }
  &のartist {
    margin: 0;
    display: inline-block;
    padding-top: 0.2em;
    span {
      color: #666;
      font-size: 0.8em;
      text-transform: uppercase;
      margin-right: 0.5ex;
    }
    > strong {
      font-size: 1.3em;
    }
  }
  .YouTube {
    margin-top: 1ex;
  }
  &のreadme {
    clear: both;
    font-size: 0.9em;
    @include scrolling-x;
    pre {
      white-space: pre-wrap;
    }
  }
}