_img-wrapper.scss 638 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .node-view-img-wrapper {
  2. display: inline-block;
  3. position: relative;
  4. &:not(:hover) .btn-expand {
  5. display: none;
  6. }
  7. .btn-expand {
  8. position: absolute;
  9. top: 0;
  10. right: 0;
  11. padding: 0;
  12. width: 75px;
  13. height: 70px;
  14. border: 0;
  15. border-radius: 0 !important;
  16. line-height: 0;
  17. &:hover,
  18. &:focus {
  19. path {
  20. stroke: $black;
  21. }
  22. }
  23. svg {
  24. width: 100%;
  25. height: 100%;
  26. pointer-events: none;
  27. }
  28. path {
  29. fill: none;
  30. stroke: lighten($black, 20%);
  31. stroke-width: 4px;
  32. stroke-linejoin: round;
  33. stroke-linecap: round;
  34. }
  35. }
  36. }