catalog-ui/app/scripts/view-models/modals/email-modal/email-modal.less

   1 .w-sdc-modal-email {
   2
   3     .w-sdc-modal-body {
   4         border-bottom: none;
   5     }
   6
   7     form.w-sdc-form{
   8         padding: 0;
   9
  10         .i-sdc-form-item {
  11             clear: both;
  12             label {
  13                 min-height: 30px;
  14                 padding-top: 4px;
  15             }
  16
  17             .col-sm-10 {
  18                 padding-right: 0;
  19             }
  20
  21         }
  22
  23         .w-sdc-modal-body-email {
  24             border-style: solid;
  25             border-width: 1px;
  26             border-color:  @color_e;
  27             box-sizing: border-box;
  28             width: 100%;
  29             height: 127px;
  30         }
  31
  32         label {.m_14_m; text-align: left;}
  33         input {.m_14_r;}
  34         textarea {.m_14_r;}
  35         /* I made the subject and to fields as input (for future use), but for now they look like labels: */
  36         input:disabled {
  37             .bg_c;
  38             border: none;
  39         }
  40     }
  41
  42     .w-sdc-modal-action {
  43         background-color: @main_color_p;
  44         padding: 0 13px 0 0;
  45         height: 90px;
  46         line-height: 65px;
  47
  48         button {width: 174px;}
  49     }
  50
  51     .w-sdc-form .i-sdc-form-item label.required::before {
  52         position: absolute;
  53         left: -13px;
  54     }
  55
  56 }