polestar-ui-kit
Version:
## Install
143 lines (136 loc) • 5.44 kB
text/less
/**
* Polestar CSS
*/
@import '~antd/lib/steps/style/index';
@import '../../themes/default/index';
@import '../../mixins/index';
@import "../steps/index";
@import '../button/index';
@import "../modal/index";
@import "../window/index";
@dialog-prefix-cls: ~'@{ant-prefix}-modal';
@table-prefix-cls: ~'@{ant-prefix}-table';
@wizard-prefix-cls: ~"@{polestar-prefix}-wizard";
.@{wizard-prefix-cls} {
&-modal {
.@{dialog-prefix-cls} {
&-body {
padding: 0;
}
}
.@{wizard-prefix-cls} {
&-grid {
margin: 0 auto;
width: 100%;
// .@{steps-prefix-cls}-item {
// &-icon {
// cursor: pointer;
// }
// &-wait {
// .@{steps-prefix-cls}-item-icon {
// cursor: not-allowed;
// }
// }
// }
}
&-contents {
padding: 15px 20px;
}
&-review {
// margin: 0 0 0 20px;
// border: @border-width-base @border-style-base @border-color-split;
// border-radius: @border-radius-base;
// margin: 20px;
&-wrapper {
margin: 0 0 10px 0;
}
&-title {
margin: 0 0 2px 0;
color: @gray-6;
}
.@{table-prefix-cls} {
&-small {
border: @border-width-base @border-style-base @gray-3;
table {
padding: 0;
font-size: @font-size-base - 1px;
}
> .@{table-prefix-cls}-content {
> .@{table-prefix-cls}-header > table,
> .@{table-prefix-cls}-body > table,
> .@{table-prefix-cls}-scroll > .@{table-prefix-cls}-header > table,
> .@{table-prefix-cls}-scroll > .@{table-prefix-cls}-body > table,
> .@{table-prefix-cls}-fixed-left > .@{table-prefix-cls}-header > table,
> .@{table-prefix-cls}-fixed-right > .@{table-prefix-cls}-header > table,
> .@{table-prefix-cls}-fixed-left > .@{table-prefix-cls}-body-outer > .@{table-prefix-cls}-body-inner > table,
> .@{table-prefix-cls}-fixed-right > .@{table-prefix-cls}-body-outer > .@{table-prefix-cls}-body-inner > table {
> .@{table-prefix-cls}-thead > tr > th,
> .@{table-prefix-cls}-tbody > tr > td {
padding: @table-padding-vertical*2/5 @table-padding-horizontal;
}
}
}
}
.@{wizard-prefix-cls}-table-label {
background: @gray-2;
width: 150px;
max-width: 200px;
border-right: @border-width-base @border-style-base @gray-3;
text-align: right;
}
&-tbody > tr > td {
border-bottom: @border-width-base @border-style-base @gray-3;
}
&-tbody > tr:last-child > td {
border-bottom: none;
}
&-thead > tr,
&-tbody > tr {
&.@{table-prefix-cls}-row-hover,
&:hover {
& > td {
background: none;
}
.ps-wizard-table-label {
background: @gray-2;
}
}
}
}
}
&-steps {
padding: 20px;
border-right: @border-width-base @border-style-base @border-color-split;
}
&-actions {
display: flex;
flex-direction: row;
justify-content: flex-end;
margin: 0 auto;
height: 100%;
}
}
}
&-window {
.@{wizard-prefix-cls} {
&-actions {
display: flex;
flex-direction: row;
justify-content: flex-end;
margin: 0 auto;
height: 100%;
}
}
}
.@{wizard-prefix-cls} {
&-grid {
.ant-steps {
.ant-steps-item {
&.ant-steps-item-disabled {
opacity: 0.5;
}
}
}
}
}
}