UI: Devfund-donation-box Web Assets v2 upgrade #1

Merged
Márton Lente merged 26 commits from ui/web-assets-v2-upgrade into main 2024-11-04 12:49:39 +01:00
4 changed files with 12 additions and 8 deletions
Showing only changes of commit 0365afaf48 - Show all commits

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -45,7 +45,7 @@
</div> </div>
</div> </div>
<div class="col-lg-6 col-12 col-msg"> <div class="col-lg-6 col-12 col-msg">
<h2 class="fs-xl fw-bold mb-3 mb-sm-5"> <h2 class="fs-xl fw-title mb-3 mb-sm-5">
Donate to the Blender project! Donate to the Blender project!
</h2> </h2>
<p class="fs-5"> <p class="fs-5">
@ -98,7 +98,7 @@
</div> </div>
</div> </div>
<div class="col-lg-6 col-12 col-msg"> <div class="col-lg-6 col-12 col-msg">
<h2 class="fs-xl fw-bold mb-3 mb-sm-5"> <h2 class="fs-xl fw-title mb-3 mb-sm-5">
Donate to the Blender project! Donate to the Blender project!
</h2> </h2>
<p class="fs-5"> <p class="fs-5">

View File

@ -258,6 +258,10 @@ select
&:hover &:hover
cursor: pointer cursor: pointer
// TODO: move to Web Assets
.fw-title
+fw-title
> // TODO: Move to Web Assets Isn't that in https://projects.blender.org/infrastructure/web-assets/src/branch/v2/src/styles/bootstrap-5/dist/css/bootstrap-utilities.css#L1274 ?

It is, but Web Assets also applies font-variation-settings rules on top, to make font-weight settings consistently work with variable fonts as well. (The +fw-title mixin should be added – combining font-variation-settings and font-weight rules – to Web Assets similarily to +fw-bold, that already exists.)

It is, but Web Assets also applies `font-variation-settings` rules on top, to make font-weight settings consistently work with variable fonts as well. (The `+fw-title` mixin should be added – combining `font-variation-settings` and `font-weight` rules – to Web Assets similarily to `+fw-bold`, that already exists.)
.img-badge .img-badge
height: calc(var(--spacer) * 4) height: calc(var(--spacer) * 4)
min-width: calc(var(--spacer) * 4) min-width: calc(var(--spacer) * 4)