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.

100 lines
2.3 KiB

1 year ago
  1. .customize-control:not(.customize-control-kadence_blank_control):not(.customize-control-kadence_tab_control) + .customize-control {
  2. border-top: 1px solid #ddd;
  3. padding-top: 10px;
  4. }
  5. .kadence-builder-hide .customize-control-kadence_blank_control .kadence-builder-show-button.kadence-builder-tab-toggle {
  6. visibility: visible;
  7. opacity: 1;
  8. }
  9. .kadence-builder-is-active .preview-desktop #customize-preview, .kadence-builder-is-active .preview-tablet #customize-preview {
  10. height: auto;
  11. }
  12. // Top Tabs
  13. .customize-control-kadence_blank_control {
  14. .customize-control-description {
  15. position:relative;
  16. }
  17. .kadence-builder-tab-toggle {
  18. position: absolute;
  19. right: 10px;
  20. top: 5px;
  21. z-index: 1000;
  22. display: flex;
  23. align-items: center;
  24. span.dashicons {
  25. font-size: 12px;
  26. vertical-align: middle;
  27. line-height: 20px;
  28. }
  29. }
  30. .kadence-builder-show-button.kadence-builder-tab-toggle {
  31. visibility: hidden;
  32. margin-bottom: 20px;
  33. opacity: 0;
  34. bottom: 100%;
  35. top: auto;
  36. }
  37. }
  38. #customize-theme-controls #sub-accordion-section-kadence_customizer_header_builder .customize-control {
  39. margin: 0;
  40. padding: 0;
  41. .description {
  42. padding: 0 20px;
  43. }
  44. }
  45. .kadence-compontent-tabs {
  46. display: flex;
  47. width:auto;
  48. margin-top: -15px;
  49. margin-left: -24px;
  50. margin-right: -24px;
  51. padding: 0;
  52. margin-bottom: 0;
  53. border-bottom: 1px solid #ccc;
  54. .kadence-compontent-tabs-button {
  55. flex: 1 1 0;;
  56. display: flex;
  57. -webkit-box-align: center;
  58. -ms-flex-align: center;
  59. align-items: center;
  60. -webkit-box-pack: center;
  61. -ms-flex-pack: center;
  62. justify-content: center;
  63. font-size: 11px;
  64. font-weight: 600;
  65. font-style: normal;
  66. text-transform: uppercase;
  67. height: 40px;
  68. margin: 0;
  69. margin-bottom: -1px;
  70. box-sizing: content-box;
  71. padding: 0 10px;
  72. cursor: pointer;
  73. border: 0;
  74. background: transparent;
  75. border-bottom: 4px solid transparent;
  76. border-radius: 0;
  77. border-top-left-radius: 2px;
  78. border-top-right-radius: 2px;
  79. &:not(:first-child) {
  80. margin-left: 0px;
  81. }
  82. &:hover {
  83. box-shadow: none !important;
  84. }
  85. &:not(.nav-tab-active):hover {
  86. background: #e5e5e5 !important;
  87. color: #444 !important;
  88. border-bottom-color: #f9f9f9;
  89. }
  90. &.nav-tab-active {
  91. border-bottom-color: #007cba;
  92. background: #f9f9f9;
  93. color:#000;
  94. &:focus {
  95. outline: 0;
  96. box-shadow: none;
  97. }
  98. }
  99. }
  100. }