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         -webkit-margin-before: -20px; // compensate for Chrome behavior for ol > li > table
  16     }
  17
  18     .content {
  19         display: table-cell;
  20         width: calc(~'100% - 40px');
  21         padding: 10px 10px;
  22         cursor: default;
  23
  24         .dragEnter {
  25             opacity: 0.5;
  26         }
  27     }
  28
  29     .handle {
  30         vertical-align: middle;
  31         display: table-cell;
  32         width: 20px;
  33         background-color: @exercise-order-gray;
  34         text-align: center;
  35         border-radius: 0 5px 5px 0;
  36         padding: 10px 10px;
  37         pointer-events: none;
  38
  39         .dragEnter {
  40             opacity: 0.5;
  41         }
  42     }
  43
  44     .placeholder {
  45         height: 10px;
  46         transition: height 0.05s;
  47         background-color: transparent;
  48         &.active {
  49             height: 60px;
  50             transition: height 0.05s;
  51             background-color: lighten(@blue,40%);
  52             border: 1px dashed @blue;
  53         }
  54         width:100%;
  55     }
  56
  57     .placeholder-top {
  58         margin-left: 25px;
  59     }
  60
  61     li {
  62         cursor: move;
  63         .dragged {
  64             opacity: 0.6;
  65         }
  66     }
  67
  68     .nav-tabs > .active > a {
  69         background-color: @exercise-order-gray;
  70     }
  71 }