Advertisement
Guest User

Untitled

a guest
Jan 23rd, 2017
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.93 KB | None | 0 0
  1. &
  2. height: 53px
  3. margin-top: -53px
  4. width: 100%
  5. -webkit-transition: all .2s
  6. transition: all .2s
  7. position: relative
  8.  
  9. .histogram-stats
  10. height: 95px
  11. width: 124px
  12. position: absolute
  13. top: -105px
  14. background: inherit
  15. transition: opacity .2s
  16. transition-delay: 0.2s
  17. border-radius: 7px
  18. margin-left: calc((124px - 100%) / -2)
  19. &__content
  20. margin-top: 7px
  21. height: calc(100% - 7px)
  22. background: $body-background
  23. padding-top: 10px
  24. &__text
  25. display: block
  26. text-align: center
  27. font-size: 15px
  28. font-weight: 600
  29. &__smalltext
  30. display: block
  31. text-align: center
  32. font-size: 13px
  33.  
  34. &.isAnimated
  35. &.transition-enter
  36. margin-top: 0px
  37. height: 0px
  38. .histogram-stats
  39. opacity: 0
  40.  
  41. &.transition-enter.transition-enter-active
  42. height: 53px
  43. margin-top: -53px
  44. .histogram-stats
  45. opacity: 1
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement