@fle-ui/pro-layout

Version:

@fle-ui/pro-layout

29 lines (25 loc) • 637 B

text/less

@prefix-cls: 'pro-card';
@prefix-cls-ghost: ~'@{prefix-cls}-ghost';
@prefix-cls-center: ~'@{prefix-cls}-center';
@prefix-cls-inner: ~'@{prefix-cls}-inner';
@prefix-cls-wrapper: ~'@{prefix-cls}-wrapper';
@prefix-cls-horizontal-wrapper: ~'@{prefix-cls}-horizontal-wrapper';
@prefix-cls-vertical-wrapper: ~'@{prefix-cls}-vertical-wrapper';

.pro-card {
  .ant-card-body {
    padding: 20px;
  }
}

.@{prefix-cls-ghost} {
  background-color: transparent;
}
.@{prefix-cls-center} {
  .ant-card-body {
    display: flex;
    justify-content: center;
  }
}

.@{prefix-cls-vertical-wrapper} {
  flex-direction: column;
  align-items: stretch;
}