attachments.styl 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @import 'nib'
  2. .attachments-galery
  3. display: flex
  4. flex-wrap: wrap
  5. .attachment-item
  6. width: 33.33% - 2%
  7. margin: 10px 1% 0
  8. text-align: center
  9. border-radius: 3px
  10. overflow: hidden
  11. background: darken(white, 7%)
  12. min-height: 120px
  13. &:hover
  14. background: darken(white, 12%)
  15. &.add-attachment
  16. display: flex
  17. align-items: center
  18. .attachment-thumbnail
  19. height: 80px
  20. display: flex
  21. align-items: center
  22. justify-content: center
  23. position: relative
  24. .attachment-thumbnail-img
  25. height: 100%
  26. width: 100%
  27. .attachment-thumbnail-ext
  28. text-transform: uppercase
  29. font-size: 1.6em
  30. .attachment-details
  31. font-size: 0.75em
  32. margin: 3px
  33. .attachment-details-actions
  34. display: block
  35. .attachment-image-preview
  36. max-width: 100px
  37. display: block
  38. box-shadow: 0 1px 2px rgba(0,0,0,.2)
  39. .preview-large-image
  40. max-width: 1000px
  41. display: block
  42. box-shadow: 0 1px 2px rgba(0,0,0,.2)
  43. .preview-clipboard-image
  44. width: 280px
  45. height: 200px
  46. display: block
  47. border: 1px solid black
  48. box-shadow: 0 1px 2px rgba(0,0,0,.2)