Blender-org web-assets v2 upgrade #104116
@ -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
|
||||||
|
|
||||||
$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
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user