diff options
IMPORTANT: Replace all rem units to px
1 files changed, 10 insertions, 10 deletions
| -rw-r--r-- | src/steps.less | 20 |
diff --git a/src/steps.less b/src/steps.less index 800fdc0..fa0167f 100644 --- a/src/steps.less +++ b/src/steps.less @@ -3,44 +3,44 @@ display: flex; flex-wrap: nowrap; list-style: none; - margin: .5rem 0; + margin: @unit-1 0; width: 100%; .step-item { flex: 1 1 0; margin-top: 0; - min-height: 2rem; + min-height: 20px; text-align: center; position: relative; &:not(:first-child)::before { background: @primary-color; content: ""; - height: .2rem; + height: 2px; left: -50%; position: absolute; - top: .9rem; + top: 9px; width: 100%; } a { color: @gray-color; display: inline-block; - padding: 2rem 1rem 0; + padding: 20px 10px 0; text-decoration: none; &::before { background: @primary-color; - border: .2rem solid @light-color; + border: @border-width-lg solid @light-color; border-radius: 50%; content: ""; display: block; - height: 1.2rem; + height: @unit-3; left: 50%; position: absolute; - top: .4rem; + top: @unit-1; transform: translateX(-50%); - width: 1.2rem; + width: @unit-3; z-index: @zindex-0; } } @@ -49,7 +49,7 @@ a { &::before { background: @light-color; - border: .2rem solid @primary-color; + border: @border-width-lg solid @primary-color; } } |