_focus.less 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. // /**
  2. // * Copyright © Magento, Inc. All rights reserved.
  3. // * See COPYING.txt for license details.
  4. // */
  5. .fotorama__fullscreen-icon:focus,
  6. .fotorama__zoom-out:focus,
  7. .fotorama__zoom-in:focus,
  8. .fotorama__arr:focus,
  9. .fotorama__stage__shaft:focus,
  10. .fotorama__nav__frame--thumb:focus .fotorama__thumb,
  11. .fotorama__nav__frame--dot:focus .fotorama__dot {
  12. box-shadow: none;
  13. &:after {
  14. border-radius: inherit;
  15. bottom: @fotorama-inner-box-shadow;
  16. box-shadow: @focus__box-shadow;
  17. content: '';
  18. left: @fotorama-inner-box-shadow;
  19. position: absolute;
  20. right: @fotorama-inner-box-shadow;
  21. top: @fotorama-inner-box-shadow;
  22. z-index: @z-index-10;
  23. }
  24. }
  25. .fotorama__nav__frame--thumb:focus,
  26. .fotorama__nav__frame--dot:focus {
  27. .fotorama__thumb:after,
  28. .fotorama__dot:after{
  29. bottom: 0;
  30. left: 0;
  31. right: 0;
  32. top: 0;
  33. }
  34. .fotorama__thumb.fotorama_vertical_ratio:after {
  35. left: 2px;
  36. right: 2px;
  37. }
  38. .fotorama__thumb {
  39. overflow: inherit;
  40. }
  41. }
  42. .fotorama__nav__frame:nth-child(2):focus {
  43. .fotorama__thumb:after{
  44. left: 1px;
  45. }
  46. .fotorama__thumb.fotorama_vertical_ratio:after{
  47. top: 1px;
  48. }
  49. }
  50. .fotorama__nav__frame:last-child:focus {
  51. .fotorama__thumb:after{
  52. right: 1px;
  53. }
  54. .fotorama__thumb.fotorama_vertical_ratio:after{
  55. bottom: 1px;
  56. }
  57. }
  58. .fotorama__thumb__arr {
  59. box-shadow: none;
  60. }