Files
Verso/services/web/frontend/stylesheets/pages/bonus.scss
T
Rebeka DekanyandCopybot 3f11776ecd Remove LESS stylesheets and dependencies (#27409)
* Remove components, core and modules LESS stylesheets

* Remove variables LESS stylesheets

* Remove app LESS stylesheets

* Remove github-sync, onboarding LESS stylesheets

* Remove main-light and IEEE LESS stylesheets

* Remove Less loader configuration

* Remove bootstrap-3 entrypoint

* Rename bootstrap-5 entrypoint to bootstrap

* Remove bootstrap-5 CSS folder and move stylesheets

* Update CSS variables

* Restore and update github-sync.scss path

* Fix try-premium.scss path and fix undefined mixin error

* Restore entrypoints

* Simplify buildCssPath to always use main-style.css

* Remove less from prettier formatting scripts

* Remove less from addHook extension

* Source format

* Remove nvd3 file reference from prettierignore (equivalent of nvd3.scss)

* Remove less and less-loader

* Add SCSS files to pirates require hook

GitOrigin-RevId: bd83c79f4d6ef7305d75993959a4dc5e7714ef9c
2025-08-06 08:05:38 +00:00

63 lines
1.4 KiB
SCSS

#bonus {
margin-top: var(--spacing-06);
p.thanks {
margin-top: var(--spacing-04);
text-align: center;
}
.number {
position: absolute;
margin-left: -13px;
width: 26px;
padding: var(--spacing-01) 0;
text-align: center;
background-color: #ddd;
&.active {
background-color: var(--bg-info-01);
color: var(--content-primary-dark);
}
border-radius: 3px;
}
.progress {
margin-top: var(--spacing-05);
margin-left: calc(var(--spacing-06) * -1);
margin-right: calc(var(--spacing-06) * -1);
height: 30px;
}
.perk {
position: absolute;
background-color: var(--bg-light-tertiary);
border-radius: var(--border-radius-base);
text-align: center;
padding: var(--spacing-02);
min-width: min-content;
width: 110px;
margin-left: calc(var(--spacing-11) * -1);
font-size: 14px;
&::before {
border-bottom: var(--spacing-04) solid var(--bg-light-tertiary);
border-left: var(--spacing-04) solid transparent;
border-right: var(--spacing-04) solid transparent;
content: '';
position: absolute;
left: var(--spacing-10);
top: calc(var(--spacing-04) * -1);
}
&.active {
color: white;
background-color: var(--bg-info-01);
&::before {
border-bottom: var(--spacing-04) solid var(--border-active);
}
}
}
}