resources/sass/results.scss

   1 .results {
   2         .result {
   3                 padding: 1ex;
   4
   5                 .user-box {
   6                         margin-right: 1ex;
   7                 }
   8
   9                 .status {
  10                         display: flex;
  11                         position: relative;
  12                         align-items: center;
  13                         justify-content: space-between;
  14                         margin-top: 1ex;
  15                         padding: 0.5em;
  16                         width: 100%;
  17                         min-width: 15ex;
  18                         border: none;
  19                         border-radius: 1ex;
  20                         background: $dark;
  21                         color: $light;
  22
  23                         box-shadow: none;
  24                         transition: top 0.15s ease-in-out;
  25                         &.has-comment {
  26                                 box-shadow: 0 0.5ex 0 $info;
  27                         }
  28                         &:active {
  29                                 box-shadow: none;
  30                                 top: 0.5ex;
  31                         }
  32
  33                         .time {
  34                                 min-width: 9ex;
  35                                 height: 1.6em;
  36                                 border-radius: 0.5ex;
  37                                 padding: 0 0.5ex;
  38                         }
  39                         &.finished .time {
  40                                 background: $secondary;
  41                         }
  42                 }
  43
  44                 .vod-link {
  45                         margin-top: 1ex;
  46                         margin-left: 0.5ex;
  47                         padding: 0.5em;
  48                         border-radius: 1ex;
  49                 }
  50         }
  51 }