index.module.less 825 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. :global(.eyeProtection) {
  2. :global(.fingering) {
  3. box-shadow: 0 -10px 10px var(--eye-background-color);
  4. background: var(--eye-background-color);
  5. &:global(.vertical){
  6. box-shadow: none!important;
  7. }
  8. }
  9. }
  10. .fingering {
  11. position: fixed;
  12. bottom: 0;
  13. left: 0;
  14. right: 0;
  15. padding: 5px;
  16. box-sizing: border-box;
  17. z-index: 10;
  18. padding-top: 0;
  19. &:global(.vertical){
  20. box-shadow: none!important;
  21. }
  22. background: #fff;
  23. &:global(.vertical) {
  24. top: 35px;
  25. left: 0;
  26. right: initial;
  27. &::before {
  28. display: none;
  29. }
  30. }
  31. &:global(.transverse) {
  32. > div {
  33. max-width: 60%;
  34. margin: auto;
  35. }
  36. }
  37. :global(.substituteFinger) {
  38. background: url('./substituteFinger.svg') no-repeat center;
  39. background-size: contain;
  40. left: 0;
  41. color: transparent;
  42. }
  43. }