.dashboard { flex-grow: 1; height: 100%; overflow: auto; .portlet-without-title{ width: 100%; } .ivu-row{ .ivu-card{ .ivu-card-head{ border-bottom:0; p{ display: flex; height: 24px; align-items: center; .line{ width:100%; border-bottom: 1px solid #e8eaec; margin-left: 14px; } } } } } } // this is less .container-backgroundcolor-blue{ >.ivu-row{ >.ivu-col{ >.portlet-without-title{ >.portlet-card{ background-color: #1890ff; } } } } } .container-backgroundcolor-green { >.ivu-row{ >.ivu-col{ >.portlet-without-title{ >.portlet-card{ background-color: #52c41a; } } } } } .container-backgroundcolor-orange { >.ivu-row{ >.ivu-col{ >.portlet-without-title{ >.portlet-card{ background-color: #fa8c16; } } } } } .container-backgroundcolor-none { >.ivu-row{ >.ivu-col{ >.portlet-without-title{ >.portlet-card{ background-color: #f0f2f5; box-shadow: none; } } } } }