discourse/app/assets/stylesheets/mobile/signup-progress-bar.scss
David Taylor d88ee33eb6
DEV: Introduce stylelint (#29852)
Stylelint is a css linter: https://stylelint.io/

As part of this change we have added two javascript scripts:

```
pnpm lint:css
pnpm lint:css:fix
```

Look at `.vscode/settings.json.sample` and `.vscode/extensions.json` for
configuration in VSCode.

---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2025-01-20 15:27:42 +00:00

33 lines
513 B
SCSS

$progress-bar-circle-size: 0.5rem;
.signup-progress-bar {
width: auto;
margin: 1.5rem 1.2rem;
gap: 1rem;
.account-created &,
.activate-account & {
margin-inline: 0;
}
&__segment {
width: auto;
}
&__circle {
height: $progress-bar-circle-size;
width: $progress-bar-circle-size;
transform: none !important;
.--active & {
background: var(--success);
box-shadow: 0 0 1px 5px var(--success-low);
}
}
&__step-text,
&__line {
display: none;
}
}