hy-checkbox/lib/TimePicker/timePicker.less

checkbox & radio ui components for react

/*
 * @Author: SiMeiyu 
 * @Date: 2017-07-04 10:07:48 
 */ 

@import "../../app/variables.less";

.@{ult-prefix}-timePicker {
  width: 100%;
  display: inline-block;
  > .rc-time-picker-input {    
    background-color: @input-bg;
    background-image: none;
    border: 1px solid @input-border;
    border-radius: @border-radius;
    color: @input-color;
    display: inline-block;
    width: 100%;
    height: @base-space * 4;
    padding: @base-space / 2 @base-space;
    font-size: @font-size-base;
    line-height: @base-space * 3 - 2px;
    transition: border-color 0.15s ease-in-out 0s;
    &:focus {
      border-color: @primary;
    }
    // &[readonly],
    &[disabled] {
      background-color: @input-disable-bg;
      border-color: @input-disable-border;
      color: @input-disable-color;
      cursor: not-allowed;
    }
    
    &::-moz-placeholder {
        color: @text-disable;
    }
    &:-ms-input-placeholder {
        color: @text-disable;
    }
    &::-webkit-input-placeholder {
        color: @text-disable;
    } 
  }
  &-panel {
    padding: 34px 0;
  }
}