acf-pro-field-group.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. /*!******************************************************************************************************************************************************************************************************************************!*\
  2. !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/advanced-custom-fields-pro/assets/src/sass/pro/acf-pro-field-group.scss ***!
  3. \******************************************************************************************************************************************************************************************************************************/
  4. @charset "UTF-8";
  5. /*--------------------------------------------------------------------------------------------
  6. *
  7. * Vars
  8. *
  9. *--------------------------------------------------------------------------------------------*/
  10. /* colors */
  11. /* acf-field */
  12. /* responsive */
  13. /*--------------------------------------------------------------------------------------------
  14. *
  15. * ACF 6 ↓
  16. *
  17. *--------------------------------------------------------------------------------------------*/
  18. /*--------------------------------------------------------------------------------------------
  19. *
  20. * Mixins
  21. *
  22. *--------------------------------------------------------------------------------------------*/
  23. /*---------------------------------------------------------------------------------------------
  24. *
  25. * Flexible Content
  26. *
  27. *---------------------------------------------------------------------------------------------*/
  28. .acf-field-setting-fc_layout .acf-toggle-fc-layout {
  29. width: 34px;
  30. height: 31px;
  31. margin: 0;
  32. padding: 0;
  33. border: 0;
  34. background: transparent;
  35. cursor: pointer;
  36. left: 20.83%;
  37. right: 20.83%;
  38. top: 33.33%;
  39. bottom: 33.33%;
  40. }
  41. .acf-field-setting-fc_layout .toggle-indicator::before {
  42. z-index: -1;
  43. content: "";
  44. display: inline-flex;
  45. width: 20px;
  46. height: 20px;
  47. margin-left: -28px;
  48. background-color: currentColor;
  49. border: none;
  50. border-radius: 0;
  51. -webkit-mask-size: contain;
  52. mask-size: contain;
  53. -webkit-mask-repeat: no-repeat;
  54. mask-repeat: no-repeat;
  55. -webkit-mask-position: center;
  56. mask-position: center;
  57. -webkit-mask-image: url(../../../images/icons/icon-chevron-down.svg);
  58. mask-image: url(../../../images/icons/icon-chevron-down.svg);
  59. }
  60. .rtl .acf-field-setting-fc_layout .toggle-indicator::before {
  61. margin-left: 0px;
  62. position: absolute;
  63. top: 9px;
  64. z-index: 100;
  65. left: 8px;
  66. }
  67. .acf-field-setting-fc_layout .toggle-indicator.open::before {
  68. -webkit-mask-image: url(../../../images/icons/icon-chevron-up.svg);
  69. mask-image: url(../../../images/icons/icon-chevron-up.svg);
  70. }
  71. .acf-field-setting-fc_layout .toggle-indicator.closed::before {
  72. -webkit-mask-image: url(../../../images/icons/icon-chevron-down.svg);
  73. mask-image: url(../../../images/icons/icon-chevron-down.svg);
  74. }
  75. .acf-field-setting-fc_layout .acf-flexible-content-field-label-name {
  76. padding-left: 5px;
  77. }
  78. .acf-field-setting-fc_layout .acf-fc-meta {
  79. margin: 0 0 10px;
  80. padding: 0;
  81. }
  82. .acf-field-setting-fc_layout .acf-fc-meta li {
  83. margin: 0 0 10px;
  84. padding: 0;
  85. }
  86. .acf-field-setting-fc_layout .acf-fc-meta .acf-fc-meta-display {
  87. float: left;
  88. width: 100%;
  89. padding-right: 5px;
  90. }
  91. .acf-field-setting-fc_layout .acf-fc-meta .acf-fc-meta-left {
  92. width: calc(50% - 4px);
  93. float: left;
  94. clear: left;
  95. margin-right: 4px;
  96. }
  97. .acf-field-setting-fc_layout .acf-fc-meta .acf-fc-meta-right {
  98. width: calc(50% - 4px);
  99. float: left;
  100. margin-left: 4px;
  101. }
  102. .acf-field-setting-fc_layout .acf-fc-meta .acf-fc-meta-min {
  103. width: calc(25% - 5px);
  104. float: left;
  105. margin-right: 5px;
  106. }
  107. .acf-field-setting-fc_layout .acf-fc-meta .acf-fc-meta-max {
  108. width: calc(25% - 10px);
  109. float: left;
  110. margin-left: 4px;
  111. }
  112. .acf-field-setting-fc_layout .acf-fc-meta .acf-fc-meta-label .acf-input-prepend,
  113. .acf-field-setting-fc_layout .acf-fc-meta .acf-fc-meta-name .acf-input-prepend,
  114. .acf-field-setting-fc_layout .acf-fc-meta .acf-fc-meta-display .acf-input-prepend {
  115. min-width: 60px;
  116. }
  117. .acf-field-setting-fc_layout .acf-fc_draggable,
  118. .acf-field-setting-fc_layout .reorder-layout {
  119. cursor: grab;
  120. }
  121. .acf-field-setting-fc_layout .acf-fl-actions a {
  122. padding: 1px 0;
  123. font-size: 13px;
  124. line-height: 20px;
  125. }
  126. /*---------------------------------------------------------------------------------------------
  127. *
  128. * Clone
  129. *
  130. *---------------------------------------------------------------------------------------------*/
  131. .acf-field-object-clone {
  132. /* group */
  133. /* seamless */
  134. }
  135. .acf-field-object-clone[data-display=seamless] .acf-field-setting-instructions,
  136. .acf-field-object-clone[data-display=seamless] .acf-field-setting-layout,
  137. .acf-field-object-clone[data-display=seamless] .acf-field-setting-wrapper,
  138. .acf-field-object-clone[data-display=seamless] .acf-field-setting-conditional_logic {
  139. display: none;
  140. }
  141. /*# sourceMappingURL=acf-pro-field-group.css.map*/