PortView.uss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. PortView {
  2. height: 24px;
  3. align-items: center;
  4. padding-left: 4px;
  5. padding-right: 4px;
  6. }
  7. PortView.input {
  8. flex-direction: row;
  9. }
  10. PortView.output {
  11. flex-direction: row-reverse;
  12. }
  13. PortView > #connector {
  14. border-color: rgb(255, 255, 0);
  15. background-color: #212121;
  16. width: 8px;
  17. height: 8px;
  18. border-radius: 8px;
  19. align-items: center;
  20. justify-content: center;
  21. margin-left: 4px;
  22. margin-right: 4px;
  23. border-left-width:1px;
  24. border-top-width:1px;
  25. border-right-width:1px;
  26. border-bottom-width:1px;
  27. }
  28. PortView > #connector:hover {
  29. border-color: #f0f0f0
  30. }
  31. PortView > #connector > #cap
  32. {
  33. background-color: #212121;
  34. width: 4px;
  35. height: 4px;
  36. border-radius: 4px;
  37. }
  38. PortView > #connector > #cap:hover
  39. {
  40. background-color: #f0f0f0;
  41. }
  42. .Port_Boolean {
  43. --port-color: #ff6d29;
  44. }
  45. .Port_Single {
  46. --port-color: #2080FF;
  47. }
  48. .Port_Int32 {
  49. --port-color: #325dff;
  50. }
  51. .Port_Object {
  52. --port-color: #80FF00;
  53. }
  54. .Port_String {
  55. --port-color: #80FF80;
  56. }
  57. .Port_GameObject {
  58. --port-color: #FF0000;
  59. }
  60. .Port_Color {
  61. --port-color: #FF00FF;
  62. }
  63. .Vertical
  64. {
  65. height: 6px;
  66. }