badguardhome/client2/src/lib/ant/Step.pcss
Eugene Burkov 5e20ac7ed5 Pull request: beta client squashed
Merge in DNS/adguard-home from beta-client-2 to master

Squashed commit of the following:

commit b2640cc49a6c5484d730b534dcf5a8013d7fa478
Merge: 659def862 aef4659e9
Author: Eugene Burkov <e.burkov@adguard.com>
Date:   Tue Dec 29 19:23:09 2020 +0300

    Merge branch 'master' into beta-client-2

commit 659def8626467949c35b7a6a0c99ffafb07b4385
Author: Eugene Burkov <e.burkov@adguard.com>
Date:   Tue Dec 29 17:25:14 2020 +0300

    all: upgrade github actions node version

commit b4b8cf8dd75672e9155da5d111ac66e8f5ba1535
Author: Vladislav Abdulmyanov <v.abdulmyanov@adguard.com>
Date:   Tue Dec 29 16:57:14 2020 +0300

    all: beta client squashed
2020-12-29 19:53:56 +03:00

65 lines
1.9 KiB
Plaintext

.ant-steps {
display: flex;
margin-left: -67px;
.ant-steps-item-process {
.ant-steps-item-icon {
top: -4px;
box-sizing: content-box;
width: 16px;
height: 16px;
.ant-steps-icon {
background: var(--green400);
.ant-steps-icon-dot {
background: var(--green400);
border: 0;
}
}
}
}
.ant-steps-item-content {
width: 99px;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail {
top: 2px;
width: 100%;
margin: 0px 0px 0px 70px;
padding: 0;
&::after {
width: calc(100% - 8px);
height: 2px;
margin-left: 5px;
}
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after,
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: var(--gray400);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: var(--green400);
}
.ant-steps-item-finish {
.ant-steps-item-icon {
.ant-steps-icon {
background: var(--green400);
.ant-steps-icon-dot {
background: var(--green400);
border: 0;
}
}
}
}
.ant-steps-item-icon {
width: 8px;
height: 8px;
.ant-steps-icon {
background: transparent;
.ant-steps-icon-dot {
background: transparent;
border: 2px solid var(--gray400);
}
}
}
}