123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- @import 'nib'
- .attachments-galery
- display: flex
- flex-wrap: wrap
- .attachment-item
- width: 33.33% - 2%
- margin: 10px 1% 0
- text-align: center
- border-radius: 3px
- overflow: hidden
- background: darken(white, 7%)
- min-height: 120px
- &:hover
- background: darken(white, 12%)
- &.add-attachment
- display: flex
- align-items: center
- .attachment-thumbnail
- height: 80px
- display: flex
- align-items: center
- justify-content: center
- position: relative
- .attachment-thumbnail-img
- height: 100%
- width: 100%
- .attachment-thumbnail-ext
- text-transform: uppercase
- font-size: 1.6em
- .attachment-details
- font-size: 0.75em
- margin: 3px
- .attachment-details-actions
- display: block
- .attachment-image-preview
- max-width: 100px
- display: block
- box-shadow: 0 1px 2px rgba(0,0,0,.2)
- .preview-large-image
- max-width: 1000px
- display: block
- box-shadow: 0 1px 2px rgba(0,0,0,.2)
- .preview-clipboard-image
- width: 280px
- height: 200px
- display: block
- border: 1px solid black
- box-shadow: 0 1px 2px rgba(0,0,0,.2)
|