efview-plus/src/styles/common.less

A high quality Service UI components Library with Vue.js

@primary-color          : #AF292E;
@info-color             : #4D4E53;
@warning-color          : #F3B352;
@success-color          : #9DC56A;
@text-color             : #303133;
@asterisk-color         : #EE1616;
@main-btn-disabled-color: #FFB5B8;
@table-th-font-size:13px;
@table-td-font-size:13px;

@form-item-margin-bottom:7px;
@form-item-margin-top:7px;
@font-size-small:13px;
@font-size-base:13px;
@table-th-default-height:36px;
@table-footer-default-height: 36px;
@table-td-default-height:36px;
@table-td-highlight-bg:#FFF3F3;
@table-td-hover-bg:#FBF4F4;
@input-disabled-bg: #F5F7FA;
@modal-header-padding:16px 14px;
@modal-body-padding:16px 14px;
@table-td-stripe-bg:#FAFCFF;
@border-color-base:#DCDFE6;
@table-thead-bg:#F5F7FA;
@text-grey:#636569;
@boder-color:#DCDFE6;
@btn-icon-size:12px;
@btn-font-size:13px;
@btn-padding-base:0px 12px;
@btn-disable-color      : #A8ABB2 ;
@btn-disable-bg         : #F5F7FA;
@btn-default-color      : #606266;
@btn-ghost-color        : #606266;
@input-disabled-font-color:#A8ABB2;
@efuture-checkbox-padding:8px;
@efuture-radiogroupbox-padding:8px;
@btn-border-radius:2px;
@body-background: none;
.gridcelrow:hover {
    background-color:#FBF4F4;
}
.ivu-anchor-link {
    border-left: 4px solid #fff
 }
.ivu-anchor-link.ivu-anchor-link-active {
   border-left: 4px solid #AF292E
}

.ivu-badge-count.badgeclass {
    background:#fff !important;
    border:1px solid #ed4014 !important;
    color:#ed4014 !important;
}

::-webkit-scrollbar{
    height: 10px;
    width: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border-style: dashed;
    border-color: transparent;
    border-width: 2px;
    background-color: #ccc;
    background-clip: padding-box;
}
 
::-webkit-scrollbar-thumb:hover {
    background:  #ccc;
}