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

   1 .exercise-order {
   2
   3     overflow-x: hidden;
   4
   5     .description {
   6         margin-bottom: 20px;
   7     }
   8
   9     .wrapper {
  10         display: table;
  11         width: 100%;
  12         border-radius: 5px;
  13         background-color: #ddd;
  14         -webkit-margin-before: -20px; // compensate for Chrome behavior for ol > li > table
  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: darken(#ddd, 15%);
  33         text-align: center;
  34         border-radius: 0 5px 5px 0;
  35         padding: 10px 10px;
  36         pointer-events: none;
  37
  38         .dragEnter {
  39             opacity: 0.5;
  40         }
  41     }
  42
  43     .placeholder {
  44         height: 10px;
  45         transition: height 0.05s;
  46         background-color: white;
  47         &.active {
  48             height: 60px;
  49             transition: height 0.05s;
  50             background-color: lighten(@blue,40%);
  51             border: 1px dashed @blue;
  52         }
  53         width:100%;
  54     }
  55
  56     .placeholder-top {
  57         margin-left: 25px;
  58     }
  59
  60     li {
  61         cursor: move;
  62         .dragged {
  63             opacity: 0.6;
  64         }
  65     }
  66 }