You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

compass.scss 967B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .dc-compass {
  2. position: absolute;
  3. top: 20px;
  4. right: 20px;
  5. cursor: pointer;
  6. pointer-events: auto;
  7. user-select: none;
  8. width: 55px;
  9. height: 55px;
  10. .out-ring {
  11. position: absolute;
  12. top: 0;
  13. left: 0;
  14. height: 55px;
  15. width: 55px;
  16. background-repeat: no-repeat;
  17. background-size: contain;
  18. fill: #3f4854;
  19. border-radius: 50%;
  20. svg {
  21. height: 55px;
  22. width: 55px;
  23. }
  24. }
  25. .gyro {
  26. position: relative;
  27. top: 50%;
  28. transform: translateY(-50%);
  29. height: 25px;
  30. width: 25px;
  31. border-radius: 50%;
  32. display: block;
  33. margin: 0 auto;
  34. padding: 4px;
  35. box-sizing: border-box;
  36. background: #ffffff;
  37. }
  38. .rotation_marker {
  39. position: absolute;
  40. top: 2px;
  41. left: 2px;
  42. height: 51px;
  43. width: 51px;
  44. border-radius: 50%;
  45. background-repeat: no-repeat;
  46. background-size: contain;
  47. }
  48. }
  49. .dc-compass .gyro-active,
  50. .dc-compass .gyro-bg:hover + .gyro {
  51. fill: #68adfe;
  52. }