mirror of
https://github.com/jgthms/bulma.git
synced 2024-10-17 09:04:18 +00:00
60 lines
1.0 KiB
Sass
60 lines
1.0 KiB
Sass
|
$book-beige: #FFEDD7
|
||
|
|
||
|
.bd-book-banner
|
||
|
background-color: $white
|
||
|
position: relative
|
||
|
|
||
|
.bd-book-pattern
|
||
|
+overlay
|
||
|
background-image: url("/images/hab/lightpaperfibers_@2X.png")
|
||
|
background-repeat: repeat
|
||
|
background-size: 250px 150px
|
||
|
&::after
|
||
|
+overlay
|
||
|
background-color: rgba($book-beige, 0.1)
|
||
|
content: ""
|
||
|
display: block
|
||
|
|
||
|
.bd-book-header
|
||
|
position: relative
|
||
|
|
||
|
.bd-book-cover
|
||
|
img
|
||
|
display: block
|
||
|
|
||
|
.bd-book-content
|
||
|
background-color: $white
|
||
|
box-shadow: 0 40px 40px -20px rgba($black, 0.1)
|
||
|
max-width: 520px
|
||
|
padding: 3rem
|
||
|
|
||
|
.bd-book-description
|
||
|
max-width: 340px
|
||
|
|
||
|
.bd-book-tags
|
||
|
margin-bottom: 3rem
|
||
|
.tags
|
||
|
.tag
|
||
|
margin-right: 1px
|
||
|
|
||
|
.bd-book-columns
|
||
|
align-items: center
|
||
|
display: flex
|
||
|
justify-content: center
|
||
|
margin-left: auto
|
||
|
margin-right: auto
|
||
|
max-width: 1080px
|
||
|
|
||
|
+mobile
|
||
|
.bd-book-columns
|
||
|
flex-direction: column
|
||
|
|
||
|
+tablet
|
||
|
.bd-book-columns
|
||
|
justify-content: space-around
|
||
|
.bd-book-header
|
||
|
.tag
|
||
|
position: absolute
|
||
|
right: calc(100% + 1.25rem)
|
||
|
top: 0.5rem
|