@import '~iview/src/styles/index.less';

/*
修改侧栏颜色
*/
@menu-dark-title: #fff;
@menu-dark-active-bg: #c4d0eb;      
@layout-sider-background: #fff;
@layout-header-background: rgb(255, 255, 255);
           
/*
修改iview样式主题色
*/
@primary-color          : #486dbe;
@info-color             : #2db7f5;
@warning-color          : #EDA008;
@link-color             : rgb(236, 167, 27);


/*
修改quilEditor样式
*/
#app{
  .content-layer {
    padding: 18px;
  background-color: #fff;
  border-radius: 8px;
  }
  .content-layer.min-h{
    min-height: ~"calc(100vh - 110px)"
  }
  
  a {
    color: #0453ff;
  }
  .edit_container,
  .quill-editor {
    height: 300px;
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: "14px";
  }
  
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
    content: "10px";
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
    content: "18px";
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
    content: "32px";
  }
  
  .ql-snow .ql-picker.ql-header .ql-picker-label::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: "文本";
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: "标题1";
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: "标题2";
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: "标题3";
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: "标题4";
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: "标题5";
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: "标题6";
  }
  
  .ql-snow .ql-picker.ql-font .ql-picker-label::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: "标准字体";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
    content: "衬线字体";
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
    content: "等宽字体";
  }
  .ivu-input-number {
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
  .ivu-input-number-handler {
    height: 20px;
  }
  .ivu-input-number-handler-up-inner, .ivu-input-number-handler-down-inner {
    line-height: 19px;
  }
  .ivu-radio-wrapper {
    font-size: 14px;
  }
  .ivu-radio-group {
    font-size: 23px;
  }
}

/**
*表单样式
*/

.necessary::before {
  content: "*";
  color: red;
}

.underline {
  input {
   width: auto;
   border: 1px solid #333 !important;
   border-top: none !important;
   border-left: none!important;
   border-right: none!important;
   border-radius: 0;
   font-size: 14px;
   width: 100%;
 }
 input:focus{
   outline:none !important;
   box-shadow: 0 0 0 2px transparent !important;
 }
 .ivu-select-selection {
  border-color: transparent;
  border-bottom: 1px solid #333;
  border-radius: 0px;
  box-shadow: none !important;
 }
 .ivu-select-visible .ivu-select-selection {
   border-color: transparent;
   border-bottom: 1px solid #333;
 }
}