Kirki - Version 3.0.0

Version Description

June 22, 2017, dev time: 243 hours.

This is a major release. Many things have been refactored and optimized. Please keep a backup before updating.

  • Fix: Refactored the reset module. #1334
  • Fix: Refactored the postMessage module #1333
  • Fix: PHP mode on CodeMirror. #1003
  • Fix: Dynamic repeater labels now use the label instead of value when picking up label from select field. #1230
  • Fix: Sanitization for number fields. #1240
  • Fix: Checkboxes sanitization. #1195
  • Fix: Link functionality in editor field. #968, #1159
  • Fix: Issues in Field Type editor #1260
  • Fix: Problems with sortable control #1253, #1197, #1198
  • Fix: inaccessibility of options panel #1194
  • Fix: Fields "checkbox", "toggle" and "switch" don't save as boolean in PHP, instead integer 0/1 #1195
  • Fix: Tooltip not working for switch #1225
  • Fix: Tooltip height fix in #1228
  • Fix: Tooltip not closing when clicking outside of icon #1226
  • Fix: Issue with visual representation of color picker (alpha iris) #1218
  • Fix: Reset is "undefined" #1210
  • Fix: Controls that save arrays cause PHP Notices #1199
  • Fix: Disabled the "loading" module by default. Use the kirki/modules filter to enable.
  • Fix: Refactored saving user-meta ('option_type' => 'user_meta'). #1325
  • Fix: Code fields reset #1122
  • Fix: Typography fields reset #1193, #1219
  • Fix: Multicolor fields reset #916
  • Fix: Custom fonts not displayed as active in the font list after saving #1110
  • Fix: Support for media_query when using 'transport' => 'auto'. #1184, #1127
  • Fix: Typography field bug when switching Google Fonts with different weights #1180
  • Fix: Font Variant outputs invalid property value (typography field) #1058
  • Fix: Updated webfonts. #1303
  • Fix: required argument not work with postMessage type. #1031
  • Fix: Notice: Undefined index, repeater field. #1291
  • Fix: 403 errors for CSS and JS files on localhost. #1309
  • Fix: Customizer doesn't load if ACF PRO is active. #1302
  • Fix: Enqueued google font even if not in use. #1297
  • Fix: Default dimension value does not process well percent units #1254, #497
  • Fix: Editor field issue with RTL languages #340
  • Fix: Windows Server Issues #1318
  • New: Added code to automatically handle translations when Kirki is embedded in a theme #1381
  • New: Automating postMessage for composite fields. #694
  • New: OR logic in field dependencies. #839
  • New: Radio-image labels. #1090, #1220
  • New: Typography fields support for prefix, suffix, value_pattern in output argument. #1183
  • New: Multi-selects in repeater fields. #780, #1261
  • New: Typography fields now support live-updating using 'transport' => 'auto'. #1184, #528, #1186
  • New: Typography fields now support filtering the available fonts. #1202
  • New: Typography fields now support loading multiple variants. #992, #1082, #1114
  • New: Select fields now support optgroups. #1120
  • New: Added new background control-type. #741, #1283, #952
  • New: Replaced selectize with select2. #1177
  • New: Notifications for number fields when value is invalid depending on min/max/step values.
  • New: Rebuilt typography control using select2. cafb89b
  • New: Allow modifying values instead of replacing them when using js_vars with function set to html by using the value_pattern parameter and the $ placeholder. #1137
  • New: Updated CodeMirror. fff6df0
  • New: Added word-spacing to the typography control. #1163
  • New: Refactored file structure to make fields self-contained entities, easier to decouple & debug.
  • New: Introducing "modules".
  • New: Refactored the tooltips feature (now a module).
  • New: Selective refreshes are now a module.
  • New: postMessage is now a module.
  • New: Refactored section & panel icons (now a module).
  • New: Customizer-Styling is now a module.
  • New: Customizer-Branding is now a module.
  • New: CSS-Output is now a module.
  • New: Abstracted the "spacing" control and created a new "dimensions" control from it.
  • New: Allow saving site-options('option_type' => 'site_option') #1326
  • New: Added 2 new methods for enqueueing google fonts. See the kirki/googlefonts_load_method filter.
  • New: Googlefonts now by default added inline in the stylesheet to avoid an extra call to the GoogleFonts API. (SEO & performance improvement).
Download this release

Release Info

Developer aristath
Plugin Icon 128x128 Kirki
Version 3.0.0
Comparing to
See all releases

Code changes from version 2.3.8 to 3.0.0

Files changed (664) hide show
  1. Gruntfile.js +154 -0
  2. LICENSE +1 -1
  3. README.md +86 -12
  4. assets/css/customizer-dynamic-css-colors.php +0 -111
  5. assets/css/customizer-dynamic-css-width.php +0 -11
  6. assets/css/customizer-dynamic-css.php +0 -68
  7. assets/css/customizer.css +0 -1600
  8. assets/css/customizer.css.map +0 -7
  9. assets/css/hint.css +0 -0
  10. assets/css/kirki-styles.css +0 -0
  11. assets/css/select2.min.css +0 -1
  12. assets/css/transparency-grid.png +0 -0
  13. assets/images/1c.png +0 -0
  14. assets/images/2cl.png +0 -0
  15. assets/images/2cr.png +0 -0
  16. assets/images/3cl.png +0 -0
  17. assets/images/3cm.png +0 -0
  18. assets/images/3cr.png +0 -0
  19. assets/images/jquery.fs.stepper-arrows.png +0 -0
  20. assets/images/kirki-bottom.png +0 -0
  21. assets/images/kirki-bottom.svg +0 -0
  22. assets/images/kirki-logo.svg +0 -0
  23. assets/images/kirki-toolkit.png +0 -0
  24. assets/js/controls/checkbox.js +0 -24
  25. assets/js/controls/code.js +0 -51
  26. assets/js/controls/color-palette.js +0 -17
  27. assets/js/controls/color.js +0 -31
  28. assets/js/controls/custom.js +0 -0
  29. assets/js/controls/dashicons.js +0 -17
  30. assets/js/controls/dimension.js +0 -24
  31. assets/js/controls/dropdown-pages.js +0 -18
  32. assets/js/controls/multicolor.js +0 -92
  33. assets/js/controls/number.js +0 -45
  34. assets/js/controls/palette.js +0 -16
  35. assets/js/controls/radio-buttonset.js +0 -15
  36. assets/js/controls/radio-image.js +0 -16
  37. assets/js/controls/radio.js +0 -16
  38. assets/js/controls/select.js +0 -41
  39. assets/js/controls/sortable.js +0 -94
  40. assets/js/controls/spacing.js +0 -65
  41. assets/js/controls/switch.js +0 -18
  42. assets/js/controls/toggle.js +0 -18
  43. assets/js/controls/typography.js +0 -322
  44. assets/js/functions/notifications.js +0 -83
  45. assets/js/functions/set-setting-value.js +0 -218
  46. assets/js/functions/validate-css-value.js +0 -35
  47. assets/js/l10n.js +0 -4
  48. assets/js/postmessage.js +0 -153
  49. assets/js/reset.js +0 -20
  50. assets/js/tooltip.js +0 -3
  51. assets/js/vendor/codemirror/lib/codemirror.js +0 -8872
  52. assets/js/vendor/codemirror/theme/kirki-dark.css +0 -111
  53. assets/js/vendor/codemirror/theme/kirki-light.css +0 -54
  54. assets/js/vendor/selectize.js +0 -3733
  55. assets/js/vendor/serialize.js +0 -302
  56. assets/js/vendor/tinymce.plugin.code.js +0 -60
  57. assets/scss/controls/checkbox.scss +0 -47
  58. assets/scss/controls/color-palette.scss +0 -33
  59. assets/scss/controls/color.scss +0 -22
  60. assets/scss/controls/dashicons.scss +0 -32
  61. assets/scss/controls/dimension.scss +0 -1
  62. assets/scss/controls/editor.scss +0 -24
  63. assets/scss/controls/generic.scss +0 -8
  64. assets/scss/controls/multicheck.scss +0 -12
  65. assets/scss/controls/multicolor.scss +0 -33
  66. assets/scss/controls/number.scss +0 -48
  67. assets/scss/controls/radio-buttonset.scss +0 -24
  68. assets/scss/controls/radio-image.scss +0 -30
  69. assets/scss/controls/radio.scss +0 -21
  70. assets/scss/controls/select.scss +0 -326
  71. assets/scss/controls/sortable.scss +0 -24
  72. assets/scss/controls/spacing.scss +0 -32
  73. assets/scss/controls/typography.scss +0 -60
  74. assets/scss/customizer.scss +0 -32
  75. assets/scss/global.scss +0 -101
  76. assets/scss/panels/expanded.scss +0 -21
  77. assets/scss/sections/expanded.scss +0 -10
  78. assets/scss/sections/hover.scss +0 -23
  79. assets/scss/tooltips.scss +0 -106
  80. assets/{js/vendor → vendor}/codemirror/AUTHORS +137 -0
  81. assets/vendor/codemirror/CHANGELOG.md +1094 -0
  82. assets/vendor/codemirror/CONTRIBUTING.md +92 -0
  83. assets/{js/vendor → vendor}/codemirror/LICENSE +3 -1
  84. assets/{js/vendor → vendor}/codemirror/README.md +7 -1
  85. assets/{js/vendor → vendor}/codemirror/addon/comment/comment.js +29 -12
  86. assets/{js/vendor → vendor}/codemirror/addon/comment/continuecomment.js +0 -0
  87. assets/{js/vendor → vendor}/codemirror/addon/dialog/dialog.css +0 -0
  88. assets/{js/vendor → vendor}/codemirror/addon/dialog/dialog.js +2 -2
  89. assets/{js/vendor → vendor}/codemirror/addon/display/autorefresh.js +0 -0
  90. assets/{js/vendor → vendor}/codemirror/addon/display/fullscreen.css +0 -0
  91. assets/{js/vendor → vendor}/codemirror/addon/display/fullscreen.js +0 -0
  92. assets/{js/vendor → vendor}/codemirror/addon/display/panel.js +12 -1
  93. assets/{js/vendor → vendor}/codemirror/addon/display/placeholder.js +2 -0
  94. assets/{js/vendor → vendor}/codemirror/addon/display/rulers.js +13 -25
  95. assets/{js/vendor → vendor}/codemirror/addon/edit/closebrackets.js +12 -5
  96. assets/{js/vendor → vendor}/codemirror/addon/edit/closetag.js +0 -0
  97. assets/{js/vendor → vendor}/codemirror/addon/edit/continuelist.js +4 -4
  98. assets/{js/vendor → vendor}/codemirror/addon/edit/matchbrackets.js +3 -1
  99. assets/{js/vendor → vendor}/codemirror/addon/edit/matchtags.js +0 -0
  100. assets/{js/vendor → vendor}/codemirror/addon/edit/trailingspace.js +0 -0
  101. assets/{js/vendor → vendor}/codemirror/addon/fold/brace-fold.js +8 -8
  102. assets/{js/vendor → vendor}/codemirror/addon/fold/comment-fold.js +1 -1
  103. assets/{js/vendor → vendor}/codemirror/addon/fold/foldcode.js +3 -2
  104. assets/{js/vendor → vendor}/codemirror/addon/fold/foldgutter.css +0 -0
  105. assets/{js/vendor → vendor}/codemirror/addon/fold/foldgutter.js +3 -3
  106. assets/{js/vendor → vendor}/codemirror/addon/fold/indent-fold.js +19 -15
  107. assets/{js/vendor → vendor}/codemirror/addon/fold/markdown-fold.js +0 -0
  108. assets/{js/vendor → vendor}/codemirror/addon/fold/xml-fold.js +7 -7
  109. assets/{js/vendor → vendor}/codemirror/addon/hint/anyword-hint.js +0 -0
  110. assets/{js/vendor → vendor}/codemirror/addon/hint/css-hint.js +0 -0
  111. assets/{js/vendor → vendor}/codemirror/addon/hint/html-hint.js +0 -0
  112. assets/{js/vendor → vendor}/codemirror/addon/hint/javascript-hint.js +10 -1
  113. assets/{js/vendor → vendor}/codemirror/addon/hint/show-hint.css +0 -2
  114. assets/{js/vendor → vendor}/codemirror/addon/hint/show-hint.js +39 -48
  115. assets/{js/vendor → vendor}/codemirror/addon/hint/sql-hint.js +77 -44
  116. assets/{js/vendor → vendor}/codemirror/addon/hint/xml-hint.js +0 -0
  117. assets/{js/vendor → vendor}/codemirror/addon/lint/coffeescript-lint.js +0 -0
  118. assets/{js/vendor → vendor}/codemirror/addon/lint/css-lint.js +0 -0
  119. assets/{js/vendor → vendor}/codemirror/addon/lint/html-lint.js +0 -0
  120. assets/{js/vendor → vendor}/codemirror/addon/lint/javascript-lint.js +0 -0
  121. assets/{js/vendor → vendor}/codemirror/addon/lint/json-lint.js +0 -0
  122. assets/{js/vendor → vendor}/codemirror/addon/lint/lint.css +2 -2
  123. assets/{js/vendor → vendor}/codemirror/addon/lint/lint.js +18 -5
  124. assets/{js/vendor → vendor}/codemirror/addon/lint/yaml-lint.js +9 -2
  125. assets/{js/vendor → vendor}/codemirror/addon/merge/merge.css +1 -0
  126. assets/{js/vendor → vendor}/codemirror/addon/merge/merge.js +303 -78
  127. assets/{js/vendor → vendor}/codemirror/addon/mode/loadmode.js +0 -0
  128. assets/{js/vendor → vendor}/codemirror/addon/mode/multiplex.js +0 -0
  129. assets/{js/vendor → vendor}/codemirror/addon/mode/multiplex_test.js +0 -0
  130. assets/{js/vendor → vendor}/codemirror/addon/mode/overlay.js +7 -2
  131. assets/{js/vendor → vendor}/codemirror/addon/mode/simple.js +1 -1
  132. assets/{js/vendor → vendor}/codemirror/addon/runmode/colorize.js +0 -0
  133. assets/{js/vendor → vendor}/codemirror/addon/runmode/runmode-standalone.js +0 -0
  134. assets/{js/vendor → vendor}/codemirror/addon/runmode/runmode.js +1 -1
  135. assets/{js/vendor → vendor}/codemirror/addon/runmode/runmode.node.js +0 -0
  136. assets/{js/vendor → vendor}/codemirror/addon/scroll/annotatescrollbar.js +8 -1
  137. assets/{js/vendor → vendor}/codemirror/addon/scroll/scrollpastend.js +2 -0
  138. assets/{js/vendor → vendor}/codemirror/addon/scroll/simplescrollbars.css +0 -0
  139. assets/{js/vendor → vendor}/codemirror/addon/scroll/simplescrollbars.js +16 -11
  140. assets/vendor/codemirror/addon/search/jump-to-line.js +49 -0
  141. assets/{js/vendor → vendor}/codemirror/addon/search/match-highlighter.js +71 -34
  142. assets/{js/vendor → vendor}/codemirror/addon/search/matchesonscrollbar.css +0 -0
  143. assets/{js/vendor → vendor}/codemirror/addon/search/matchesonscrollbar.js +0 -0
  144. assets/{js/vendor → vendor}/codemirror/addon/search/search.js +35 -11
  145. assets/{js/vendor → vendor}/codemirror/addon/search/searchcursor.js +0 -0
  146. assets/{js/vendor → vendor}/codemirror/addon/selection/active-line.js +14 -13
  147. assets/{js/vendor → vendor}/codemirror/addon/selection/mark-selection.js +3 -2
  148. assets/{js/vendor → vendor}/codemirror/addon/selection/selection-pointer.js +0 -0
  149. assets/{js/vendor → vendor}/codemirror/addon/tern/tern.css +0 -0
  150. assets/{js/vendor → vendor}/codemirror/addon/tern/tern.js +2 -2
  151. assets/{js/vendor → vendor}/codemirror/addon/tern/worker.js +0 -0
  152. assets/{js/vendor → vendor}/codemirror/addon/wrap/hardwrap.js +3 -1
  153. assets/{js/vendor → vendor}/codemirror/bin/authors.sh +0 -0
  154. assets/{js/vendor → vendor}/codemirror/bin/compress +2 -2
  155. assets/{js/vendor → vendor}/codemirror/bin/lint +0 -0
  156. assets/{js/vendor → vendor}/codemirror/bin/release +4 -11
  157. assets/{js/vendor → vendor}/codemirror/bin/source-highlight +5 -8
  158. assets/vendor/codemirror/bin/upload-release.js +35 -0
  159. assets/{js/vendor → vendor}/codemirror/keymap/emacs.js +5 -1
  160. assets/{js/vendor → vendor}/codemirror/keymap/sublime.js +70 -39
  161. assets/{js/vendor → vendor}/codemirror/keymap/vim.js +149 -92
  162. assets/{js/vendor → vendor}/codemirror/lib/codemirror.css +20 -14
  163. assets/vendor/codemirror/lib/codemirror.js +9331 -0
  164. assets/vendor/codemirror/mode/clike/clike.js +789 -0
  165. assets/vendor/codemirror/mode/clike/index.html +360 -0
  166. assets/vendor/codemirror/mode/clike/scala.html +767 -0
  167. assets/vendor/codemirror/mode/clike/test.js +59 -0
  168. assets/vendor/codemirror/mode/clojure/clojure.js +306 -0
  169. assets/{js/vendor → vendor}/codemirror/mode/coffeescript/coffeescript.js +0 -0
  170. assets/{js/vendor → vendor}/codemirror/mode/coffeescript/index.html +0 -0
  171. assets/{js/vendor → vendor}/codemirror/mode/css/css.js +41 -35
  172. assets/{js/vendor → vendor}/codemirror/mode/css/gss.html +0 -0
  173. assets/{js/vendor → vendor}/codemirror/mode/css/gss_test.js +0 -0
  174. assets/{js/vendor → vendor}/codemirror/mode/css/index.html +1 -1
  175. assets/{js/vendor → vendor}/codemirror/mode/css/less.html +0 -0
  176. assets/{js/vendor → vendor}/codemirror/mode/css/less_test.js +2 -2
  177. assets/{js/vendor → vendor}/codemirror/mode/css/scss.html +0 -0
  178. assets/{js/vendor → vendor}/codemirror/mode/css/scss_test.js +1 -1
  179. assets/{js/vendor → vendor}/codemirror/mode/css/test.js +0 -0
  180. assets/{js/vendor → vendor}/codemirror/mode/haml/haml.js +3 -3
  181. assets/{js/vendor → vendor}/codemirror/mode/haml/index.html +0 -0
  182. assets/{js/vendor → vendor}/codemirror/mode/haml/test.js +0 -0
  183. assets/{js/vendor → vendor}/codemirror/mode/htmlembedded/htmlembedded.js +0 -0
  184. assets/{js/vendor → vendor}/codemirror/mode/htmlembedded/index.html +5 -4
  185. assets/{js/vendor → vendor}/codemirror/mode/htmlmixed/htmlmixed.js +24 -22
  186. assets/{js/vendor → vendor}/codemirror/mode/htmlmixed/index.html +20 -9
  187. assets/{js/vendor → vendor}/codemirror/mode/index.html +14 -3
  188. assets/{js/vendor → vendor}/codemirror/mode/javascript/index.html +0 -0
  189. assets/{js/vendor → vendor}/codemirror/mode/javascript/javascript.js +142 -58
  190. assets/{js/vendor → vendor}/codemirror/mode/javascript/json-ld.html +0 -0
  191. assets/{js/vendor → vendor}/codemirror/mode/javascript/test.js +136 -7
  192. assets/{js/vendor → vendor}/codemirror/mode/javascript/typescript.html +8 -8
  193. assets/{js/vendor → vendor}/codemirror/mode/markdown/index.html +0 -0
  194. assets/{js/vendor → vendor}/codemirror/mode/markdown/markdown.js +132 -140
  195. assets/{js/vendor → vendor}/codemirror/mode/markdown/test.js +65 -23
  196. assets/vendor/codemirror/mode/mathematica/index.html +72 -0
  197. assets/{js/vendor → vendor}/codemirror/mode/meta.js +28 -11
  198. assets/{js/vendor → vendor}/codemirror/mode/php/index.html +0 -0
  199. assets/{js/vendor → vendor}/codemirror/mode/php/php.js +1 -1
  200. assets/{js/vendor → vendor}/codemirror/mode/php/test.js +0 -0
  201. assets/{js/vendor → vendor}/codemirror/mode/sass/index.html +3 -1
  202. assets/{js/vendor → vendor}/codemirror/mode/sass/sass.js +67 -27
  203. assets/{js/vendor → vendor}/codemirror/mode/smarty/index.html +0 -0
  204. assets/{js/vendor → vendor}/codemirror/mode/smarty/smarty.js +0 -0
  205. assets/{js/vendor → vendor}/codemirror/mode/sql/index.html +3 -1
  206. assets/{js/vendor → vendor}/codemirror/mode/sql/sql.js +76 -11
  207. assets/{js/vendor → vendor}/codemirror/mode/stylus/index.html +0 -0
  208. assets/{js/vendor → vendor}/codemirror/mode/stylus/stylus.js +2 -2
  209. assets/{js/vendor → vendor}/codemirror/mode/textile/index.html +0 -0
  210. assets/{js/vendor → vendor}/codemirror/mode/textile/test.js +0 -0
  211. assets/{js/vendor → vendor}/codemirror/mode/textile/textile.js +0 -0
  212. assets/{js/vendor → vendor}/codemirror/mode/twig/index.html +0 -0
  213. assets/{js/vendor → vendor}/codemirror/mode/twig/twig.js +12 -3
  214. assets/{js/vendor → vendor}/codemirror/mode/xml/index.html +5 -1
  215. assets/{js/vendor → vendor}/codemirror/mode/xml/test.js +0 -0
  216. assets/{js/vendor → vendor}/codemirror/mode/xml/xml.js +79 -70
  217. assets/{js/vendor → vendor}/codemirror/mode/yaml/index.html +0 -0
  218. assets/{js/vendor → vendor}/codemirror/mode/yaml/yaml.js +1 -0
  219. assets/vendor/codemirror/theme/elegant.css +13 -0
  220. assets/vendor/codemirror/theme/material.css +53 -0
  221. assets/vendor/codemirror/theme/monokai.css +36 -0
  222. assets/vendor/select2/css/select2.css +484 -0
  223. assets/vendor/select2/css/select2.min.css +1 -0
  224. assets/vendor/select2/js/i18n/ar.js +3 -0
  225. assets/vendor/select2/js/i18n/az.js +3 -0
  226. assets/vendor/select2/js/i18n/bg.js +3 -0
  227. assets/vendor/select2/js/i18n/ca.js +3 -0
  228. assets/vendor/select2/js/i18n/cs.js +3 -0
  229. assets/vendor/select2/js/i18n/da.js +3 -0
  230. assets/vendor/select2/js/i18n/de.js +3 -0
  231. assets/vendor/select2/js/i18n/el.js +3 -0
  232. assets/vendor/select2/js/i18n/en.js +3 -0
  233. assets/vendor/select2/js/i18n/es.js +3 -0
  234. assets/vendor/select2/js/i18n/et.js +3 -0
  235. assets/vendor/select2/js/i18n/eu.js +3 -0
  236. assets/vendor/select2/js/i18n/fa.js +3 -0
  237. assets/vendor/select2/js/i18n/fi.js +3 -0
  238. assets/vendor/select2/js/i18n/fr.js +3 -0
  239. assets/vendor/select2/js/i18n/gl.js +3 -0
  240. assets/vendor/select2/js/i18n/he.js +3 -0
  241. assets/vendor/select2/js/i18n/hi.js +3 -0
  242. assets/vendor/select2/js/i18n/hr.js +3 -0
  243. assets/vendor/select2/js/i18n/hu.js +3 -0
  244. assets/vendor/select2/js/i18n/id.js +3 -0
  245. assets/vendor/select2/js/i18n/is.js +3 -0
  246. assets/vendor/select2/js/i18n/it.js +3 -0
  247. assets/vendor/select2/js/i18n/ja.js +3 -0
  248. assets/vendor/select2/js/i18n/km.js +3 -0
  249. assets/vendor/select2/js/i18n/ko.js +3 -0
  250. assets/vendor/select2/js/i18n/lt.js +3 -0
  251. assets/vendor/select2/js/i18n/lv.js +3 -0
  252. assets/vendor/select2/js/i18n/mk.js +3 -0
  253. assets/vendor/select2/js/i18n/ms.js +3 -0
  254. assets/vendor/select2/js/i18n/nb.js +3 -0
  255. assets/vendor/select2/js/i18n/nl.js +3 -0
  256. assets/vendor/select2/js/i18n/pl.js +3 -0
  257. assets/vendor/select2/js/i18n/pt-BR.js +3 -0
  258. assets/vendor/select2/js/i18n/pt.js +3 -0
  259. assets/vendor/select2/js/i18n/ro.js +3 -0
  260. assets/vendor/select2/js/i18n/ru.js +3 -0
  261. assets/vendor/select2/js/i18n/sk.js +3 -0
  262. assets/vendor/select2/js/i18n/sr-Cyrl.js +3 -0
  263. assets/vendor/select2/js/i18n/sr.js +3 -0
  264. assets/vendor/select2/js/i18n/sv.js +3 -0
  265. assets/vendor/select2/js/i18n/th.js +3 -0
  266. assets/vendor/select2/js/i18n/tr.js +3 -0
  267. assets/vendor/select2/js/i18n/uk.js +3 -0
  268. assets/vendor/select2/js/i18n/vi.js +3 -0
  269. assets/vendor/select2/js/i18n/zh-CN.js +3 -0
  270. assets/vendor/select2/js/i18n/zh-TW.js +3 -0
  271. assets/vendor/select2/js/select2.full.js +6436 -0
  272. assets/vendor/select2/js/select2.full.min.js +3 -0
  273. assets/vendor/select2/js/select2.js +5725 -0
  274. assets/vendor/select2/js/select2.min.js +3 -0
  275. assets/vendor/select2/kirki.css +23 -0
  276. assets/vendor/select2/kirki.css.map +7 -0
  277. assets/vendor/select2/kirki.scss +42 -0
  278. assets/{js/vendor → vendor/wp-color-picker-alpha}/wp-color-picker-alpha.js +125 -76
  279. autoloader.php +50 -9
  280. controls/background/background.css +69 -0
  281. controls/background/background.css.map +7 -0
  282. controls/background/background.js +177 -0
  283. controls/background/background.scss +99 -0
  284. controls/background/class-kirki-control-background.php +202 -0
  285. controls/code/class-kirki-control-code.php +136 -0
  286. controls/code/code.css +442 -0
  287. controls/code/code.css.map +7 -0
  288. controls/code/code.js +115 -0
  289. {assets/scss/controls → controls/code}/code.scss +140 -35
  290. controls/color-palette/class-kirki-control-color-palette.php +138 -0
  291. controls/color-palette/color-palette.css +82 -0
  292. controls/color-palette/color-palette.css.map +7 -0
  293. controls/color-palette/color-palette.js +31 -0
  294. controls/color-palette/color-palette.scss +122 -0
  295. controls/color-palette/dashicons.css.map +7 -0
  296. controls/color/class-kirki-control-color.php +176 -0
  297. controls/color/color.css +46 -0
  298. controls/color/color.css.map +7 -0
  299. controls/color/color.js +50 -0
  300. controls/color/color.scss +60 -0
  301. controls/custom/class-kirki-control-custom.php +72 -0
  302. controls/dashicons/class-kirki-control-dashicons.php +206 -0
  303. controls/dashicons/dashicons.css +66 -0
  304. controls/dashicons/dashicons.css.map +7 -0
  305. controls/dashicons/dashicons.js +31 -0
  306. controls/dashicons/dashicons.scss +96 -0
  307. controls/date/class-kirki-control-date.php +112 -0
  308. controls/date/date.css +101 -0
  309. controls/date/date.css.map +7 -0
  310. {assets/js/controls → controls/date}/date.js +16 -2
  311. {assets/scss/controls → controls/date}/date.scss +77 -0
  312. controls/dimension/class-kirki-control-dimension.php +124 -0
  313. controls/dimension/dimension.css +46 -0
  314. controls/dimension/dimension.css.map +7 -0
  315. controls/dimension/dimension.js +87 -0
  316. controls/dimension/dimension.scss +60 -0
  317. controls/dimensions/class-kirki-control-dimensions.php +200 -0
  318. controls/dimensions/dimensions.css +59 -0
  319. controls/dimensions/dimensions.css.map +7 -0
  320. controls/dimensions/dimensions.js +140 -0
  321. controls/dimensions/dimensions.scss +83 -0
  322. controls/editor/class-kirki-control-editor.php +133 -0
  323. controls/editor/editor.css +70 -0
  324. controls/editor/editor.css.map +7 -0
  325. {assets/js/controls → controls/editor}/editor.js +27 -24
  326. controls/editor/editor.scss +94 -0
  327. controls/fontawesome/class-kirki-control-fontawesome.php +133 -0
  328. controls/fontawesome/font-awesome.css +2336 -0
  329. controls/fontawesome/font-awesome.min.css +4 -0
  330. controls/fontawesome/fontawesome-webfont.woff +0 -0
  331. controls/fontawesome/fontawesome-webfont.woff2 +0 -0
  332. controls/fontawesome/fontawesome.css +46 -0
  333. controls/fontawesome/fontawesome.css.map +7 -0
  334. controls/fontawesome/fontawesome.js +58 -0
  335. controls/fontawesome/fontawesome.json +8315 -0
  336. controls/fontawesome/fontawesome.scss +60 -0
  337. controls/generic/class-kirki-control-generic.php +128 -0
  338. controls/generic/generic.css +51 -0
  339. controls/generic/generic.css.map +7 -0
  340. {assets/js/controls → controls/generic}/generic.js +16 -2
  341. controls/generic/generic.scss +67 -0
  342. controls/gradient/class-kirki-control-gradient.php +202 -0
  343. controls/gradient/gradient.css +111 -0
  344. controls/gradient/gradient.css.map +7 -0
  345. controls/gradient/gradient.js +141 -0
  346. controls/gradient/gradient.scss +158 -0
  347. controls/image/class-kirki-control-image.php +135 -0
  348. controls/image/image.css +46 -0
  349. controls/image/image.css.map +7 -0
  350. controls/image/image.js +134 -0
  351. controls/image/image.scss +60 -0
  352. controls/multicheck/class-kirki-control-multicheck.php +124 -0
  353. controls/multicheck/multicheck.css +51 -0
  354. controls/multicheck/multicheck.css.map +7 -0
  355. {assets/js/controls → controls/multicheck}/multicheck.js +18 -4
  356. controls/multicheck/multicheck.scss +74 -0
  357. controls/multicolor/class-kirki-control-multicolor.php +181 -0
  358. controls/multicolor/multicolor.css +70 -0
  359. controls/multicolor/multicolor.css.map +7 -0
  360. controls/multicolor/multicolor.js +95 -0
  361. controls/multicolor/multicolor.scss +98 -0
  362. controls/number/class-kirki-control-number.php +128 -0
  363. controls/number/number.css +79 -0
  364. controls/number/number.css.map +7 -0
  365. controls/number/number.js +87 -0
  366. controls/number/number.scss +115 -0
  367. controls/palette/class-kirki-control-palette.php +123 -0
  368. controls/palette/palette.css +81 -0
  369. controls/palette/palette.css.map +7 -0
  370. controls/palette/palette.js +31 -0
  371. {assets/scss/controls → controls/palette}/palette.scss +65 -0
  372. controls/preset/class-kirki-control-preset.php +117 -0
  373. controls/preset/preset.css +46 -0
  374. controls/preset/preset.css.map +7 -0
  375. {assets/js/controls → controls/preset}/preset.js +17 -9
  376. controls/preset/preset.scss +60 -0
  377. controls/preset/set-setting-value.js +210 -0
  378. controls/radio-buttonset/class-kirki-control-radio-buttonset.php +114 -0
  379. controls/radio-buttonset/radio-buttonset.css +60 -0
  380. controls/radio-buttonset/radio-buttonset.css.map +7 -0
  381. controls/radio-buttonset/radio-buttonset.js +31 -0
  382. controls/radio-buttonset/radio-buttonset.scss +86 -0
  383. controls/radio-image/class-kirki-control-radio-image.php +129 -0
  384. controls/radio-image/radio-image.css +82 -0
  385. controls/radio-image/radio-image.css.map +7 -0
  386. controls/radio-image/radio-image.js +33 -0
  387. controls/radio-image/radio-image.scss +117 -0
  388. controls/radio/class-kirki-control-radio.php +119 -0
  389. controls/radio/radio.css +61 -0
  390. controls/radio/radio.css.map +7 -0
  391. controls/radio/radio.js +31 -0
  392. controls/radio/radio.scss +83 -0
  393. controls/repeater/class-kirki-control-repeater.php +539 -0
  394. controls/repeater/class-kirki-settings-repeater-setting.php +83 -0
  395. controls/repeater/repeater.css +163 -0
  396. controls/repeater/repeater.css.map +7 -0
  397. {assets/js/controls → controls/repeater}/repeater.js +67 -51
  398. {assets/scss/controls → controls/repeater}/repeater.scss +95 -4
  399. controls/select/class-kirki-control-select.php +167 -0
  400. controls/select/select.css +46 -0
  401. controls/select/select.css.map +7 -0
  402. controls/select/select.js +43 -0
  403. controls/select/select.scss +60 -0
  404. controls/slider/class-kirki-control-slider.php +125 -0
  405. controls/slider/slider.css +112 -0
  406. controls/slider/slider.css.map +7 -0
  407. {assets/js/controls → controls/slider}/slider.js +18 -6
  408. {assets/scss/controls → controls/slider}/slider.scss +74 -8
  409. controls/sortable/class-kirki-control-sortable.php +142 -0
  410. controls/sortable/sortable.css +59 -0
  411. controls/sortable/sortable.css.map +7 -0
  412. controls/sortable/sortable.js +66 -0
  413. controls/sortable/sortable.scss +87 -0
  414. controls/switch/class-kirki-control-switch.php +122 -0
  415. controls/switch/switch.css +105 -0
  416. controls/switch/switch.css.map +7 -0
  417. controls/switch/switch.js +38 -0
  418. {assets/scss/controls → controls/switch}/switch.scss +70 -9
  419. controls/toggle/class-kirki-control-toggle.php +119 -0
  420. controls/toggle/toggle.css +96 -0
  421. controls/toggle/toggle.css.map +7 -0
  422. controls/toggle/toggle.js +33 -0
  423. {assets/scss/controls → controls/toggle}/toggle.scss +70 -3
  424. controls/typography/class-kirki-control-typography.php +462 -0
  425. controls/typography/typography.css +87 -0
  426. controls/typography/typography.css.map +7 -0
  427. controls/typography/typography.js +407 -0
  428. controls/typography/typography.scss +101 -0
  429. core/class-kirki-active-callback.php +187 -0
  430. core/class-kirki-config.php +163 -0
  431. core/class-kirki-control.php +116 -0
  432. core/class-kirki-custom-build.php +98 -0
  433. core/class-kirki-field.php +870 -0
  434. core/class-kirki-helper.php +632 -0
  435. core/class-kirki-init.php +442 -0
  436. core/class-kirki-l10n.php +90 -0
  437. core/class-kirki-modules.php +153 -0
  438. core/class-kirki-panel.php +57 -0
  439. core/class-kirki-sanitize-values.php +212 -0
  440. core/class-kirki-section.php +60 -0
  441. core/class-kirki-setting-site-option.php +73 -0
  442. core/class-kirki-setting-user-meta.php +97 -0
  443. core/class-kirki-settings.php +144 -0
  444. core/class-kirki-toolkit.php +45 -0
  445. core/class-kirki-values.php +118 -0
  446. core/class-kirki.php +198 -0
  447. {includes → core}/deprecated.php +3 -1
  448. {includes → core}/dynamic-css.php +2 -2
  449. field/class-kirki-field-background.php +122 -0
  450. field/class-kirki-field-checkbox.php +70 -0
  451. field/class-kirki-field-code.php +111 -0
  452. field/class-kirki-field-color-alpha.php +30 -0
  453. field/class-kirki-field-color-palette.php +27 -0
  454. field/class-kirki-field-color.php +77 -0
  455. field/class-kirki-field-custom.php +45 -0
  456. field/class-kirki-field-dashicons.php +45 -0
  457. field/class-kirki-field-date.php +43 -0
  458. field/class-kirki-field-dimension.php +27 -0
  459. field/class-kirki-field-dimensions.php +76 -0
  460. field/class-kirki-field-editor.php +92 -0
  461. field/class-kirki-field-fontawesome.php +43 -0
  462. field/class-kirki-field-generic.php +15 -0
  463. field/class-kirki-field-gradient.php +105 -0
  464. field/class-kirki-field-group-title.php +16 -0
  465. field/class-kirki-field-image.php +83 -0
  466. field/class-kirki-field-kirki-generic.php +60 -0
  467. field/class-kirki-field-link.php +15 -0
  468. field/class-kirki-field-multicheck.php +55 -0
  469. field/class-kirki-field-multicolor.php +69 -0
  470. field/class-kirki-field-number.php +83 -0
  471. field/class-kirki-field-palette.php +27 -0
  472. field/class-kirki-field-preset.php +38 -0
  473. field/class-kirki-field-radio-buttonset.php +27 -0
  474. field/class-kirki-field-radio-image.php +27 -0
  475. field/class-kirki-field-radio.php +56 -0
  476. field/class-kirki-field-repeater.php +175 -0
  477. field/class-kirki-field-select.php +101 -0
  478. field/class-kirki-field-select2-multiple.php +29 -0
  479. field/class-kirki-field-select2.php +17 -0
  480. field/class-kirki-field-slider.php +43 -0
  481. field/class-kirki-field-sortable.php +62 -0
  482. field/class-kirki-field-spacing.php +87 -0
  483. field/class-kirki-field-switch.php +57 -0
  484. field/class-kirki-field-text.php +47 -0
  485. field/class-kirki-field-textarea.php +31 -0
  486. field/class-kirki-field-toggle.php +27 -0
  487. field/class-kirki-field-typography.php +207 -0
  488. field/class-kirki-field-upload.php +43 -0
  489. field/class-kirki-field-url.php +47 -0
  490. includes/class-kirki-active-callback.php +0 -186
  491. includes/class-kirki-config.php +0 -166
  492. includes/class-kirki-control.php +0 -143
  493. includes/class-kirki-customize-control.php +0 -177
  494. includes/class-kirki-enqueue.php +0 -254
  495. includes/class-kirki-explode-background-field.php +0 -202
  496. includes/class-kirki-field.php +0 -875
  497. includes/class-kirki-fonts-google.php +0 -338
  498. includes/class-kirki-fonts.php +0 -248
  499. includes/class-kirki-helper.php +0 -907
  500. includes/class-kirki-init.php +0 -256
  501. includes/class-kirki-l10n.php +0 -230
  502. includes/class-kirki-panel.php +0 -66
  503. includes/class-kirki-sanitize-values.php +0 -230
  504. includes/class-kirki-scripts-registry.php +0 -72
  505. includes/class-kirki-section.php +0 -69
  506. includes/class-kirki-settings.php +0 -141
  507. includes/class-kirki-toolkit.php +0 -48
  508. includes/class-kirki-values.php +0 -152
  509. includes/class-kirki.php +0 -185
  510. includes/controls/class-kirki-controls-checkbox-control.php +0 -68
  511. includes/controls/class-kirki-controls-code-control.php +0 -100
  512. includes/controls/class-kirki-controls-color-control.php +0 -90
  513. includes/controls/class-kirki-controls-color-palette-control.php +0 -92
  514. includes/controls/class-kirki-controls-custom-control.php +0 -72
  515. includes/controls/class-kirki-controls-dashicons-control.php +0 -207
  516. includes/controls/class-kirki-controls-date-control.php +0 -70
  517. includes/controls/class-kirki-controls-dimension-control.php +0 -70
  518. includes/controls/class-kirki-controls-dropdown-pages-control.php +0 -94
  519. includes/controls/class-kirki-controls-editor-control.php +0 -77
  520. includes/controls/class-kirki-controls-generic-control.php +0 -87
  521. includes/controls/class-kirki-controls-multicheck-control.php +0 -84
  522. includes/controls/class-kirki-controls-multicolor-control.php +0 -95
  523. includes/controls/class-kirki-controls-number-control.php +0 -70
  524. includes/controls/class-kirki-controls-palette-control.php +0 -77
  525. includes/controls/class-kirki-controls-preset-control.php +0 -72
  526. includes/controls/class-kirki-controls-radio-buttonset-control.php +0 -74
  527. includes/controls/class-kirki-controls-radio-control.php +0 -78
  528. includes/controls/class-kirki-controls-radio-image-control.php +0 -77
  529. includes/controls/class-kirki-controls-repeater-control.php +0 -519
  530. includes/controls/class-kirki-controls-select-control.php +0 -104
  531. includes/controls/class-kirki-controls-slider-control.php +0 -93
  532. includes/controls/class-kirki-controls-sortable-control.php +0 -152
  533. includes/controls/class-kirki-controls-spacing-control.php +0 -104
  534. includes/controls/class-kirki-controls-switch-control.php +0 -84
  535. includes/controls/class-kirki-controls-toggle-control.php +0 -69
  536. includes/controls/class-kirki-controls-typography-control.php +0 -238
  537. includes/field/class-kirki-field-checkbox.php +0 -85
  538. includes/field/class-kirki-field-code.php +0 -113
  539. includes/field/class-kirki-field-color-alpha.php +0 -33
  540. includes/field/class-kirki-field-color-palette.php +0 -30
  541. includes/field/class-kirki-field-color.php +0 -68
  542. includes/field/class-kirki-field-custom.php +0 -48
  543. includes/field/class-kirki-field-dashicons.php +0 -48
  544. includes/field/class-kirki-field-date.php +0 -46
  545. includes/field/class-kirki-field-dimension.php +0 -30
  546. includes/field/class-kirki-field-dropdown-pages.php +0 -46
  547. includes/field/class-kirki-field-editor.php +0 -95
  548. includes/field/class-kirki-field-generic.php +0 -19
  549. includes/field/class-kirki-field-group-title.php +0 -20
  550. includes/field/class-kirki-field-image.php +0 -19
  551. includes/field/class-kirki-field-kirki-generic.php +0 -63
  552. includes/field/class-kirki-field-link.php +0 -19
  553. includes/field/class-kirki-field-multicheck.php +0 -58
  554. includes/field/class-kirki-field-multicolor.php +0 -72
  555. includes/field/class-kirki-field-number.php +0 -46
  556. includes/field/class-kirki-field-palette.php +0 -30
  557. includes/field/class-kirki-field-preset.php +0 -41
  558. includes/field/class-kirki-field-radio-buttonset.php +0 -30
  559. includes/field/class-kirki-field-radio-image.php +0 -30
  560. includes/field/class-kirki-field-radio.php +0 -51
  561. includes/field/class-kirki-field-repeater.php +0 -137
  562. includes/field/class-kirki-field-select.php +0 -77
  563. includes/field/class-kirki-field-select2-multiple.php +0 -32
  564. includes/field/class-kirki-field-select2.php +0 -20
  565. includes/field/class-kirki-field-slider.php +0 -46
  566. includes/field/class-kirki-field-sortable.php +0 -30
  567. includes/field/class-kirki-field-spacing.php +0 -92
  568. includes/field/class-kirki-field-switch.php +0 -57
  569. includes/field/class-kirki-field-text.php +0 -50
  570. includes/field/class-kirki-field-textarea.php +0 -34
  571. includes/field/class-kirki-field-toggle.php +0 -30
  572. includes/field/class-kirki-field-typography.php +0 -208
  573. includes/field/class-kirki-field-upload.php +0 -46
  574. includes/field/class-kirki-field-url.php +0 -50
  575. includes/field/class-kirki-filed-link.php +0 -50
  576. includes/field/class-kirki-filed-url.php +0 -18
  577. includes/lib/class-kirki-color.php +0 -339
  578. includes/output/class-kirki-output.php +0 -230
  579. includes/output/field/class-kirki-output-field-multicolor.php +0 -64
  580. includes/output/field/class-kirki-output-field-spacing.php +0 -43
  581. includes/output/field/class-kirki-output-field-typography.php +0 -89
  582. includes/output/property/class-kirki-output-property-background-image.php +0 -34
  583. includes/output/property/class-kirki-output-property-background-position.php +0 -75
  584. includes/output/property/class-kirki-output-property-font-family.php +0 -61
  585. includes/output/property/class-kirki-output-property.php +0 -67
  586. includes/panels/class-kirki-panels-default-panel.php +0 -28
  587. includes/panels/class-kirki-panels-expanded-panel.php +0 -66
  588. includes/scripts/class-kirki-scripts-icons.php +0 -96
  589. includes/scripts/class-kirki-scripts-loading.php +0 -136
  590. includes/scripts/class-kirki-scripts-tooltips.php +0 -122
  591. includes/sections/class-kirki-sections-default-section.php +0 -83
  592. includes/sections/class-kirki-sections-expanded-section.php +0 -56
  593. includes/sections/class-kirki-sections-hover-section.php +0 -66
  594. includes/settings/class-kirki-settings-default-setting.php +0 -19
  595. includes/settings/class-kirki-settings-repeater-setting.php +0 -86
  596. includes/styles/class-kirki-styles-customizer.php +0 -247
  597. includes/styles/class-kirki-styles-frontend.php +0 -204
  598. includes/styles/class-kirki-styles-output-css.php +0 -266
  599. kirki.php +33 -41
  600. l10n.php +52 -0
  601. {includes/lib → lib}/class-aricolor.php +379 -143
  602. lib/class-kirki-color.php +342 -0
  603. modules/collapsible/class-kirki-modules-collapsible.php +83 -0
  604. modules/collapsible/collapsible.css +13 -0
  605. modules/collapsible/collapsible.css.map +7 -0
  606. modules/collapsible/collapsible.js +52 -0
  607. modules/collapsible/collapsible.scss +23 -0
  608. modules/css/class-kirki-css-to-file.php +160 -0
  609. modules/css/class-kirki-modules-css-generator.php +275 -0
  610. modules/css/class-kirki-modules-css.php +284 -0
  611. modules/css/class-kirki-output.php +293 -0
  612. modules/css/field/class-kirki-output-field-background.php +62 -0
  613. modules/css/field/class-kirki-output-field-dimensions.php +40 -0
  614. modules/css/field/class-kirki-output-field-multicolor.php +56 -0
  615. modules/css/field/class-kirki-output-field-typography.php +69 -0
  616. modules/css/property/class-kirki-output-property-background-image.php +40 -0
  617. modules/css/property/class-kirki-output-property-background-position.php +72 -0
  618. modules/css/property/class-kirki-output-property-font-family.php +65 -0
  619. modules/css/property/class-kirki-output-property.php +64 -0
  620. modules/custom-sections/class-kirki-modules-custom-sections.php +162 -0
  621. modules/custom-sections/panels/class-kirki-panels-nested-panel.php +59 -0
  622. modules/custom-sections/sections.css +20 -0
  623. modules/custom-sections/sections.css.map +7 -0
  624. modules/custom-sections/sections.js +256 -0
  625. modules/custom-sections/sections.scss +35 -0
  626. modules/custom-sections/sections/class-kirki-sections-default-section.php +25 -0
  627. modules/custom-sections/sections/class-kirki-sections-expanded-section.php +25 -0
  628. modules/custom-sections/sections/class-kirki-sections-nested-section.php +66 -0
  629. {assets/js → modules/customizer-branding}/branding.js +0 -0
  630. modules/customizer-branding/class-kirki-modules-customizer-branding.php +89 -0
  631. modules/customizer-styling/class-kirki-modules-customizer-styling.php +355 -0
  632. modules/field-dependencies/class-kirki-modules-field-dependencies.php +77 -0
  633. modules/field-dependencies/field-dependencies.js +126 -0
  634. modules/icons/class-kirki-modules-icons.php +108 -0
  635. modules/icons/icons.js +29 -0
  636. modules/loading/class-kirki-modules-loading.php +169 -0
  637. modules/postmessage/class-kirki-modules-postmessage.php +479 -0
  638. modules/postmessage/postmessage.js +4 -0
  639. modules/reset/class-kirki-modules-reset.php +72 -0
  640. modules/reset/reset.css +34 -0
  641. modules/reset/reset.css.map +7 -0
  642. modules/reset/reset.js +28 -0
  643. modules/reset/reset.scss +40 -0
  644. modules/reset/set-setting-value.js +210 -0
  645. modules/resize/class-kirki-modules-resize.php +65 -0
  646. modules/resize/resize.css +46 -0
  647. modules/resize/resize.css.map +7 -0
  648. modules/resize/resize.js +33 -0
  649. modules/resize/resize.scss +52 -0
  650. includes/class-kirki-selective-refresh.php → modules/selective-refresh/class-kirki-modules-selective-refresh.php +37 -9
  651. modules/tooltips/class-kirki-modules-tooltips.php +121 -0
  652. modules/tooltips/tooltip.css +32 -0
  653. modules/tooltips/tooltip.css.map +7 -0
  654. modules/tooltips/tooltip.js +39 -0
  655. modules/tooltips/tooltip.scss +41 -0
  656. modules/webfonts/class-kirki-fonts-google.php +247 -0
  657. modules/webfonts/class-kirki-fonts.php +246 -0
  658. modules/webfonts/class-kirki-modules-webfonts-async.php +100 -0
  659. modules/webfonts/class-kirki-modules-webfonts-embed.php +171 -0
  660. modules/webfonts/class-kirki-modules-webfonts-link.php +148 -0
  661. modules/webfonts/class-kirki-modules-webfonts.php +192 -0
  662. {includes → modules/webfonts}/webfonts.php +1 -1
  663. readme.txt +86 -12
  664. upgrade-notifications.php +37 -0
Gruntfile.js ADDED
@@ -0,0 +1,154 @@
1
+ module.exports = function( grunt ) {
2
+
3
+ grunt.initConfig({
4
+
5
+ // Get json file from the google-fonts API
6
+ curl: {
7
+ 'google-fonts-source': {
8
+ src: 'https://www.googleapis.com/webfonts/v1/webfonts?sort=alpha&key=AIzaSyCDiOc36EIOmwdwspLG3LYwCg9avqC5YLs',
9
+ dest: 'modules/webfonts/webfonts.json'
10
+ }
11
+ },
12
+
13
+ // Compile CSS
14
+ sass: {
15
+ dist: {
16
+ files: {
17
+ 'assets/vendor/select2/kirki.css': 'assets/vendor/select2/kirki.scss',
18
+ 'modules/reset/reset.css': 'modules/reset/reset.scss',
19
+ 'modules/tooltips/tooltip.css': 'modules/tooltips/tooltip.scss',
20
+ 'modules/custom-sections/sections.css': 'modules/custom-sections/sections.scss',
21
+ 'modules/collapsible/collapsible.css': 'modules/collapsible/collapsible.scss',
22
+ 'modules/resize/resize.css': 'modules/resize/resize.scss',
23
+
24
+ 'controls/background/background.css': 'controls/background/background.scss',
25
+ 'controls/code/code.css': 'controls/code/code.scss',
26
+ 'controls/color/color.css': 'controls/color/color.scss',
27
+ 'controls/color-palette/color-palette.css': 'controls/color-palette/color-palette.scss',
28
+ 'controls/dashicons/dashicons.css': 'controls/dashicons/dashicons.scss',
29
+ 'controls/date/date.css': 'controls/date/date.scss',
30
+ 'controls/dimension/dimension.css': 'controls/dimension/dimension.scss',
31
+ 'controls/dimensions/dimensions.css': 'controls/dimensions/dimensions.scss',
32
+ 'controls/editor/editor.css': 'controls/editor/editor.scss',
33
+ 'controls/fontawesome/fontawesome.css': 'controls/fontawesome/fontawesome.scss',
34
+ 'controls/generic/generic.css': 'controls/generic/generic.scss',
35
+ 'controls/gradient/gradient.css': 'controls/gradient/gradient.scss',
36
+ 'controls/image/image.css': 'controls/image/image.scss',
37
+ 'controls/multicheck/multicheck.css': 'controls/multicheck/multicheck.scss',
38
+ 'controls/multicolor/multicolor.css': 'controls/multicolor/multicolor.scss',
39
+ 'controls/number/number.css': 'controls/number/number.scss',
40
+ 'controls/palette/palette.css': 'controls/palette/palette.scss',
41
+ 'controls/preset/preset.css': 'controls/preset/preset.scss',
42
+ 'controls/radio/radio.css': 'controls/radio/radio.scss',
43
+ 'controls/radio-buttonset/radio-buttonset.css': 'controls/radio-buttonset/radio-buttonset.scss',
44
+ 'controls/radio-image/radio-image.css': 'controls/radio-image/radio-image.scss',
45
+ 'controls/repeater/repeater.css': 'controls/repeater/repeater.scss',
46
+ 'controls/select/select.css': 'controls/select/select.scss',
47
+ 'controls/slider/slider.css': 'controls/slider/slider.scss',
48
+ 'controls/sortable/sortable.css': 'controls/sortable/sortable.scss',
49
+ 'controls/switch/switch.css': 'controls/switch/switch.scss',
50
+ 'controls/toggle/toggle.css': 'controls/toggle/toggle.scss',
51
+ 'controls/typography/typography.css': 'controls/typography/typography.scss'
52
+ }
53
+ },
54
+
55
+ customBuild: {
56
+ dist: {
57
+ options: {
58
+ style: 'compressed'
59
+ },
60
+ files: {
61
+ 'build.css': 'build.scss'
62
+ }
63
+ }
64
+ }
65
+ },
66
+
67
+ // Convert readme.txt to readme.md
68
+ wp_readme_to_markdown: {
69
+ your_target: {
70
+ files: {
71
+ 'README.md': 'readme.txt'
72
+ }
73
+ }
74
+ },
75
+
76
+ // Convert json array to PHP array
77
+ json2php: {
78
+ convert: {
79
+ expand: true,
80
+ ext: '.php',
81
+ src: ['modules/webfonts/webfonts.json']
82
+ }
83
+ },
84
+
85
+ // Check JS syntax
86
+ jscs: {
87
+ src: [
88
+ 'Gruntfile.js',
89
+ 'controls/**/*.js',
90
+ 'modules/**/*.js',
91
+ '!modules/search/fuse.js',
92
+ '!modules/search/fuse.min.js',
93
+ '!assets/vendor/*'
94
+ ],
95
+ options: {
96
+ config: '.jscsrc',
97
+ verbose: true
98
+ }
99
+ },
100
+
101
+ // Delete the json array
102
+ clean: [
103
+ 'modules/webfonts/webfonts.json'
104
+ ],
105
+
106
+ // Watch task (run with "grunt watch")
107
+ watch: {
108
+ css: {
109
+ files: [
110
+ 'assets/**/*.scss',
111
+ 'controls/**/*.scss',
112
+ 'modules/**/*.scss'
113
+ ],
114
+ tasks: ['sass']
115
+ },
116
+ scripts: {
117
+ files: [
118
+ 'Gruntfile.js',
119
+ 'controls/**/*.js',
120
+ 'modules/**/*.js'
121
+ ],
122
+ tasks: ['jscs']
123
+ }
124
+ },
125
+
126
+ uglify: {
127
+ options: {
128
+ mangle: false
129
+ },
130
+ customBuild: {
131
+ files: {
132
+ 'build.min.js': ['build.js']
133
+ }
134
+ }
135
+ }
136
+ });
137
+
138
+ grunt.loadNpmTasks( 'grunt-contrib-sass' );
139
+ grunt.loadNpmTasks( 'grunt-contrib-concat' );
140
+ grunt.loadNpmTasks( 'grunt-contrib-uglify' );
141
+ grunt.loadNpmTasks( 'grunt-contrib-watch' );
142
+ grunt.loadNpmTasks( 'grunt-curl' );
143
+ grunt.loadNpmTasks( 'grunt-wp-readme-to-markdown' );
144
+ grunt.loadNpmTasks( 'grunt-json2php' );
145
+ grunt.loadNpmTasks( 'grunt-contrib-clean' );
146
+ grunt.loadNpmTasks( 'grunt-jscs' );
147
+
148
+ grunt.registerTask( 'default', ['sass:dist', 'curl:google-fonts-source', 'json2php', 'clean', 'wp_readme_to_markdown'] );
149
+ grunt.registerTask( 'dev', ['sass', 'jscs', 'watch'] );
150
+ grunt.registerTask( 'googlefonts', ['curl:google-fonts-source', 'json2php', 'clean'] );
151
+ grunt.registerTask( 'readme', ['wp_readme_to_markdown'] );
152
+ grunt.registerTask( 'customBuild', ['sass:customBuild', 'uglify:customBuild'] );
153
+
154
+ };
LICENSE CHANGED
@@ -1,6 +1,6 @@
1
The MIT License (MIT)
2
3
- Copyright (c) 2016 Aristeides Stathopoulos
4
5
Permission is hereby granted, free of charge, to any person obtaining a copy
6
of this software and associated documentation files (the "Software"), to deal
1
The MIT License (MIT)
2
3
+ Copyright (c) 2017 Aristeides Stathopoulos
4
5
Permission is hereby granted, free of charge, to any person obtaining a copy
6
of this software and associated documentation files (the "Software"), to deal
README.md CHANGED
@@ -2,9 +2,9 @@
2
**Contributors:** aristath, fovoc, igmoweb
3
**Tags:** customizer,options framework, theme, mods, toolkit
4
**Donate link:** http://kirki.org/
5
- **Requires at least:** 4.4
6
**Tested up to:** 4.8
7
- **Stable tag:** 2.3.8
8
**License:** GPLv2 or later
9
**License URI:** http://www.gnu.org/licenses/gpl-2.0.html
10
@@ -13,21 +13,17 @@ The ultimate toolkit for theme developers using the WordPress Customizer
13
14
## Description ##
15
16
- [![Build Status](https://travis-ci.org/aristath/kirki.svg?branch=master)](https://travis-ci.org/aristath/kirki) [![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/aristath/kirki/badges/quality-score.png?b=master)](https://scrutinizer-ci.com/g/aristath/kirki/?branch=master) [![Code Climate](https://codeclimate.com/github/aristath/kirki/badges/gpa.svg)](https://codeclimate.com/github/aristath/kirki) [![License](https://img.shields.io/badge/license-GPL--2.0%2B-red.svg)](https://raw.githubusercontent.com/aristath/kirki/master/LICENSE) [![Join the chat at https://gitter.im/aristath/kirki](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/aristath/kirki?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
17
18
- Kirki is a Toolkit allowing WordPress developers to use the Customizer and take advantage of its advanced features and flexibility by abstracting the code and making it easier for everyone to create beautiful and meaningful user experiences.
19
20
- Kirki does not replace the WordPress Customizer API, you can still use the default WordPress methods and we advise you to familiarize yourselves with it. An excellent handbook for the WordPress Customizer can be found on the developer.wordpress.org website.
21
22
- What Kirki does is save you time… LOTS of time!
23
24
- Easily add configurations for your project, create panels, sections and add fields with ease.
25
26
- Automatically create CSS from your fields, and make the customizer’s preview instant with our automatic postMessage scripts creation!
27
-
28
- Add Google Fonts with our typography field, add tooltips to help your users and build awesome products!
29
-
30
- You can find detailed documentation on how to use Kirki on [https://kirki.org](https://kirki.org)
31
32
## Installation ##
33
@@ -37,6 +33,78 @@ If you want to integrate Kirki in your theme or plugin, please read the instruct
37
38
## Changelog ##
39
40
### 2.3.8 ###
41
42
May 28, 2017, dev time: 15 minutes.
@@ -710,3 +778,9 @@ May 26, 2014
710
May 9, 2014
711
712
* Initial version
2
**Contributors:** aristath, fovoc, igmoweb
3
**Tags:** customizer,options framework, theme, mods, toolkit
4
**Donate link:** http://kirki.org/
5
+ **Requires at least:** 4.8
6
**Tested up to:** 4.8
7
+ **Stable tag:** 3.0.0
8
**License:** GPLv2 or later
9
**License URI:** http://www.gnu.org/licenses/gpl-2.0.html
10
13
14
## Description ##
15
16
+ [![Build Status](https://travis-ci.org/aristath/kirki.svg?branch=develop)](https://travis-ci.org/aristath/kirki) [![Code Climate](https://codeclimate.com/github/aristath/kirki/badges/gpa.svg)](https://codeclimate.com/github/aristath/kirki) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/66d6d8b6a4654cd18686ed1cd9f1bfb3)](https://www.codacy.com/app/aristath/kirki?utm_source=github.com&utm_medium=referral&utm_content=aristath/kirki&utm_campaign=Badge_Grade) [![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/aristath/kirki/badges/quality-score.png?b=develop)](https://scrutinizer-ci.com/g/aristath/kirki/?branch=develop)
17
18
+ Using Kirki theme developers can create rich experiences for the WordPress Customizer using best coding practices.
19
20
+ Included are 30 custom control types ranging from simple sliders to complex typography controls with Google-Fonts integration, automatic CSS generation, `postMessage` scripts automatically generated, tooltips and a lot of extras that make developing themes a lot faster for developers and meaningful for users.
21
22
+ We advise you to familiarize yourself with the Customizer API before you start writing your theme using Kirki. An excellent handbook for the WordPress Customizer can be found on the [developer.wordpress.org](https://developer.wordpress.org/themes/customize-api/) website.
23
24
+ You can find detailed documentation on how to use Kirki on [https://aristath.github.io/kirki/](https://aristath.github.io/kirki/)
25
26
+ [Development and issues on github](https://github.com/aristath/kirki).
27
28
## Installation ##
29
33
34
## Changelog ##
35
36
+ ### 3.0.0 ###
37
+
38
+ June 22, 2017, dev time: 243 hours.
39
+
40
+ This is a major release. Many things have been refactored and optimized. Please keep a backup before updating.
41
+
42
+ * Fix: Refactored the reset module. [#1334](https://github.com/aristath/kirki/pull/1334)
43
+ * Fix: Refactored the postMessage module [#1333](https://github.com/aristath/kirki/issues/1333)
44
+ * Fix: PHP mode on CodeMirror. [#1003](https://github.com/aristath/kirki/issues/1003)
45
+ * Fix: Dynamic repeater labels now use the label instead of value when picking up label from select field. [#1230](https://github.com/aristath/kirki/issues/1230)
46
+ * Fix: Sanitization for number fields. [#1240](https://github.com/aristath/kirki/issues/1240)
47
+ * Fix: Checkboxes sanitization. [#1195](https://github.com/aristath/kirki/issues/1195)
48
+ * Fix: Link functionality in editor field. [#968](https://github.com/aristath/kirki/issues/968), [#1159](https://github.com/aristath/kirki/issues/1159)
49
+ * Fix: Issues in Field Type editor [#1260](https://github.com/aristath/kirki/issues/1260)
50
+ * Fix: Problems with sortable control [#1253](https://github.com/aristath/kirki/issues/1253), [#1197](https://github.com/aristath/kirki/issues/1197), [#1198](https://github.com/aristath/kirki/issues/1198)
51
+ * Fix: inaccessibility of options panel [#1194](https://github.com/aristath/kirki/issues/1194)
52
+ * Fix: Fields "checkbox", "toggle" and "switch" don't save as boolean in PHP, instead integer 0/1 [#1195](https://github.com/aristath/kirki/issues/1195)
53
+ * Fix: Tooltip not working for switch [#1225](https://github.com/aristath/kirki/issues/1225)
54
+ * Fix: Tooltip height fix in [#1228](https://github.com/aristath/kirki/issues/1228)
55
+ * Fix: Tooltip not closing when clicking outside of icon [#1226](https://github.com/aristath/kirki/issues/1226)
56
+ * Fix: Issue with visual representation of color picker (alpha iris) [#1218](https://github.com/aristath/kirki/issues/1218)
57
+ * Fix: Reset is "undefined" [#1210](https://github.com/aristath/kirki/issues/1210)
58
+ * Fix: Controls that save arrays cause PHP Notices [#1199](https://github.com/aristath/kirki/issues/1199)
59
+ * Fix: Disabled the "loading" module by default. Use the `kirki/modules` filter to enable.
60
+ * Fix: Refactored saving user-meta (`'option_type' => 'user_meta'`). [#1325](https://github.com/aristath/kirki/issues/1325)
61
+ * Fix: Code fields reset [#1122](https://github.com/aristath/kirki/issues/1122)
62
+ * Fix: Typography fields reset [#1193](https://github.com/aristath/kirki/issues/1193), [#1219](https://github.com/aristath/kirki/issues/1219)
63
+ * Fix: Multicolor fields reset [#916](https://github.com/aristath/kirki/issues/916)
64
+ * Fix: Custom fonts not displayed as active in the font list after saving [#1110](https://github.com/aristath/kirki/issues/916)
65
+ * Fix: Support for `media_query` when using `'transport' => 'auto'`. [#1184](https://github.com/aristath/kirki/issues/1184), [#1127](https://github.com/aristath/kirki/issues/1127)
66
+ * Fix: Typography field bug when switching Google Fonts with different weights [#1180](https://github.com/aristath/kirki/issues/1180)
67
+ * Fix: Font Variant outputs invalid property value (typography field) [#1058](https://github.com/aristath/kirki/issues/1058)
68
+ * Fix: Updated webfonts. [#1303](https://github.com/aristath/kirki/issues/1303)
69
+ * Fix: required argument not work with postMessage type. [#1031](https://github.com/aristath/kirki/issues/1031)
70
+ * Fix: Notice: Undefined index, repeater field. [#1291](https://github.com/aristath/kirki/issues/1291)
71
+ * Fix: 403 errors for CSS and JS files on localhost. [#1309](https://github.com/aristath/kirki/issues/1309)
72
+ * Fix: Customizer doesn't load if ACF PRO is active. [#1302](https://github.com/aristath/kirki/issues/1302)
73
+ * Fix: Enqueued google font even if not in use. [#1297](https://github.com/aristath/kirki/issues/1297)
74
+ * Fix: Default dimension value does not process well percent units [#1254](https://github.com/aristath/kirki/issues/1254), [#497](https://github.com/aristath/kirki/issues/497)
75
+ * Fix: Editor field issue with RTL languages [#340](https://github.com/aristath/kirki/issues/340)
76
+ * Fix: Windows Server Issues [#1318](https://github.com/aristath/kirki/issues/1318)
77
+ * New: Added code to automatically handle translations when Kirki is embedded in a theme [#1381](https://github.com/aristath/kirki/issues/1381)
78
+ * New: Automating postMessage for composite fields. [#694](https://github.com/aristath/kirki/issues/694)
79
+ * New: OR logic in field dependencies. [#839](https://github.com/aristath/kirki/issues/839)
80
+ * New: Radio-image labels. [#1090](https://github.com/aristath/kirki/issues/1090), [#1220](https://github.com/aristath/kirki/issues/1220)
81
+ * New: Typography fields support for `prefix`, `suffix`, `value_pattern` in `output` argument. [#1183](https://github.com/aristath/kirki/issues/1183)
82
+ * New: Multi-selects in repeater fields. [#780](https://github.com/aristath/kirki/issues/780), [#1261](https://github.com/aristath/kirki/issues/1261)
83
+ * New: Typography fields now support live-updating using `'transport' => 'auto'`. [#1184](https://github.com/aristath/kirki/issues/1184), [#528](https://github.com/aristath/kirki/issues/528), [#1186](https://github.com/aristath/kirki/issues/1186)
84
+ * New: Typography fields now support filtering the available fonts. [#1202](https://github.com/aristath/kirki/issues/1202)
85
+ * New: Typography fields now support loading multiple variants. [#992](https://github.com/aristath/kirki/issues/992), [#1082](https://github.com/aristath/kirki/issues/1082), [#1114](https://github.com/aristath/kirki/issues/1114)
86
+ * New: Select fields now support optgroups. [#1120](https://github.com/aristath/kirki/issues/1120)
87
+ * New: Added new background control-type. [#741](https://github.com/aristath/kirki/issues/741), [#1283](https://github.com/aristath/kirki/pull/1283), [#952](https://github.com/aristath/kirki/pull/952)
88
+ * New: Replaced selectize with select2. [#1177](https://github.com/aristath/kirki/issues/1177)
89
+ * New: Notifications for number fields when value is invalid depending on min/max/step values.
90
+ * New: Rebuilt typography control using select2. [cafb89b ](https://github.com/aristath/kirki/commit/e27fa1ff19ab52b34467bfb306b5870d858f409f)
91
+ * New: Allow modifying values instead of replacing them when using `js_vars` with `function` set to `html` by using the `value_pattern` parameter and the ` Diff to HTML by rtfpessoa

Diff to HTML by rtfpessoa

placeholder. [#1137](https://github.com/aristath/kirki/pull/1137)
92
+ * New: Updated CodeMirror. [fff6df0](https://github.com/aristath/kirki/commit/34fdaa562fdd33fa595db927ee597265a753b3b4)
93
+ * New: Added word-spacing to the typography control. [#1163](https://github.com/aristath/kirki/issues/1163)
94
+ * New: Refactored file structure to make fields self-contained entities, easier to decouple & debug.
95
+ * New: Introducing "modules".
96
+ * New: Refactored the tooltips feature (now a module).
97
+ * New: Selective refreshes are now a module.
98
+ * New: postMessage is now a module.
99
+ * New: Refactored section & panel icons (now a module).
100
+ * New: Customizer-Styling is now a module.
101
+ * New: Customizer-Branding is now a module.
102
+ * New: CSS-Output is now a module.
103
+ * New: Abstracted the "spacing" control and created a new "dimensions" control from it.
104
+ * New: Allow saving site-options(`'option_type' => 'site_option'`) [#1326](https://github.com/aristath/kirki/issues/1326)
105
+ * New: Added 2 new methods for enqueueing google fonts. See the [`kirki/googlefonts_load_method`](https://github.com/aristath/kirki/blob/9e3e4a6928339bdcd0f7520d305c145a80a06c8a/modules/webfonts/class-kirki-modules-webfonts.php#L100) filter.
106
+ * New: Googlefonts now by default added inline in the stylesheet to avoid an extra call to the GoogleFonts API. (SEO & performance improvement).
107
+
108
### 2.3.8 ###
109
110
May 28, 2017, dev time: 15 minutes.
778
May 9, 2014
779
780
* Initial version
781
+
782
+ ## Upgrade Notice ##
783
+
784
+ ### 3.0.0 ###
785
+
786
+ This is a major update, please keep a backup of your files and database before updating.
assets/css/customizer-dynamic-css-colors.php DELETED
@@ -1,111 +0,0 @@
1
- <?php
2
-
3
- return '
4
- /** Generic background color **/
5
- .wp-full-overlay-sidebar {
6
- background: COLOR_BACK;
7
- }
8
-
9
- /** Title background color **/
10
- #customize-controls .customize-info .accordion-section-title,
11
- #customize-controls .panel-meta.customize-info .accordion-section-title:hover {
12
- background: COLOR_BACK
13
- }
14
-
15
- /** Borders **/
16
- #customize-controls .customize-info {
17
- border-top-color: BORDER_COLOR;
18
- border-bottom-color: BORDER_COLOR;
19
- }
20
-
21
- .customize-section-title {
22
- border-bottom-color: BORDER_COLOR;
23
- }
24
-
25
- .customize-panel-back,
26
- .customize-section-back {
27
- border-right-color:BORDER_COLOR;
28
- }
29
-
30
- #customize-header-actions {
31
- border-bottom-color: BORDER_COLOR;
32
- }
33
-
34
- .customize-controls-close,
35
- .customize-overlay-close {
36
- border-right-color: BORDER_COLOR !important;
37
- }
38
-
39
- /** back & close buttons color **/
40
- .customize-panel-back:focus,
41
- .customize-panel-back:hover,
42
- .customize-section-back:focus,
43
- .customize-section-back:hover,
44
- .customize-panel-back,
45
- .customize-section-back,
46
- .customize-controls-close,
47
- .customize-overlay-close {
48
- background: BUTTONS_COLOR;
49
- }
50
-
51
- .control-panel-back:focus,
52
- .control-panel-back:hover,
53
- .customize-controls-close:focus,
54
- .customize-controls-close:hover,
55
- .customize-controls-preview-toggle:focus,
56
- .customize-controls-preview-toggle:hover,
57
- .customize-overlay-close:focus,
58
- .customize-overlay-close:hover {
59
- background: BUTTONS_COLOR
60
- }
61
-
62
- /** Sections list titles **/
63
- #customize-theme-controls .accordion-section-title {
64
- background: COLOR_BACK;
65
- color: COLOR_FONT;
66
- }
67
-
68
- #customize-controls .control-section .accordion-section-title:focus,
69
- #customize-controls .control-section .accordion-section-title:hover,
70
- #customize-controls .control-section.open .accordion-section-title,
71
- #customize-controls .control-section:hover>.accordion-section-title {
72
- background: COLOR_ACCENT;
73
- color: CONTROLS_COLOR;
74
- }
75
-
76
- /** Arrows **/
77
- .accordion-section-title:after,
78
- .handlediv,
79
- .item-edit,
80
- .sidebar-name-arrow,
81
- .widget-action {
82
- color: ARROWS_COLOR;
83
- }
84
-
85
- #customize-theme-controls .control-section .accordion-section-title:focus:after,
86
- #customize-theme-controls .control-section .accordion-section-title:hover:after,
87
- #customize-theme-controls .control-section.open .accordion-section-title:after,
88
- #customize-theme-controls .control-section:hover>.accordion-section-title:after {
89
- color: COLOR_ACCENT_TEXT
90
- }
91
-
92
- /** Title for active section **/
93
- .customize-section-title {
94
- background: COLOR_BACK;
95
- }
96
-
97
- .customize-section-title h3,
98
- h3.customize-section-title {
99
- color: COLOR_FONT;
100
- }
101
-
102
- /** Active section background **/
103
- #customize-theme-controls .accordion-section-content {
104
- background: SECTION_BACKGROUND_COLOR;
105
- }
106
-
107
- /** Title color for active panels etc **/
108
- #customize-controls .customize-info .preview-notice {
109
- color: COLOR_FONT;
110
- }
111
- ';
assets/css/customizer-dynamic-css-width.php DELETED
@@ -1,11 +0,0 @@
1
- <?php
2
-
3
- return '
4
- .wp-full-overlay-sidebar {
5
- width: WIDTH;
6
- }
7
-
8
- .wp-full-overlay.expanded {
9
- margin-left: WIDTH;
10
- }
11
- ';
assets/css/customizer-dynamic-css.php DELETED
@@ -1,68 +0,0 @@
1
- <?php
2
- return '
3
- /** Button styles **/
4
- .wp-core-ui .button-primary-disabled,
5
- .wp-core-ui .button-primary.disabled,
6
- .wp-core-ui .button-primary:disabled,
7
- .wp-core-ui .button-primary[disabled] {
8
- background: COLOR_ACCENT !important;
9
- color: COLOR_ACCENT_TEXT !important;
10
- border-color: rgba(0,0,0,.1) !important;
11
- opacity: .7;
12
- }
13
-
14
- .wp-core-ui .button-primary {
15
- background-color: COLOR_ACCENT;
16
- color: COLOR_ACCENT_TEXT;
17
- opacity: 1;
18
- }
19
-
20
- /** Tooltip styles **/
21
- #customize-controls .customize-info .customize-tooltip-toggle {
22
- color: COLOR_ACCENT;
23
- }
24
-
25
- /** Image-Radio styles **/
26
- .customize-control-radio-image .image.ui-buttonset label.ui-state-active {
27
- border: 2px solid COLOR_ACCENT
28
- }
29
-
30
- /** Radio-Buttonset styles **/
31
- .customize-control-radio-buttonset label.ui-state-active {
32
- background-color: COLOR_ACCENT;
33
- color: COLOR_ACCENT_TEXT;
34
- }
35
-
36
- /** Slider Controls **/
37
- .customize-control-slider input[type=range]::-webkit-slider-thumb,
38
- .customize-control-slider input[type=range]::-webkit-slider-thumb,
39
- .customize-control-slider input[type=range]::-moz-range-thumb,
40
- .customize-control-slider input[type=range]::-ms-thumb,
41
- .customize-control-slider .kirki_range_value {
42
- background-color: COLOR_ACCENT !important;
43
- }
44
-
45
- /** Switch Controls **/
46
- .customize-control-switch .switch input:checked + label {
47
- background: COLOR_ACCENT;
48
- color: COLOR_ACCENT_TEXT
49
- }
50
-
51
- /** Toggle Controls **/
52
- .customize-control-toggle input:checked + .switch:after {
53
- background: COLOR_ACCENT;
54
- }
55
- .customize-control-toggle input:checked + .switch {
56
- background: COLOR_ACCENT_TEXT;
57
- }
58
-
59
- /** Sortable Controls **/
60
- .customize-control-sortable ul.ui-sortable li .dashicons.visibility {
61
- color: COLOR_ACCENT;
62
- }
63
-
64
- /** Palette Controls **/
65
- .customize-control-palette label.ui-state-active.ui-button.ui-widget span.ui-button-text {
66
- border-color: COLOR_ACCENT;
67
- }
68
- ';
assets/css/customizer.css DELETED
@@ -1,1600 +0,0 @@
1
- #customize-controls #customize-info .accordion-section-title {
2
- border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
3
- #customize-controls #customize-theme-controls .accordion-section > .accordion-section-title {
4
- border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
5
- #customize-controls #customize-theme-controls .accordion-section > .accordion-section-title:after {
6
- border-color: transparent !important;
7
- border-color: transparent !important; }
8
-
9
- #customize-preview.is-kirki-editor-open {
10
- height: calc(100% - 301px); }
11
-
12
- .customize-control-kirki .description {
13
- font-style: normal;
14
- font-weight: 300;
15
- font-size: .9em; }
16
- .customize-control-kirki input {
17
- font-size: 16px; }
18
- .customize-control-kirki input[type="text"],
19
- .customize-control-kirki input[type="date"],
20
- .customize-control-kirki input[type="email"],
21
- .customize-control-kirki input[type="url"],
22
- .customize-control-kirki input[type="tel"] {
23
- border: 1px solid rgba(0, 0, 0, 0.1);
24
- background-image: none;
25
- background-position: 0% 0%;
26
- background-repeat: repeat;
27
- border-radius: 3px;
28
- padding: .5em; }
29
-
30
- .wp-full-overlay.expanded #customize-footer-actions .kirki-footer-thanks {
31
- position: fixed;
32
- bottom: 8px;
33
- left: 150px;
34
- padding: 0;
35
- width: 90px;
36
- height: 25px;
37
- background-image: url("../images/kirki-bottom.png");
38
- background-repeat: no-repeat;
39
- background-position: center center; }
40
-
41
- .kirki-reset-section {
42
- position: absolute;
43
- top: 10px;
44
- right: 10px;
45
- background: #BDBDBD;
46
- opacity: .5;
47
- color: #fff;
48
- font-size: .8rem;
49
- border-radius: 3px;
50
- padding: 0 5px;
51
- -webkit-transition: all .2s ease-in-out;
52
- -moz-transition: all .2s ease-in-out;
53
- -ms-transition: all .2s ease-in-out;
54
- -o-transition: all .2s ease-in-out;
55
- transition: all .2s ease-in-out;
56
- font-weight: bold; }
57
- .kirki-reset-section .dashicons {
58
- font-size: .8rem;
59
- width: .8rem;
60
- height: .8rem;
61
- line-height: .8rem;
62
- vertical-align: baseline; }
63
- .kirki-reset-section:hover, .kirki-reset-section:active {
64
- background: #F44336;
65
- color: #fff;
66
- font-weight: bold;
67
- opacity: 1; }
68
- .kirki-reset-section:focus {
69
- opacity: 1;
70
- -webkit-box-shadow: 0 0 0 1px #F44336, 0 0 2px 1px rgba(200, 50, 30, 0.8);
71
- box-shadow: 0 0 0 1px #F44336, 0 0 2px 1px rgba(200, 50, 30, 0.8); }
72
-
73
- #customize-theme-controls .control-panel.control-panel-kirki-expanded > ul.control-panel-content {
74
- position: relative;
75
- left: 0;
76
- display: block !important;
77
- margin-top: 0 !important; }
78
- #customize-theme-controls .control-panel.control-panel-kirki-expanded > ul.control-panel-content .accordion-section-title {
79
- margin-left: 0; }
80
- #customize-theme-controls .control-panel.control-panel-kirki-expanded > ul.control-panel-content > li.customize-info {
81
- margin-bottom: 0;
82
- border-top: none; }
83
- #customize-theme-controls .control-panel.control-panel-kirki-expanded > ul.control-panel-content > li.customize-info .accordion-section-title {
84
- border-bottom: none !important; }
85
-
86
- #customize-theme-controls .control-section.control-section-kirki-expanded > ul.accordion-section-content {
87
- position: relative;
88
- left: 0;
89
- display: block;
90
- margin-top: 0 !important; }
91
-
92
- #customize-theme-controls .control-section.control-section-kirki-hover:hover:not(.open) > ul.accordion-section-content, #customize-theme-controls .control-section.control-section-kirki-hover:focus:not(.open) > ul.accordion-section-content, #customize-theme-controls .control-section.control-section-kirki-hover:active:not(.open) > ul.accordion-section-content {
93
- position: fixed;
94
- left: 300px;
95
- width: 300px;
96
- background: #eee;
97
- display: block;
98
- height: 100%;
99
- max-height: 100vh;
100
- overflow-y: scroll; }
101
- #customize-theme-controls .control-section.control-section-kirki-hover:hover:not(.open) .customize-section-title, #customize-theme-controls .control-section.control-section-kirki-hover:focus:not(.open) .customize-section-title, #customize-theme-controls .control-section.control-section-kirki-hover:active:not(.open) .customize-section-title {
102
- display: none; }
103
-
104
- .customize-control-kirki-checkbox input[type="checkbox"],
105
- .customize-control-kirki-multicheck input[type="checkbox"],
106
- .customize-control-repeater input[type="checkbox"] {
107
- position: relative;
108
- margin: 0 1rem 0 0;
109
- cursor: pointer;
110
- margin-bottom: 5px;
111
- width: 22px;
112
- height: 22px;
113
- border-radius: 3px;
114
- -webkit-border-radius: 3px; }
115
- .customize-control-kirki-checkbox input[type="checkbox"]:before,
116
- .customize-control-kirki-multicheck input[type="checkbox"]:before,
117
- .customize-control-repeater input[type="checkbox"]:before {
118
- content: "";
119
- position: absolute;
120
- left: 0;
121
- z-index: 1;
122
- width: 100%;
123
- height: 100%;
124
- border: none; }
125
- .customize-control-kirki-checkbox input[type="checkbox"]:after,
126
- .customize-control-kirki-multicheck input[type="checkbox"]:after,
127
- .customize-control-repeater input[type="checkbox"]:after {
128
- content: "";
129
- position: absolute;
130
- left: 0;
131
- top: 0;
132
- width: 100%;
133
- height: 100%;
134
- background: #f2f2f2;
135
- cursor: pointer;
136
- border-radius: 3px;
137
- -webkit-border-radius: 3px; }
138
- .customize-control-kirki-checkbox input[type="checkbox"]:checked:before,
139
- .customize-control-kirki-multicheck input[type="checkbox"]:checked:before,
140
- .customize-control-repeater input[type="checkbox"]:checked:before {
141
- content: "\f147";
142
- font-family: dashicons;
143
- font-size: 25px;
144
- left: 0;
145
- top: 2px; }
146
- .customize-control-kirki-checkbox input[type="checkbox"]:checked:after,
147
- .customize-control-kirki-multicheck input[type="checkbox"]:checked:after,
148
- .customize-control-repeater input[type="checkbox"]:checked:after {
149
- background: #fff; }
150
-
151
- .customize-control-kirki-code a.close {
152
- display: none; }
153
- .customize-control-kirki-code .CodeMirror {
154
- position: fixed;
155
- left: -100%;
156
- top: 0;
157
- height: 100vh;
158
- opacity: 0.9;
159
- z-index: 9998;
160
- width: 100%;
161
- -webkit-transition: all 250ms ease-in-out;
162
- -moz-transition: all 250ms ease-in-out;
163
- -ms-transition: all 250ms ease-in-out;
164
- -o-transition: all 250ms ease-in-out;
165
- transition: all 250ms ease-in-out; }
166
- .customize-control-kirki-code .kirki-codemirror-editor.expanded + .CodeMirror {
167
- left: 0; }
168
- .customize-control-kirki-code .kirki-codemirror-editor.expanded + .CodeMirror + a.close {
169
- display: block;
170
- position: fixed;
171
- right: 0;
172
- top: 0;
173
- opacity: 0.9;
174
- z-index: 9999;
175
- background: #fff;
176
- background: rgba(255, 255, 255, 0.85);
177
- color: #333;
178
- padding: 10px;
179
- cursor: pointer; }
180
-
181
- .CodeMirror {
182
- /* Set height, width, borders, and global font properties here */
183
- font-family: monospace;
184
- height: 300px;
185
- color: black; }
186
-
187
- /* PADDING */
188
- .CodeMirror-lines {
189
- padding: 4px 0;
190
- /* Vertical padding around content */ }
191
-
192
- .CodeMirror pre {
193
- padding: 0 4px;
194
- /* Horizontal padding of content */ }
195
-
196
- .CodeMirror-gutter-filler,
197
- .CodeMirror-scrollbar-filler {
198
- background-color: white;
199
- /* The little square between H and V scrollbars */ }
200
-
201
- /* GUTTER */
202
- .CodeMirror-gutters {
203
- border-right: 1px solid #ddd;
204
- background-color: #f7f7f7;
205
- white-space: nowrap; }
206
-
207
- .CodeMirror-linenumber {
208
- padding: 0 3px 0 5px;
209
- min-width: 20px;
210
- text-align: right;
211
- color: #999;
212
- white-space: nowrap; }
213
-
214
- .CodeMirror-guttermarker {
215
- color: black; }
216
-
217
- .CodeMirror-guttermarker-subtle {
218
- color: #999; }
219
-
220
- /* CURSOR */
221
- .CodeMirror-cursor {
222
- border-left: 1px solid black;
223
- border-right: none;
224
- width: 0; }
225
-
226
- /* Shown when moving in bi-directional text */
227
- .CodeMirror div.CodeMirror-secondarycursor {
228
- border-left: 1px solid silver; }
229
-
230
- .cm-fat-cursor .CodeMirror-cursor {
231
- width: auto;
232
- border: 0;
233
- background: #7e7; }
234
-
235
- .cm-fat-cursor div.CodeMirror-cursors {
236
- z-index: 1; }
237
-
238
- .cm-animate-fat-cursor {
239
- width: auto;
240
- border: 0;
241
- -webkit-animation: blink 1.06s steps(1) infinite;
242
- -moz-animation: blink 1.06s steps(1) infinite;
243
- animation: blink 1.06s steps(1) infinite;
244
- background-color: #7e7; }
245
-
246
- @-moz-keyframes blink {
247
- 50% {
248
- background-color: transparent; } }
249
- @-webkit-keyframes blink {
250
- 50% {
251
- background-color: transparent; } }
252
- @keyframes blink {
253
- 50% {
254
- background-color: transparent; } }
255
- /* Can style cursor different in overwrite (non-insert) mode */
256
- .cm-tab {
257
- display: inline-block;
258
- text-decoration: inherit; }
259
-
260
- .CodeMirror-ruler {
261
- border-left: 1px solid #ccc;
262
- position: absolute; }
263
-
264
- /* DEFAULT THEME */
265
- .cm-s-default .cm-header {
266
- color: blue; }
267
-
268
- .cm-s-default .cm-quote {
269
- color: #090; }
270
-
271
- .cm-negative {
272
- color: #d44; }
273
-
274
- .cm-positive {
275
- color: #292; }
276
-
277
- .cm-header,
278
- .cm-strong {
279
- font-weight: bold; }
280
-
281
- .cm-em {
282
- font-style: italic; }
283
-
284
- .cm-link {
285
- text-decoration: underline; }
286
-
287
- .cm-strikethrough {
288
- text-decoration: line-through; }
289
-
290
- .cm-s-default .cm-keyword {
291
- color: #708; }
292
-
293
- .cm-s-default .cm-atom {
294
- color: #219; }
295
-
296
- .cm-s-default .cm-number {
297
- color: #164; }
298
-
299
- .cm-s-default .cm-def {
300
- color: #00f; }
301
-
302
- .cm-s-default .cm-variable-2 {
303
- color: #05a; }
304
-
305
- .cm-s-default .cm-variable-3 {
306
- color: #085; }
307
-
308
- .cm-s-default .cm-comment {
309
- color: #a50; }
310
-
311
- .cm-s-default .cm-string {
312
- color: #a11; }
313
-
314
- .cm-s-default .cm-string-2 {
315
- color: #f50; }
316
-
317
- .cm-s-default .cm-meta {
318
- color: #555; }
319
-
320
- .cm-s-default .cm-qualifier {
321
- color: #555; }
322
-
323
- .cm-s-default .cm-builtin {
324
- color: #30a; }
325
-
326
- .cm-s-default .cm-bracket {
327
- color: #997; }
328
-
329
- .cm-s-default .cm-tag {
330
- color: #170; }
331
-
332
- .cm-s-default .cm-attribute {
333
- color: #00c; }
334
-
335
- .cm-s-default .cm-hr {
336
- color: #999; }
337
-
338
- .cm-s-default .cm-link {
339
- color: #00c; }
340
-
341
- .cm-s-default .cm-error {
342
- color: #f00; }
343
-
344
- .cm-invalidchar {
345
- color: #f00; }
346
-
347
- .CodeMirror-composing {
348
- border-bottom: 2px solid; }
349
-
350
- /* Default styles for common addons */
351
- div.CodeMirror span.CodeMirror-matchingbracket {
352
- color: #0f0; }
353
-
354
- div.CodeMirror span.CodeMirror-nonmatchingbracket {
355
- color: #f22; }
356
-
357
- .CodeMirror-matchingtag {
358
- background: rgba(255, 150, 0, 0.3); }
359
-
360
- .CodeMirror-activeline-background {
361
- background: #e8f2ff; }
362
-
363
- /* STOP */
364
- /* The rest of this file contains styles related to the mechanics of
365
- the editor. You probably shouldn't touch them. */
366
- .CodeMirror {
367
- position: relative;
368
- overflow: hidden;
369
- background: white; }
370
-
371
- .CodeMirror-scroll {
372
- overflow: scroll !important;
373
- /* Things will break if this is overridden */
374
- /* 30px is the magic margin used to hide the element's real scrollbars */
375
- /* See overflow: hidden in .CodeMirror */
376
- margin-bottom: -30px;
377
- margin-right: -30px;
378
- padding-bottom: 30px;
379
- height: 100%;
380
- outline: none;
381
- /* Prevent dragging from highlighting the element */
382
- position: relative; }
383
-
384
- .CodeMirror-sizer {
385
- position: relative;
386
- border-right: 30px solid transparent; }
387
-
388
- /* The fake, visible scrollbars. Used to force redraw during scrolling
389
- before actuall scrolling happens, thus preventing shaking and
390
- flickering artifacts. */
391
- .CodeMirror-gutter-filler,
392
- .CodeMirror-hscrollbar,
393
- .CodeMirror-scrollbar-filler,
394
- .CodeMirror-vscrollbar {
395
- position: absolute;
396
- z-index: 6;
397
- display: none; }
398
-
399
- .CodeMirror-vscrollbar {
400
- right: 0;
401
- top: 0;
402
- overflow-x: hidden;
403
- overflow-y: scroll; }
404
-
405
- .CodeMirror-hscrollbar {
406
- bottom: 0;
407
- left: 0;
408
- overflow-y: hidden;
409
- overflow-x: scroll; }
410
-
411
- .CodeMirror-scrollbar-filler {
412
- right: 0;
413
- bottom: 0; }
414
-
415
- .CodeMirror-gutter-filler {
416
- left: 0;
417
- bottom: 0; }
418
-
419
- .CodeMirror-gutters {
420
- position: absolute;
421
- left: 0;
422
- top: 0;
423
- z-index: 3; }
424
-
425
- .CodeMirror-gutter {
426
- white-space: normal;
427
- height: 100%;
428
- display: inline-block;
429
- margin-bottom: -30px;
430
- /* Hack to make IE7 behave */
431
- *zoom: 1;
432
- *display: inline; }
433
-
434
- .CodeMirror-gutter-wrapper {
435
- position: absolute;
436
- z-index: 4;
437
- background: none !important;
438
- border: none !important; }
439
-
440
- .CodeMirror-gutter-background {
441
- position: absolute;
442
- top: 0;
443
- bottom: 0;
444
- z-index: 4; }
445
-
446
- .CodeMirror-gutter-elt {
447
- position: absolute;
448
- cursor: default;
449
- z-index: 4; }
450
-
451
- .CodeMirror-gutter-wrapper {
452
- -webkit-user-select: none;
453
- -moz-user-select: none;
454
- user-select: none; }
455
-
456
- .CodeMirror-lines {
457
- cursor: text;
458
- min-height: 1px;
459
- /* prevents collapsing before first draw */ }
460
-
461
- .CodeMirror pre {
462
- /* Reset some styles that the rest of the page might have set */
463
- -moz-border-radius: 0;
464
- -webkit-border-radius: 0;
465
- border-radius: 0;
466
- border-width: 0;
467
- background: transparent;
468
- font-family: inherit;
469
- font-size: inherit;
470
- margin: 0;
471
- white-space: pre;
472
- word-wrap: normal;
473
- line-height: inherit;
474
- color: inherit;
475
- z-index: 2;
476
- position: relative;
477
- overflow: visible;
478
- -webkit-tap-highlight-color: transparent; }
479
-
480
- .CodeMirror-wrap pre {
481
- word-wrap: break-word;
482
- white-space: pre-wrap;
483
- word-break: normal; }
484
-
485
- .CodeMirror-linebackground {
486
- position: absolute;
487
- left: 0;
488
- right: 0;
489
- top: 0;
490
- bottom: 0;
491
- z-index: 0; }
492
-
493
- .CodeMirror-linewidget {
494
- position: relative;
495
- z-index: 2;
496
- overflow: auto; }
497
-
498
- .CodeMirror-code {
499
- outline: none; }
500
-
501
- /* Force content-box sizing for the elements where we expect it */
502
- .CodeMirror-gutter,
503
- .CodeMirror-gutters,
504
- .CodeMirror-linenumber,
505
- .CodeMirror-scroll,
506
- .CodeMirror-sizer {
507
- -moz-box-sizing: content-box;
508
- box-sizing: content-box; }
509
-
510
- .CodeMirror-measure {
511
- position: absolute;
512
- width: 100%;
513
- height: 0;
514
- overflow: hidden;
515
- visibility: hidden; }
516
-
517
- .CodeMirror-cursor {
518
- position: absolute; }
519
-
520
- .CodeMirror-measure pre {
521
- position: static; }
522
-
523
- div.CodeMirror-cursors {
524
- visibility: hidden;
525
- position: relative;
526
- z-index: 3; }
527
-
528
- div.CodeMirror-dragcursors {
529
- visibility: visible; }
530
-
531
- .CodeMirror-focused div.CodeMirror-cursors {
532
- visibility: visible; }
533
-
534
- .CodeMirror-selected {
535
- background: #d9d9d9; }
536
-
537
- .CodeMirror-focused .CodeMirror-selected {
538
- background: #d7d4f0; }
539
-
540
- .CodeMirror-crosshair {
541
- cursor: crosshair; }
542
-
543
- .CodeMirror-line > span > span::selection,
544
- .CodeMirror-line > span::selection,
545
- .CodeMirror-line::selection {
546
- background: #d7d4f0; }
547
-
548
- .CodeMirror-line > span > span::-moz-selection,
549
- .CodeMirror-line > span::-moz-selection,
550
- .CodeMirror-line::-moz-selection {
551
- background: #d7d4f0; }
552
-
553
- .cm-searching {
554
- background: #ffa;
555
- background: rgba(255, 255, 0, 0.4); }
556
-
557
- /* IE7 hack to prevent it from returning funny offsetTops on the spans */
558
- .CodeMirror span {
559
- *vertical-align: text-bottom; }
560
-
561
- /* Used to force a border model for a node */
562
- .cm-force-border {
563
- padding-right: 0.1px; }
564
-
565
- @media print {
566
- /* Hide the cursor when printing */
567
- .CodeMirror div.CodeMirror-cursors {
568
- visibility: hidden; } }
569
- /* See issue #2901 */
570
- .cm-tab-wrap-hack:after {
571
- content: ''; }
572
-
573
- /* Help users use markselection to safely style text background */
574
- span.CodeMirror-selectedtext {
575
- background: none; }
576
-
577
- .customize-control-kirki-color .wp-picker-container {
578
- width: 100%; }
579
- .customize-control-kirki-color .wp-picker-container a.wp-color-result {
580
- width: auto;
581
- display: block;
582
- border: none;
583
- padding-left: 40px; }
584
- .customize-control-kirki-color .wp-picker-container a.wp-color-result:after {
585
- background: rgba(0, 0, 0, 0.25);
586
- color: #fff;
587
- border: none;
588
- -webkit-box-shadow: none;
589
- box-shadow: none; }
590
- .customize-control-kirki-color .wp-picker-container a.wp-color-result:focus:after, .customize-control-kirki-color .wp-picker-container a.wp-color-result:hover:after {
591
- color: #fff; }
592
-
593
- #kirki_editor_pane {
594
- background: #fff;
595
- z-index: 1;
596
- padding-top: 5px;
597
- border-top: 1px solid #dedede;
598
- position: absolute;
599
- bottom: 0;
600
- width: 100%;
601
- -webkit-transition: bottom .2s;
602
- -moz-transition: bottom .2s;
603
- -ms-transition: bottom .2s;
604
- -o-transition: bottom .2s;
605
- transition: bottom .2s; }
606
- #kirki_editor_pane.hide {
607
- bottom: -301px;
608
- z-index: -999; }
609
-
610
- .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in {
611
- z-index: 99999999 !important; }
612
-
613
- .customize-control-kirki-multicolor .multicolor-group-wrapper {
614
- display: flex; }
615
- .customize-control-kirki-multicolor .multicolor-group-wrapper .multicolor-single-color-wrapper {
616
- width: 100%; }
617
- .customize-control-kirki-multicolor .multicolor-group-wrapper .multicolor-single-color-wrapper label {
618
- display: block;
619
- text-align: center;
620
- padding: 3px; }
621
- .customize-control-kirki-multicolor .multicolor-group-wrapper .wp-picker-container {
622
- width: 100%; }
623
- .customize-control-kirki-multicolor .multicolor-group-wrapper .wp-picker-container a.wp-color-result {
624
- width: 100%;
625
- height: 30px;
626
- padding-left: 0;
627
- border-radius: 0;
628
- border: none;
629
- margin-right: 0; }
630
- .customize-control-kirki-multicolor .multicolor-group-wrapper .wp-picker-container a.wp-color-result > span {
631
- border-top-left-radius: 0 !important;
632
- border-bottom-left-radius: 0 !important;
633
- border-top-right-radius: 0 !important;
634
- border-bottom-right-radius: 0 !important; }
635
- .customize-control-kirki-multicolor .multicolor-group-wrapper .wp-picker-container a.wp-color-result:after {
636
- display: none; }
637
-
638
- .customize-control-kirki-color-palette label {
639
- position: relative;
640
- display: inline-block;
641
- padding: 2px 0; }
642
- .customize-control-kirki-color-palette .color-palette-color {
643
- color: transparent;
644
- display: block;
645
- width: 42px;
646
- height: 42px;
647
- overflow: hidden;
648
- border-radius: 50%;
649
- -webkit-box-shadow: inset 3px 3px 13px 2px rgba(0, 0, 0, 0.22);
650
- box-shadow: inset 3px 3px 13px 2px rgba(0, 0, 0, 0.22);
651
- border: 1px solid rgba(0, 0, 0, 0.2); }
652
- .customize-control-kirki-color-palette .colors-wrapper {
653
- max-height: 300px;
654
- overflow-y: auto;
655
- padding: 10px; }
656
- .customize-control-kirki-color-palette .colors-wrapper input {
657
- display: none; }
658
- .customize-control-kirki-color-palette .colors-wrapper input:checked + label .color-palette-color {
659
- -webkit-box-shadow: 1px 1px 10px 1px #333333;
660
- box-shadow: 1px 1px 10px 1px #333333;
661
- border: 1px solid rgba(0, 0, 0, 0.3); }
662
-
663
- .wp-customizer div.ui-datepicker {
664
- z-index: 500001 !important;
665
- width: 255px;
666
- background: #fff;
667
- border: 1px solid #dedede; }
668
- .wp-customizer div.ui-datepicker .ui-datepicker-header {
669
- padding: 10px;
670
- background: #e5e5e5;
671
- border-bottom: 1px solid #fff; }
672
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
673
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
674
- display: block;
675
- position: absolute;
676
- width: 1em;
677
- overflow: hidden; }
678
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after, .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
679
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after,
680
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
681
- font-family: dashicons; }
682
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after:hover, .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before:hover,
683
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after:hover,
684
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before:hover {
685
- cursor: pointer; }
686
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
687
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
688
- display: none; }
689
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
690
- left: 10px; }
691
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
692
- content: "\f341"; }
693
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
694
- right: 10px; }
695
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
696
- content: "\f345"; }
697
- .wp-customizer div.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
698
- text-align: center; }
699
- .wp-customizer div.ui-datepicker .ui-datepicker-calendar {
700
- border-collapse: collapse;
701
- width: 100%; }
702
- .wp-customizer div.ui-datepicker .ui-datepicker-calendar thead {
703
- background: #e5e5e5;
704
- padding: 5px; }
705
- .wp-customizer div.ui-datepicker .ui-datepicker-calendar tr td {
706
- text-align: center; }
707
- .wp-customizer div.ui-datepicker .ui-datepicker-calendar tr td a {
708
- display: block;
709
- padding: 5px;
710
- color: #333;
711
- text-decoration: none; }
712
- .wp-customizer div.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-active, .wp-customizer div.ui-datepicker .ui-datepicker-calendar tr td a:hover {
713
- color: #fff;
714
- background-color: #0073aa; }
715
- .wp-customizer div.ui-datepicker .ui-datepicker-calendar tr td.ui-state-disabled a, .wp-customizer div.ui-datepicker .ui-datepicker-calendar tr td.ui-state-disabled .ui-state-default a {
716
- color: #999; }
717
-
718
- .customize-control-kirki-dashicons label {
719
- position: relative;
720
- display: inline-block; }
721
- .customize-control-kirki-dashicons .icons-wrapper {
722
- max-height: 300px;
723
- overflow-y: scroll; }
724
- .customize-control-kirki-dashicons .icons-wrapper h4 {
725
- font-weight: 300;
726
- margin: 0.7em 0; }
727
- .customize-control-kirki-dashicons .icons-wrapper .dashicons {
728
- padding: 3px;
729
- font-size: 25px;
730
- width: 25px;
731
- height: 25px;
732
- border: 1px solid transparent; }
733
- .customize-control-kirki-dashicons .icons-wrapper input {
734
- display: none; }
735
- .customize-control-kirki-dashicons .icons-wrapper input:checked + label .dashicons {
736
- border: 1px solid #3498DB;
737
- color: #000; }
738
-
739
- .customize-control-kirki-number .ui-spinner.ui-widget-content {
740
- position: relative; }
741
- .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button {
742
- position: absolute;
743
- right: 0;
744
- color: rgba(0, 0, 0, 0.3);
745
- border: none;
746
- padding: 0 5px;
747
- width: 20px;
748
- height: calc(50% + 0.5em);
749
- border-radius: 0;
750
- -webkit-border-radius: 0;
751
- box-shadow: none;
752
- -webkit-box-shadow: none;
753
- background: transparent;
754
- background: none;
755
- margin: 0; }
756
- .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button .ui-button-text {
757
- display: none; }
758
- .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-down:before, .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-up:before {
759
- font-family: dashicons;
760
- position: absolute;
761
- left: 0; }
762
- .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-up {
763
- top: -50%; }
764
- .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-up:before {
765
- content: "\f343"; }
766
- .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-down {
767
- top: 50%; }
768
- .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-down:before {
769
- content: "\f347"; }
770
- .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button:hover {
771
- color: rgba(0, 0, 0, 0.7); }
772
-
773
- .customize-control-kirki-palette input[type="radio"] {
774
- display: none; }
775
- .customize-control-kirki-palette input[type="radio"]:checked + label {
776
- border: 3px solid rgba(0, 0, 0, 0.4); }
777
- .customize-control-kirki-palette label {
778
- background: none;
779
- padding: 0;
780
- border-top: 3px solid transparent;
781
- border-bottom: 3px solid transparent;
782
- margin-bottom: 5px;
783
- display: flex; }
784
- .customize-control-kirki-palette label span {
785
- padding: 10px 0;
786
- flex-grow: 1;
787
- font-size: 0;
788
- line-height: 10px;
789
- color: transparent;
790
- -webkit-transition: all 200ms ease-in-out;
791
- -moz-transition: all 200ms ease-in-out;
792
- -ms-transition: all 200ms ease-in-out;
793
- -o-transition: all 200ms ease-in-out;
794
- transition: all 200ms ease-in-out;
795
- border-top: 1px solid rgba(0, 0, 0, 0.1);
796
- border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
797
- .customize-control-kirki-palette label span:first-child {
798
- border-left: 1px solid rgba(0, 0, 0, 0.1); }
799
- .customize-control-kirki-palette label span:last-child {
800
- border-right: 1px solid rgba(0, 0, 0, 0.1); }
801
- .customize-control-kirki-palette label span:hover {
802
- padding: 10px;
803
- flex-grow: 3;
804
- min-width: 60px;
805
- font-size: 10px;
806
- line-height: 10px;
807
- color: #000; }
808
-
809
- .customize-control-kirki-radio input[type=radio] {
810
- width: 18px;
811
- height: 18px; }
812
- .customize-control-kirki-radio input[type=radio]:checked:before {
813
- width: 10px;
814
- height: 10px;
815
- margin: 3px; }
816
- .customize-control-kirki-radio label {
817
- display: list-item;
818
- margin-bottom: 7px; }
819
- .customize-control-kirki-radio label .option-description {
820
- display: block;
821
- color: rgba(0, 0, 0, 0.35);
822
- font-size: 0.9em;
823
- padding-left: 25px; }
824
-
825
- .customize-control-kirki-radio-buttonset .buttonset .switch-label {
826
- background: rgba(0, 0, 0, 0.05);
827
- color: #555;
828
- border-right: 1px solid rgba(0, 0, 0, 0.2);
829
- padding: 4px 7px;
830
- margin: 0;
831
- font-size: 12px; }
832
- .customize-control-kirki-radio-buttonset .buttonset .switch-label:last-child {
833
- border-right: none; }
834
- .customize-control-kirki-radio-buttonset .buttonset .switch-input {
835
- display: none; }
836
- .customize-control-kirki-radio-buttonset .buttonset .switch-input:checked + .switch-label {
837
- background-color: #3498DB;
838
- color: #fff; }
839
-
840
- .customize-control-kirki-radio-image label {
841
- position: relative;
842
- display: inline-block; }
843
- .customize-control-kirki-radio-image input {
844
- display: none; }
845
- .customize-control-kirki-radio-image input img {
846
- border: 1px solid transparent; }
847
- .customize-control-kirki-radio-image input:checked + label img {
848
- -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
849
- box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
850
- border: 1px solid #3498DB; }
851
- .customize-control-kirki-radio-image input + label .image-clickable {
852
- position: absolute;
853
- top: 0;
854
- bottom: 0;
855
- left: 0;
856
- right: 0;
857
- width: 100%;
858
- height: 100%; }
859
-
860
- .customize-control-repeater .repeater-fields .repeater-row {
861
- border: 1px solid #999;
862
- margin-top: 0.5rem;
863
- background: #eee;
864
- position: relative; }
865
- .customize-control-repeater .repeater-fields .repeater-row.minimized {
866
- border: 1px solid #dfdfdf;
867
- padding: 0; }
868
- .customize-control-repeater .repeater-fields .repeater-row.minimized:hover {
869
- border: 1px solid #999; }
870
- .customize-control-repeater .repeater-fields .repeater-row.minimized .repeater-row-content {
871
- display: none; }
872
- .customize-control-repeater .repeater-fields .repeater-row label {
873
- margin-bottom: 12px;
874
- clear: both; }
875
- .customize-control-repeater .repeater-fields .repeater-row .repeater-field.repeater-field- {
876
- display: none; }
877
- .customize-control-repeater .repeater-fields .repeater-row .repeater-field.repeater-field-radio-image input {
878
- display: none; }
879
- .customize-control-repeater .repeater-fields .repeater-row .repeater-field.repeater-field-radio-image input img {
880
- border: 1px solid transparent; }
881
- .customize-control-repeater .repeater-fields .repeater-row .repeater-field.repeater-field-radio-image input:checked + label img {
882
- -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
883
- box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
884
- border: 1px solid #3498DB; }
885
- .customize-control-repeater .repeater-fields .repeater-row .repeater-field:last-child {
886
- border-bottom: none;
887
- padding-bottom: 0; }
888
- .customize-control-repeater button.repeater-add {
889
- margin-top: 1rem; }
890
- .customize-control-repeater .repeater-row-content {
891
- padding: 10px 15px; }
892
- .customize-control-repeater .repeater-field {
893
- margin-bottom: 12px;
894
- width: 100%;
895
- clear: both;
896
- padding-bottom: 12px;
897
- border-bottom: 1px dotted #CCC; }
898
- .customize-control-repeater .repeater-field .customize-control-title {
899
- font-size: 13px;
900
- line-height: initial; }
901
- .customize-control-repeater .repeater-field .customize-control-description {
902
- font-size: 13px;
903
- line-height: initial; }
904
- .customize-control-repeater .repeater-field.repeater-field-hidden {
905
- margin: 0;
906
- padding: 0;
907
- border: 0; }
908
- .customize-control-repeater .repeater-field-select select {
909
- margin-left: 0; }
910
- .customize-control-repeater .repeater-field-checkbox label {
911
- line-height: 28px; }
912
- .customize-control-repeater .repeater-field-checkbox input {
913
- line-height: 28px;
914
- margin-right: 5px; }
915
- .customize-control-repeater .repeater-field-textarea textarea {
916
- width: 100%;
917
- resize: vertical; }
918
- .customize-control-repeater .repeater-row-header {
919
- background: white;
920
- border: 1px solid #dfdfdf;
921
- position: relative;
922
- padding: 10px 15px;
923
- height: auto;
924
- min-height: 20px;
925
- line-height: 30px;
926
- overflow: hidden;
927
- word-wrap: break-word; }
928
- .customize-control-repeater .repeater-row-header:hover {
929
- cursor: move; }
930
- .customize-control-repeater .repeater-row-header .dashicons {
931
- font-size: 18px;
932
- position: absolute;
933
- right: 12px;
934
- top: 2px;
935
- color: #a0a5aa; }
936
- .customize-control-repeater .repeater-row-label {
937
- font-size: 13px;
938
- font-weight: 600;
939
- line-height: 20px;
940
- display: block;
941
- text-transform: capitalize;
942
- width: 90%;
943
- overflow: hidden;
944
- height: 18px; }
945
- .customize-control-repeater .repeater-row-remove {
946
- color: #a00; }
947
- .customize-control-repeater .repeater-row-remove:hover {
948
- color: #f00; }
949
- .customize-control-repeater .repeater-minimize {
950
- line-height: 36px; }
951
- .customize-control-repeater .remove-button,
952
- .customize-control-repeater .upload-button {
953
- width: 48%; }
954
-
955
- .kirki-image-attachment {
956
- margin: 0;
957
- text-align: center;
958
- margin-bottom: 10px; }
959
- .kirki-image-attachment img {
960
- display: inline-block; }
961
-
962
- .kirki-file-attachment {
963
- margin: 0;
964
- text-align: center;
965
- margin-bottom: 10px; }
966
- .kirki-file-attachment .file {
967
- display: block;
968