Home Explore Help
Sign In
mirrors
/
wekan
mirror of https://github.com/wekan/wekan.git
2
0
Fork 0
Files Issues 0 Wiki
Tree: a79599d76c
Branches Tags
wekan
/
client
/
components
/
cards
/
attachments.styl

attachments.styl 901 B
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 
  1. .attachments-galery
    2. 

  2.   display: flex
    3. 

  3.   flex-wrap: wrap
    4. 

  4. 

  5.   .attachment-item
    6. 

  6.     width: 33.33% - 2%
    7. 

  7.     margin: 10px 1% 0
    8. 

  8.     text-align: center
    9. 

  9.     border-radius: 3px
    10. 

  10.     overflow: hidden
    11. 

  11.     background: darken(white, 7%)
    12. 

  12.     min-height: 120px
    13. 

  13. 

  14.     &:hover
    15. 

  15.       background: darken(white, 12%)
    16. 

  16. 

  17.     &.add-attachment
    18. 

  18.       display: flex
    19. 

  19.       align-items: center
    20. 

  20. 

  21.     .attachment-thumbnail
    22. 

  22.       height: 80px
    23. 

  23.       display: flex
    24. 

  24.       align-items: center
    25. 

  25.       justify-content: center
    26. 

  26.       position: relative
    27. 

  27. 

  28.       .attachment-thumbnail-img
    29. 

  29.         height: 100%
    30. 

  30.         width: 100%
    31. 

  31. 

  32.       .attachment-thumbnail-ext
    33. 

  33.         text-transform: uppercase
    34. 

  34.         font-size: 1.6em
    35. 

  35. 

  36.     .attachment-details
    37. 

  37.       font-size: 0.75em
    38. 

  38.       margin: 3px
    39. 

  39. 

  40.       .attachment-details-actions
    41. 

  41.         display: block
    42. 

  42. 

  43. .attachment-image-preview
    44. 

  44.   max-width: 100px
    45. 

  45.   display: block
    46. 

  46.   box-shadow: 0 1px 2px rgba(0,0,0,.2)
    47. 

  47.