modal.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .bg{
  2. width: 100%;
  3. height: 100%;
  4. background: url('/@/assets/images/vent/bg.png');
  5. // z-index: 1;
  6. #damper3DCSS{
  7. .elementTag{
  8. position: relative;
  9. left: -18px;
  10. top: -2px;
  11. // padding: 5px 20px;
  12. // color: #fff;
  13. // box-shadow: 0 0 18px #dbecff22;
  14. // border: 1px solid #dbecff22;
  15. // border-radius: 5px;
  16. // background-color: #dbecff77;
  17. cursor: pointer;
  18. // &::before {
  19. // content: "";
  20. // display: block;
  21. // position: absolute;
  22. // width: 80px;
  23. // height: 1px;
  24. // background: rgb(127 177 255 / 75%);
  25. // bottom: 0;
  26. // right: -80px;
  27. // transform-origin: 0 0;
  28. // transform: rotate(30deg);
  29. // }
  30. // &::after {
  31. // content: "";
  32. // display: block;
  33. // position: absolute;
  34. // width: 20px;
  35. // height: 20px;
  36. // background: rgb(127 177 255 / 75%);
  37. // bottom: -55px;
  38. // right: -85px;
  39. // border-radius: 50%;
  40. // }
  41. .elementContent{
  42. background-color: rgb(20 143 221 / 68%);
  43. box-shadow: 0px 0px 12px rgb(0 128 255 / 75%);
  44. border: 1px solid rgb(127 177 255 / 75%);
  45. padding: 10px 20px 0px 20px;
  46. color: #efefef;
  47. p{
  48. line-height: 1rem;
  49. }
  50. }
  51. }
  52. }
  53. }