Use var() notation

This commit is contained in:
Jeremy Thomas
2019-10-18 14:05:37 -04:00
parent 867a306fc3
commit 6b09dcfcf0
23 changed files with 390 additions and 228 deletions

View File

@@ -45,7 +45,7 @@ $book-beige: #FFEDD7
.bd-book-content
@extend %bd-box
box-shadow: 0 3rem 3rem -1rem rgba($scheme-invert, 0.2)
box-shadow: 0 3rem 3rem -1rem rgba(var(--#{$prefix}-scheme-invert), 0.2)
max-width: 520px
padding: 3rem
@@ -98,7 +98,7 @@ $book-beige: #FFEDD7
.bd-book-modal-background
+overlay
background-color: rgba($scheme-invert, 0.86)
background-color: rgba(var(--#{$prefix}-scheme-invert), 0.86)
.bd-book-modal
.bd-book-modal-background,
@@ -153,7 +153,7 @@ $book-beige: #FFEDD7
.bd-book-inline-cover
display: none
.bd-book-modal-column
background-color: $scheme-main
background-color: var(--#{$prefix}-scheme-main)
position: relative
&.bd-is-cover
align-items: center