impress/app/assets/stylesheets/partials/_item_header.sass

35 lines
630 B
Sass
Raw Normal View History

@import "../partials/clean/constants"
=item-header
border-bottom: 1px solid $module-border-color
margin-bottom: 1em
padding: 1em 0
display: grid
grid-template-areas: "img gap1" "img name" "img links" "img gap2"
align-items: center
justify-content: center
column-gap: 1em
row-gap: .5em
#item-thumbnail
grid-area: img
border: 1px solid $module-border-color
height: 80px
width: 80px
#item-name
grid-area: name
text-align: left
line-height: 100%
margin-bottom: 0
#item-links
grid-area: links
text-align: left
a
font-size: 75%
margin-left: 1em