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.

109 lines
2.9 KiB

1 year ago
  1. :root{
  2. --wp-admin-theme-color:#007cba;
  3. --wp-admin-theme-color--rgb:0, 124, 186;
  4. --wp-admin-theme-color-darker-10:#006ba1;
  5. --wp-admin-theme-color-darker-10--rgb:0, 107, 161;
  6. --wp-admin-theme-color-darker-20:#005a87;
  7. --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
  8. --wp-admin-border-width-focus:2px;
  9. --wp-block-synced-color:#7a00df;
  10. --wp-block-synced-color--rgb:122, 0, 223;
  11. }
  12. @media (min-resolution:192dpi){
  13. :root{
  14. --wp-admin-border-width-focus:1.5px;
  15. }
  16. }
  17. .nux-dot-tip:after,.nux-dot-tip:before{
  18. border-radius:100%;
  19. content:" ";
  20. pointer-events:none;
  21. position:absolute;
  22. }
  23. .nux-dot-tip:before{
  24. animation:nux-pulse 1.6s cubic-bezier(.17, .67, .92, .62) infinite;
  25. background:rgba(0,115,156,.9);
  26. height:24px;
  27. left:-12px;
  28. opacity:.9;
  29. top:-12px;
  30. transform:scale(.3333333333);
  31. width:24px;
  32. }
  33. .nux-dot-tip:after{
  34. background:#00739c;
  35. height:8px;
  36. left:-4px;
  37. top:-4px;
  38. width:8px;
  39. }
  40. @keyframes nux-pulse{
  41. to{
  42. background:rgba(0,115,156,0);
  43. transform:scale(1);
  44. }
  45. }
  46. .nux-dot-tip .components-popover__content{
  47. padding:20px 18px;
  48. width:350px;
  49. }
  50. @media (min-width:600px){
  51. .nux-dot-tip .components-popover__content{
  52. width:450px;
  53. }
  54. }
  55. .nux-dot-tip .components-popover__content .nux-dot-tip__disable{
  56. position:absolute;
  57. right:0;
  58. top:0;
  59. }
  60. .nux-dot-tip[data-y-axis=top]{
  61. margin-top:-4px;
  62. }
  63. .nux-dot-tip[data-y-axis=bottom]{
  64. margin-top:4px;
  65. }
  66. .nux-dot-tip[data-y-axis=middle][data-y-axis=left]{
  67. margin-left:-4px;
  68. }
  69. .nux-dot-tip[data-y-axis=middle][data-y-axis=right]{
  70. margin-left:4px;
  71. }
  72. .nux-dot-tip[data-y-axis=top] .components-popover__content{
  73. margin-bottom:20px;
  74. }
  75. .nux-dot-tip[data-y-axis=bottom] .components-popover__content{
  76. margin-top:20px;
  77. }
  78. .nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{
  79. margin-right:20px;
  80. }
  81. .nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{
  82. margin-left:20px;
  83. }
  84. .nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{
  85. z-index:1000001;
  86. }
  87. @media (max-width:600px){
  88. .nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{
  89. align-self:end;
  90. left:5px;
  91. margin:20px 0 0;
  92. max-width:none !important;
  93. position:fixed;
  94. right:5px;
  95. width:auto;
  96. }
  97. }
  98. .nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{
  99. margin-left:0;
  100. }
  101. .nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{
  102. margin-right:0;
  103. }
  104. .nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{
  105. margin-left:-12px;
  106. }
  107. .nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{
  108. margin-right:-12px;
  109. }