* 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
63 lines
1.4 KiB
SCSS
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);
|
|
}
|
|
}
|
|
}
|
|
}
|