www.aleph1.co.uk Git - yaffs-website/blob - web/themes/custom/yaffs/scss/component/_file.scss

   1 /**
   2  * File (and Image Widget) styles.
   3  */
   4 .file {
   5   display: table;
   6   font-size: 75%;
   7   font-weight: 700;
   8   margin: 5px 0;
   9   width: 100%;
  10   > span {
  11     background: #fff;
  12     color: $brand-primary;
  13     border-bottom: 1px solid $input-border;
  14     border-top: 1px solid $input-border;
  15     &:first-child {
  16       border-left: 1px solid $input-border;
  17     }
  18     &:last-child {
  19       border-right: 1px solid $input-border;
  20     }
  21   }
  22   > .tabledrag-changed {
  23     &, &:last-child {
  24       border: 1px solid darken($alert-warning-border, 5%);
  25     }
  26     background: $alert-warning-bg;
  27     border-radius: 0;
  28     color: $alert-warning-text;
  29     display: table-cell;
  30     padding: 0 1em;
  31     top: 0;
  32     vertical-align: middle;
  33     border-left: 1px solid inherit;
  34   }
  35 }
  36 .file-icon {
  37   display: table-cell;
  38   font-size: 150%;
  39   padding: .25em .5em;
  40   text-align: center;
  41   vertical-align: middle;
  42 }
  43 .file-link {
  44   display: table-cell;
  45   vertical-align: middle;
  46   width: 100%;
  47   a, a:hover, a:focus, a:active {
  48     color: inherit;
  49   }
  50 }
  51 .file-size {
  52   display: table-cell;
  53   padding: 0 1em;
  54   text-align: right;
  55   white-space: pre;
  56   vertical-align: middle;
  57 }
  58
  59 .image-widget.row {
  60   overflow: hidden;
  61 }