Blender-org web-assets v2 upgrade #104116
@ -3,7 +3,7 @@ $page-card-icon-size: 75px
|
|||||||
position: relative
|
position: relative
|
||||||
|
|
||||||
&:nth-child(even)
|
&:nth-child(even)
|
||||||
background-color: $color-bg
|
background-color: var(--color-bg)
|
||||||
|
|
||||||
martonlente marked this conversation as resolved
Outdated
|
|||||||
&.right
|
&.right
|
||||||
flex-direction: row-reverse
|
flex-direction: row-reverse
|
||||||
@ -18,7 +18,7 @@ $page-card-icon-size: 75px
|
|||||||
margin: 10px auto
|
margin: 10px auto
|
||||||
padding: 0
|
padding: 0
|
||||||
border: none
|
border: none
|
||||||
background-color: $color-bg
|
background-color: var(--color-bg)
|
||||||
|
|
||||||
.page-card-title
|
.page-card-title
|
||||||
display: block
|
display: block
|
||||||
|
@ -465,7 +465,7 @@ $bleeding-color: #d0253f
|
|||||||
display: none
|
display: none
|
||||||
|
|
||||||
.dl-bg-img
|
.dl-bg-img
|
||||||
background-color: $color-bg-light
|
background-color: var(--color-bg-secondary)
|
||||||
background-position: center center
|
background-position: center center
|
||||||
background-size: cover
|
background-size: cover
|
||||||
bottom: 0
|
bottom: 0
|
||||||
@ -504,7 +504,7 @@ $bleeding-color-bottom: adjust-hue($bleeding-color, -10deg)
|
|||||||
color: white
|
color: white
|
||||||
|
|
||||||
.dl-overlay
|
.dl-overlay
|
||||||
background-image: linear-gradient(-2deg, transparent 49%, $color-bg-light 50%)
|
background-image: linear-gradient(-2deg, transparent 49%, var(--color-bg-secondary) 50%)
|
||||||
|
|
||||||
.container
|
.container
|
||||||
+margin(6, y)
|
+margin(6, y)
|
||||||
|
@ -167,7 +167,7 @@
|
|||||||
.cards-item-content
|
.cards-item-content
|
||||||
.cards-item-title
|
.cards-item-title
|
||||||
font:
|
font:
|
||||||
size: $fs-md
|
size: var(--fs-5)
|
||||||
weight: normal
|
weight: normal
|
||||||
|
|
||||||
.cards-item-label
|
.cards-item-label
|
||||||
|
@ -138,7 +138,6 @@
|
|||||||
display: flex
|
display: flex
|
||||||
flex-wrap: wrap
|
flex-wrap: wrap
|
||||||
justify-content: center
|
justify-content: center
|
||||||
@extend .lead
|
|
||||||
position: relative
|
position: relative
|
||||||
padding-left: 100px
|
padding-left: 100px
|
||||||
padding-right: 100px
|
padding-right: 100px
|
||||||
@ -168,7 +167,7 @@
|
|||||||
z-index: 1
|
z-index: 1
|
||||||
|
|
||||||
&_section // Each section .features__releaselogs_section
|
&_section // Each section .features__releaselogs_section
|
||||||
background-color: $color-bg
|
background-color: var(--color-bg)
|
||||||
background-repeat: no-repeat
|
background-repeat: no-repeat
|
||||||
background-size: cover
|
background-size: cover
|
||||||
padding: 50px 10px
|
padding: 50px 10px
|
||||||
@ -191,10 +190,10 @@
|
|||||||
opacity: 1
|
opacity: 1
|
||||||
|
|
||||||
&.odd
|
&.odd
|
||||||
background-color: $color-bg-light
|
background-color: var(--color-bg-secondary)
|
||||||
|
|
||||||
.cards-item-content
|
.cards-item-content
|
||||||
background-color: $color-bg
|
background-color: var(--color-bg)
|
||||||
|
|
||||||
&.compatibility-warning
|
&.compatibility-warning
|
||||||
+padding(5, y)
|
+padding(5, y)
|
||||||
@ -341,7 +340,7 @@
|
|||||||
width: 100%
|
width: 100%
|
||||||
|
|
||||||
figure
|
figure
|
||||||
background-color: $color-bg-light
|
background-color: var(--color-bg-secondary)
|
||||||
box-shadow: 1px 1px 5px rgba(black, .1)
|
box-shadow: 1px 1px 5px rgba(black, .1)
|
||||||
+border-radius(lg)
|
+border-radius(lg)
|
||||||
display: flex
|
display: flex
|
||||||
@ -426,7 +425,7 @@
|
|||||||
color: $color-text-light-primary
|
color: $color-text-light-primary
|
||||||
|
|
||||||
.support-container
|
.support-container
|
||||||
background-color: $color-bg-light
|
background-color: var(--color-bg-secondary)
|
||||||
position: relative
|
position: relative
|
||||||
z-index: 1
|
z-index: 1
|
||||||
|
|
||||||
|
@ -243,7 +243,7 @@
|
|||||||
.entry-content
|
.entry-content
|
||||||
.wp-block-file
|
.wp-block-file
|
||||||
align-items: center
|
align-items: center
|
||||||
background-color: $color-bg-light
|
background-color: var(--color-bg-secondary)
|
||||||
border-radius: var(--border-radius)
|
border-radius: var(--border-radius)
|
||||||
display: flex
|
display: flex
|
||||||
+padding(3)
|
+padding(3)
|
||||||
|
Loading…
Reference in New Issue
Block a user
Can this be a CSS variable instead of Sass?