src/wolnelektury/static/scss/social/shelf_tags.scss

   1 .social-shelf-tags {
   2     list-style: none;
   3     padding: 0;
   4     margin: 10px 0;
   5
   6     @include min-screen($S_BOOK_SHORT_FULL) {
   7         position: absolute;
   8         top: 134px;
   9         left: 152px;
  10         padding: 10px 10px 5px 10px;
  11         margin: 10px 0;
  12         width: 310px;
  13         overflow: hidden;
  14         text-overflow: ellipsis;
  15         white-space: nowrap;
  16
  17         &:hover {
  18             overflow: visible;
  19             text-overflow: ellipsis;
  20             white-space: normal;
  21             z-index: 1000;
  22             background: #fff;
  23             box-shadow: 0 0 2px #ddd;
  24         }
  25     }
  26
  27     li {
  28         display: inline-block;
  29         margin-right: .5em;
  30         margin-bottom: .5em;
  31
  32         a {
  33             display: block;
  34             padding: .2em .9em;
  35             background: #ABDADE;
  36             color: #08646b;
  37             border-radius: 1em;
  38         }
  39     }
  40 }