hy-checkbox/lib/Detail/detail.less

checkbox & radio ui components for react

@import "../../app/variables.less";
.@{ult-prefix}-detail-panel{
   .@{ult-prefix}-panel-content{ padding: @base-space*2;}
}
.@{ult-prefix}-detail-list{ 
    padding: 0;margin:0; list-style: none;
    li{clear: both; margin-bottom: 3px;
      label {margin: 0;width:25%;text-align: right;white-space: nowrap;margin-right: 10px;font-size: 12px;line-height: 26px;font-weight: bold; float: left; color: rgba(0,0,0,0.75);}
      .@{ult-prefix}-detail-content {line-height: 26px;display: table; color: rgba(0,0,0,0.65);font-size: 12px;
          span{font-size: 12px;}
          span.badge{width: 8px; height: 8px; border-radius:50%; display: inline-block; padding: 0; min-width: auto; margin: 0 8px 0 0;}
         .bg-primary{ background:  @primary;}
         .bg-warning{ background:  @warning;}
         .bg-danger{ background: @danger;}
         .bg-success{ background: @success;}
         p {padding: 0;position: relative; font-size: 12px; 
          i.icon-error-o {cursor: pointer;font-size: 12px;margin-left: 16px;color: @text-body;}
         }
      }
    }
}