infrastructure/blender-org
5
4
Fork 1
Code Issues 16 Pull Requests Projects Releases Wiki Activity

Blender-org web-assets v2 upgrade #104116

Merged
Márton Lente merged 56 commits from web-assets-v2-upgrade into main 2024-08-13 17:27:59 +02:00
Conversation 4 Commits 56 Files Changed 39 +11 -10
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3e9d54bdbe - Show all commits

21
themes/bthree/src/styles/_base.sass
View File

@ -1,10 +1,11 @@
\:root \:root
--fs-xl: 6.4rem --fs-xl: 6.4rem
--page-card-icon-size: 7.8rem
+media-sm +media-sm
--fs-xl: 5.6rem --fs-xl: 5.6rem
martonlente marked this conversation as resolved Outdated
Pablo Vazquez commented 2024-08-05 18:01:13 +02:00
Outdated
Review
Copy Link

Can this be a CSS variable instead of Sass?

Can this be a CSS variable instead of Sass?
$page-card-icon-size: 7.8rem // TODO: check if class 'page-card' is used
.page-card .page-card
position: relative position: relative
@ -74,24 +75,24 @@ $page-card-icon-size: 7.8rem
position: relative position: relative
+position-center-translate +position-center-translate
margin: 0 auto margin: 0 auto
width: $page-card-icon-size * 2 width: calc(var(--page-card-icon-size) * 2)
height: $page-card-icon-size * 2 height: calc(var(--page-card-icon-size) * 2)
border: .2rem solid rgba($color-text-dark-hint, .5) border: .2rem solid rgba($color-text-dark-hint, .5)
border-radius: 50% border-radius: 50%
background: background:
position: 50% 50% position: 50% 50%
repeat: no-repeat repeat: no-repeat
size: $page-card-icon-size size: var(--page-card-icon-size)
+media-sm +media-sm
width: $page-card-icon-size * 1.5 width: calc(var(--page-card-icon-size) * 1.5)
height: $page-card-icon-size * 1.5 height: calc(var(--page-card-icon-size) * 1.5)
background-size: $page-card-icon-size * 0.75 background-size: calc(var(--page-card-icon-size) * .75)
+media-xs +media-xs
width: $page-card-icon-size * 1.5 width: calc(var(--page-card-icon-size) * 1.5)
height: $page-card-icon-size * 1.5 height: calc(var(--page-card-icon-size) * 1.5)
background-size: $page-card-icon-size * 0.75 background-size: calc(var(--page-card-icon-size) * .75)
margin: 4.0rem auto margin: 4.0rem auto