src/editor/plugins/core/edumed/order/order.less

   1 @exercise-order-gray: darken(#ddd, 15%);
   2 .exercise-order {
   3
   4     overflow-x: hidden;
   5
   6     .description {
   7         margin-bottom: 20px;
   8     }
   9
  10     .wrapper {
  11         display: table;
  12         width: 100%;
  13         border-radius: 5px;
  14         background-color: #ddd;
  15     }
  16
  17     .content {
  18         display: table-cell;
  19         width: calc(~'100% - 40px');
  20         padding: 10px 10px;
  21         cursor: default;
  22
  23         .dragEnter {
  24             opacity: 0.5;
  25         }
  26     }
  27
  28     .handle {
  29         vertical-align: middle;
  30         display: table-cell;
  31         width: 20px;
  32         background-color: @exercise-order-gray;
  33         text-align: center;
  34         border-radius: 0 5px 5px 0;
  35         padding: 10px 10px;
  36
  37         .dragEnter {
  38             opacity: 0.5;
  39         }
  40     }
  41
  42     .placeholder {
  43         height: 10px;
  44         transition: height 0.05s;
  45         background-color: transparent;
  46         &.active {
  47             height: 60px;
  48             transition: height 0.05s;
  49             background-color: lighten(@blue,40%);
  50             border: 1px dashed @blue;
  51         }
  52         width:100%;
  53     }
  54
  55     ol {
  56         margin: 0;
  57         counter-reset: edumed-order-counter;
  58     }
  59     ol li {
  60         list-style-type: none;
  61         cursor: move;
  62         .dragged {
  63             opacity: 0.6;
  64         }
  65     }
  66
  67     .nav-tabs > .active > a {
  68         background-color: @exercise-order-gray;
  69     }
  70 }