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.

58 lines
1.3 KiB

  1. .geo-info > div {
  2. display: flex;
  3. position: relative;
  4. align-items: end;
  5. margin-top: 0.5em;
  6. }
  7. .geo-info > div:first-of-type {
  8. margin-top: 0;
  9. }
  10. .geo-info > div.empty {
  11. margin-top: 0;
  12. display: none;
  13. }
  14. .geo-info > div::before {
  15. width: 16px;
  16. height: 16px;
  17. content: ' ';
  18. margin-right: 0.5em;
  19. }
  20. .geo-info > .bbox-nw-corner::before {
  21. background: url("../img/geo-info-bbox-nw.svg");
  22. }
  23. .geo-info > .bbox-center::before {
  24. background: url("../img/geo-info-bbox-center.svg");
  25. }
  26. .geo-info > .bbox-se-corner::before {
  27. background: url("../img/geo-info-bbox-se.svg");
  28. }
  29. .geo-info > .object-shape::before {
  30. background: url("../img/geo-info-object-shape.svg");
  31. }
  32. .geo-info > .object-nw-corner::before {
  33. background: url("../img/geo-info-object-nw.svg");
  34. }
  35. .geo-info > .object-center::before {
  36. background: url("../img/geo-info-object-center.svg");
  37. }
  38. .geo-info > .object-se-corner::before {
  39. background: url("../img/geo-info-object-se.svg");
  40. }
  41. .geo-info > .zoom::before,
  42. .geo-info > .location::before,
  43. .geo-info > .mouse::before {
  44. font-family: "Font Awesome 5 Free";
  45. font-weight: 900;
  46. font-size: 1.25em;
  47. text-align: center;
  48. }
  49. .geo-info > .zoom::before {
  50. content: "\f689";
  51. }
  52. .geo-info > .location::before {
  53. content: "\f3c5";
  54. }
  55. .geo-info > .mouse::before {
  56. content: "\f245";
  57. }