Kirki - Version 2.3.4

Version Description

June 1, 2016, dev time: 30 minutes.

  • FIX: Repeater JS issues due to error in translation strings.
Download this release

Release Info

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

Code changes from version 2.0.5 to 2.3.4

Files changed (474) hide show
  1. LICENSE +21 -0
  2. assets/css/{customizer-dynamic-css-colors.css → customizer-dynamic-css-colors.php} +4 -0
  3. assets/css/{customizer-dynamic-css-width.css → customizer-dynamic-css-width.php} +4 -0
  4. assets/css/{customizer-dynamic-css.css → customizer-dynamic-css.php} +4 -1
  5. assets/css/customizer.css +678 -470
  6. assets/css/customizer.css.map +2 -2
  7. assets/css/customizer.min.css +0 -1
  8. assets/css/transparency-grid.png +0 -0
  9. assets/images/jquery.fs.stepper-arrows.png +0 -0
  10. assets/images/kirki-bottom.png +0 -0
  11. assets/images/kirki-bottom.svg +91 -0
  12. assets/images/kirki-logo.svg +48 -0
  13. assets/images/kirki-toolkit.png +0 -0
  14. assets/js/branding.js +13 -0
  15. assets/js/controls/checkbox.js +17 -9
  16. assets/js/controls/code.js +39 -19
  17. assets/js/controls/color-alpha.js +0 -18
  18. assets/js/controls/color-palette.js +17 -0
  19. assets/js/controls/color.js +31 -0
  20. assets/js/controls/custom.js +0 -0
  21. assets/js/controls/dashicons.js +17 -0
  22. assets/js/controls/date.js +21 -0
  23. assets/js/controls/dimension.js +38 -15
  24. assets/js/controls/dropdown-pages.js +18 -0
  25. assets/js/controls/editor.js +154 -35
  26. assets/js/controls/generic.js +17 -0
  27. assets/js/controls/multicheck.js +20 -12
  28. assets/js/controls/multicolor.js +92 -0
  29. assets/js/controls/number.js +35 -23
  30. assets/js/controls/palette.js +9 -4
  31. assets/js/controls/preset.js +23 -273
  32. assets/js/controls/radio-buttonset.js +8 -4
  33. assets/js/controls/radio-image.js +9 -4
  34. assets/js/controls/radio.js +9 -4
  35. assets/js/controls/repeater.js +879 -341
  36. assets/js/controls/select.js +22 -20
  37. assets/js/controls/slider.js +26 -22
  38. assets/js/controls/sortable.js +33 -18
  39. assets/js/controls/spacing.js +51 -99
  40. assets/js/controls/switch.js +11 -9
  41. assets/js/controls/text.js +0 -11
  42. assets/js/controls/textarea.js +0 -11
  43. assets/js/controls/toggle.js +11 -9
  44. assets/js/controls/typography.js +309 -145
  45. assets/js/functions/set-setting-value.js +218 -0
  46. assets/js/functions/validate-css-value.js +35 -0
  47. assets/js/l10n.js +4 -0
  48. assets/js/postmessage.js +153 -0
  49. assets/js/reset.js +20 -0
  50. assets/js/tooltip.js +3 -0
  51. assets/js/vendor/codemirror/mode/apl/apl.js +0 -174
  52. assets/js/vendor/codemirror/mode/apl/index.html +0 -72
  53. assets/js/vendor/codemirror/mode/asciiarmor/asciiarmor.js +0 -73
  54. assets/js/vendor/codemirror/mode/asciiarmor/index.html +0 -46
  55. assets/js/vendor/codemirror/mode/asn.1/asn.1.js +0 -204
  56. assets/js/vendor/codemirror/mode/asn.1/index.html +0 -78
  57. assets/js/vendor/codemirror/mode/asterisk/asterisk.js +0 -196
  58. assets/js/vendor/codemirror/mode/asterisk/index.html +0 -154
  59. assets/js/vendor/codemirror/mode/brainfuck/brainfuck.js +0 -85
  60. assets/js/vendor/codemirror/mode/brainfuck/index.html +0 -85
  61. assets/js/vendor/codemirror/mode/clike/clike.js +0 -775
  62. assets/js/vendor/codemirror/mode/clike/index.html +0 -360
  63. assets/js/vendor/codemirror/mode/clike/scala.html +0 -767
  64. assets/js/vendor/codemirror/mode/clike/test.js +0 -42
  65. assets/js/vendor/codemirror/mode/clojure/clojure.js +0 -244
  66. assets/js/vendor/codemirror/mode/clojure/index.html +0 -88
  67. assets/js/vendor/codemirror/mode/cmake/cmake.js +0 -97
  68. assets/js/vendor/codemirror/mode/cmake/index.html +0 -129
  69. assets/js/vendor/codemirror/mode/cobol/cobol.js +0 -255
  70. assets/js/vendor/codemirror/mode/cobol/index.html +0 -210
  71. assets/js/vendor/codemirror/mode/commonlisp/commonlisp.js +0 -123
  72. assets/js/vendor/codemirror/mode/commonlisp/index.html +0 -177
  73. assets/js/vendor/codemirror/mode/cypher/cypher.js +0 -146
  74. assets/js/vendor/codemirror/mode/cypher/index.html +0 -63
  75. assets/js/vendor/codemirror/mode/d/d.js +0 -218
  76. assets/js/vendor/codemirror/mode/d/index.html +0 -273
  77. assets/js/vendor/codemirror/mode/dart/dart.js +0 -130
  78. assets/js/vendor/codemirror/mode/dart/index.html +0 -71
  79. assets/js/vendor/codemirror/mode/diff/diff.js +0 -47
  80. assets/js/vendor/codemirror/mode/diff/index.html +0 -117
  81. assets/js/vendor/codemirror/mode/django/django.js +0 -350
  82. assets/js/vendor/codemirror/mode/django/index.html +0 -73
  83. assets/js/vendor/codemirror/mode/dockerfile/dockerfile.js +0 -79
  84. assets/js/vendor/codemirror/mode/dockerfile/index.html +0 -73
  85. assets/js/vendor/codemirror/mode/dtd/dtd.js +0 -142
  86. assets/js/vendor/codemirror/mode/dtd/index.html +0 -89
  87. assets/js/vendor/codemirror/mode/dylan/dylan.js +0 -291
  88. assets/js/vendor/codemirror/mode/dylan/index.html +0 -407
  89. assets/js/vendor/codemirror/mode/ebnf/ebnf.js +0 -195
  90. assets/js/vendor/codemirror/mode/ebnf/index.html +0 -102
  91. assets/js/vendor/codemirror/mode/ecl/ecl.js +0 -206
  92. assets/js/vendor/codemirror/mode/ecl/index.html +0 -52
  93. assets/js/vendor/codemirror/mode/eiffel/eiffel.js +0 -160
  94. assets/js/vendor/codemirror/mode/eiffel/index.html +0 -429
  95. assets/js/vendor/codemirror/mode/elm/elm.js +0 -205
  96. assets/js/vendor/codemirror/mode/elm/index.html +0 -61
  97. assets/js/vendor/codemirror/mode/erlang/erlang.js +0 -618
  98. assets/js/vendor/codemirror/mode/erlang/index.html +0 -76
  99. assets/js/vendor/codemirror/mode/factor/factor.js +0 -83
  100. assets/js/vendor/codemirror/mode/factor/index.html +0 -77
  101. assets/js/vendor/codemirror/mode/forth/forth.js +0 -180
  102. assets/js/vendor/codemirror/mode/forth/index.html +0 -75
  103. assets/js/vendor/codemirror/mode/fortran/fortran.js +0 -188
  104. assets/js/vendor/codemirror/mode/fortran/index.html +0 -81
  105. assets/js/vendor/codemirror/mode/gas/gas.js +0 -345
  106. assets/js/vendor/codemirror/mode/gas/index.html +0 -68
  107. assets/js/vendor/codemirror/mode/gfm/gfm.js +0 -130
  108. assets/js/vendor/codemirror/mode/gfm/index.html +0 -93
  109. assets/js/vendor/codemirror/mode/gfm/test.js +0 -230
  110. assets/js/vendor/codemirror/mode/gherkin/gherkin.js +0 -178
  111. assets/js/vendor/codemirror/mode/gherkin/index.html +0 -48
  112. assets/js/vendor/codemirror/mode/go/go.js +0 -185
  113. assets/js/vendor/codemirror/mode/go/index.html +0 -85
  114. assets/js/vendor/codemirror/mode/groovy/groovy.js +0 -230
  115. assets/js/vendor/codemirror/mode/groovy/index.html +0 -84
  116. assets/js/vendor/codemirror/mode/handlebars/handlebars.js +0 -53
  117. assets/js/vendor/codemirror/mode/handlebars/index.html +0 -83
  118. assets/js/vendor/codemirror/mode/haskell/haskell.js +0 -267
  119. assets/js/vendor/codemirror/mode/haskell/index.html +0 -73
  120. assets/js/vendor/codemirror/mode/haxe/haxe.js +0 -515
  121. assets/js/vendor/codemirror/mode/haxe/index.html +0 -124
  122. assets/js/vendor/codemirror/mode/http/http.js +0 -113
  123. assets/js/vendor/codemirror/mode/http/index.html +0 -45
  124. assets/js/vendor/codemirror/mode/idl/idl.js +0 -290
  125. assets/js/vendor/codemirror/mode/idl/index.html +0 -64
  126. assets/js/vendor/codemirror/mode/jade/index.html +0 -70
  127. assets/js/vendor/codemirror/mode/jade/jade.js +0 -590
  128. assets/js/vendor/codemirror/mode/jinja2/index.html +0 -54
  129. assets/js/vendor/codemirror/mode/jinja2/jinja2.js +0 -142
  130. assets/js/vendor/codemirror/mode/julia/index.html +0 -195
  131. assets/js/vendor/codemirror/mode/julia/julia.js +0 -299
  132. assets/js/vendor/codemirror/mode/livescript/index.html +0 -459
  133. assets/js/vendor/codemirror/mode/livescript/livescript.js +0 -280
  134. assets/js/vendor/codemirror/mode/lua/index.html +0 -85
  135. assets/js/vendor/codemirror/mode/lua/lua.js +0 -159
  136. assets/js/vendor/codemirror/mode/mathematica/index.html +0 -72
  137. assets/js/vendor/codemirror/mode/mathematica/mathematica.js +0 -175
  138. assets/js/vendor/codemirror/mode/mirc/index.html +0 -160
  139. assets/js/vendor/codemirror/mode/mirc/mirc.js +0 -193
  140. assets/js/vendor/codemirror/mode/mllike/index.html +0 -179
  141. assets/js/vendor/codemirror/mode/mllike/mllike.js +0 -205
  142. assets/js/vendor/codemirror/mode/modelica/index.html +0 -67
  143. assets/js/vendor/codemirror/mode/modelica/modelica.js +0 -245
  144. assets/js/vendor/codemirror/mode/mscgen/index.html +0 -65
  145. assets/js/vendor/codemirror/mode/mscgen/index_msgenny.html +0 -44
  146. assets/js/vendor/codemirror/mode/mscgen/index_xu.html +0 -70
  147. assets/js/vendor/codemirror/mode/mscgen/mscgen.js +0 -169
  148. assets/js/vendor/codemirror/mode/mscgen/mscgen_test.js +0 -75
  149. assets/js/vendor/codemirror/mode/mscgen/msgenny_test.js +0 -71
  150. assets/js/vendor/codemirror/mode/mscgen/xu_test.js +0 -75
  151. assets/js/vendor/codemirror/mode/mumps/index.html +0 -85
  152. assets/js/vendor/codemirror/mode/mumps/mumps.js +0 -148
  153. assets/js/vendor/codemirror/mode/nginx/index.html +0 -181
  154. assets/js/vendor/codemirror/mode/nginx/nginx.js +0 -178
  155. assets/js/vendor/codemirror/mode/nsis/index.html +0 -80
  156. assets/js/vendor/codemirror/mode/nsis/nsis.js +0 -95
  157. assets/js/vendor/codemirror/mode/ntriples/index.html +0 -45
  158. assets/js/vendor/codemirror/mode/ntriples/ntriples.js +0 -186
  159. assets/js/vendor/codemirror/mode/octave/index.html +0 -83
  160. assets/js/vendor/codemirror/mode/octave/octave.js +0 -135
  161. assets/js/vendor/codemirror/mode/oz/index.html +0 -59
  162. assets/js/vendor/codemirror/mode/oz/oz.js +0 -252
  163. assets/js/vendor/codemirror/mode/pascal/index.html +0 -61
  164. assets/js/vendor/codemirror/mode/pascal/pascal.js +0 -109
  165. assets/js/vendor/codemirror/mode/pegjs/index.html +0 -66
  166. assets/js/vendor/codemirror/mode/pegjs/pegjs.js +0 -114
  167. assets/js/vendor/codemirror/mode/perl/index.html +0 -75
  168. assets/js/vendor/codemirror/mode/perl/perl.js +0 -837
  169. assets/js/vendor/codemirror/mode/pig/index.html +0 -55
  170. assets/js/vendor/codemirror/mode/pig/pig.js +0 -178
  171. assets/js/vendor/codemirror/mode/properties/index.html +0 -53
  172. assets/js/vendor/codemirror/mode/properties/properties.js +0 -78
  173. assets/js/vendor/codemirror/mode/puppet/index.html +0 -121
  174. assets/js/vendor/codemirror/mode/puppet/puppet.js +0 -220
  175. assets/js/vendor/codemirror/mode/python/index.html +0 -198
  176. assets/js/vendor/codemirror/mode/python/python.js +0 -347
  177. assets/js/vendor/codemirror/mode/q/index.html +0 -144
  178. assets/js/vendor/codemirror/mode/q/q.js +0 -139
  179. assets/js/vendor/codemirror/mode/r/index.html +0 -85
  180. assets/js/vendor/codemirror/mode/r/r.js +0 -162
  181. assets/js/vendor/codemirror/mode/rpm/changes/index.html +0 -66
  182. assets/js/vendor/codemirror/mode/rpm/index.html +0 -149
  183. assets/js/vendor/codemirror/mode/rpm/rpm.js +0 -109
  184. assets/js/vendor/codemirror/mode/rst/index.html +0 -535
  185. assets/js/vendor/codemirror/mode/rst/rst.js +0 -557
  186. assets/js/vendor/codemirror/mode/ruby/index.html +0 -183
  187. assets/js/vendor/codemirror/mode/ruby/ruby.js +0 -285
  188. assets/js/vendor/codemirror/mode/ruby/test.js +0 -14
  189. assets/js/vendor/codemirror/mode/rust/index.html +0 -64
  190. assets/js/vendor/codemirror/mode/rust/rust.js +0 -71
  191. assets/js/vendor/codemirror/mode/rust/test.js +0 -39
  192. assets/js/vendor/codemirror/mode/scheme/index.html +0 -77
  193. assets/js/vendor/codemirror/mode/scheme/scheme.js +0 -249
  194. assets/js/vendor/codemirror/mode/shell/index.html +0 -66
  195. assets/js/vendor/codemirror/mode/shell/shell.js +0 -139
  196. assets/js/vendor/codemirror/mode/shell/test.js +0 -58
  197. assets/js/vendor/codemirror/mode/sieve/index.html +0 -93
  198. assets/js/vendor/codemirror/mode/sieve/sieve.js +0 -193
  199. assets/js/vendor/codemirror/mode/slim/index.html +0 -96
  200. assets/js/vendor/codemirror/mode/slim/slim.js +0 -575
  201. assets/js/vendor/codemirror/mode/slim/test.js +0 -96
  202. assets/js/vendor/codemirror/mode/smalltalk/index.html +0 -68
  203. assets/js/vendor/codemirror/mode/smalltalk/smalltalk.js +0 -168
  204. assets/js/vendor/codemirror/mode/solr/index.html +0 -57
  205. assets/js/vendor/codemirror/mode/solr/solr.js +0 -104
  206. assets/js/vendor/codemirror/mode/soy/index.html +0 -68
  207. assets/js/vendor/codemirror/mode/soy/soy.js +0 -198
  208. assets/js/vendor/codemirror/mode/sparql/index.html +0 -61
  209. assets/js/vendor/codemirror/mode/sparql/sparql.js +0 -174
  210. assets/js/vendor/codemirror/mode/spreadsheet/index.html +0 -42
  211. assets/js/vendor/codemirror/mode/spreadsheet/spreadsheet.js +0 -109
  212. assets/js/vendor/codemirror/mode/stex/index.html +0 -110
  213. assets/js/vendor/codemirror/mode/stex/stex.js +0 -251
  214. assets/js/vendor/codemirror/mode/stex/test.js +0 -123
  215. assets/js/vendor/codemirror/mode/swift/index.html +0 -88
  216. assets/js/vendor/codemirror/mode/swift/swift.js +0 -203
  217. assets/js/vendor/codemirror/mode/tcl/index.html +0 -142
  218. assets/js/vendor/codemirror/mode/tcl/tcl.js +0 -147
  219. assets/js/vendor/codemirror/mode/tiddlywiki/index.html +0 -154
  220. assets/js/vendor/codemirror/mode/tiddlywiki/tiddlywiki.css +0 -14
  221. assets/js/vendor/codemirror/mode/tiddlywiki/tiddlywiki.js +0 -358
  222. assets/js/vendor/codemirror/mode/tiki/index.html +0 -95
  223. assets/js/vendor/codemirror/mode/tiki/tiki.css +0 -26
  224. assets/js/vendor/codemirror/mode/tiki/tiki.js +0 -312
  225. assets/js/vendor/codemirror/mode/toml/index.html +0 -73
  226. assets/js/vendor/codemirror/mode/toml/toml.js +0 -88
  227. assets/js/vendor/codemirror/mode/tornado/index.html +0 -63
  228. assets/js/vendor/codemirror/mode/tornado/tornado.js +0 -68
  229. assets/js/vendor/codemirror/mode/troff/index.html +0 -146
  230. assets/js/vendor/codemirror/mode/troff/troff.js +0 -82
  231. assets/js/vendor/codemirror/mode/ttcn-cfg/index.html +0 -115
  232. assets/js/vendor/codemirror/mode/ttcn-cfg/ttcn-cfg.js +0 -214
  233. assets/js/vendor/codemirror/mode/ttcn/index.html +0 -118
  234. assets/js/vendor/codemirror/mode/ttcn/ttcn.js +0 -283
  235. assets/js/vendor/codemirror/mode/turtle/index.html +0 -50
  236. assets/js/vendor/codemirror/mode/turtle/turtle.js +0 -162
  237. assets/js/vendor/codemirror/mode/vb/index.html +0 -102
  238. assets/js/vendor/codemirror/mode/vb/vb.js +0 -276
  239. assets/js/vendor/codemirror/mode/vbscript/index.html +0 -55
  240. assets/js/vendor/codemirror/mode/vbscript/vbscript.js +0 -350
  241. assets/js/vendor/codemirror/mode/velocity/index.html +0 -118
  242. assets/js/vendor/codemirror/mode/velocity/velocity.js +0 -201
  243. assets/js/vendor/codemirror/mode/verilog/index.html +0 -120
  244. assets/js/vendor/codemirror/mode/verilog/test.js +0 -273
  245. assets/js/vendor/codemirror/mode/verilog/verilog.js +0 -537
  246. assets/js/vendor/codemirror/mode/vhdl/index.html +0 -95
  247. assets/js/vendor/codemirror/mode/vhdl/vhdl.js +0 -189
  248. assets/js/vendor/codemirror/mode/vue/index.html +0 -69
  249. assets/js/vendor/codemirror/mode/vue/vue.js +0 -69
  250. assets/js/vendor/codemirror/mode/xquery/index.html +0 -210
  251. assets/js/vendor/codemirror/mode/xquery/test.js +0 -67
  252. assets/js/vendor/codemirror/mode/xquery/xquery.js +0 -437
  253. assets/js/vendor/codemirror/mode/z80/index.html +0 -53
  254. assets/js/vendor/codemirror/mode/z80/z80.js +0 -116
  255. assets/js/vendor/codemirror/theme/3024-day.css +0 -41
  256. assets/js/vendor/codemirror/theme/3024-night.css +0 -39
  257. assets/js/vendor/codemirror/theme/abcdef.css +0 -32
  258. assets/js/vendor/codemirror/theme/ambiance-mobile.css +0 -5
  259. assets/js/vendor/codemirror/theme/ambiance.css +0 -74
  260. assets/js/vendor/codemirror/theme/base16-dark.css +0 -38
  261. assets/js/vendor/codemirror/theme/base16-light.css +0 -38
  262. assets/js/vendor/codemirror/theme/bespin.css +0 -34
  263. assets/js/vendor/codemirror/theme/blackboard.css +0 -32
  264. assets/js/vendor/codemirror/theme/cobalt.css +0 -25
  265. assets/js/vendor/codemirror/theme/colorforth.css +0 -33
  266. assets/js/vendor/codemirror/theme/dracula.css +0 -41
  267. assets/js/vendor/codemirror/theme/eclipse.css +0 -23
  268. assets/js/vendor/codemirror/theme/elegant.css +0 -13
  269. assets/js/vendor/codemirror/theme/erlang-dark.css +0 -34
  270. assets/js/vendor/codemirror/theme/hopscotch.css +0 -34
  271. assets/js/vendor/codemirror/theme/icecoder.css +0 -43
  272. assets/js/vendor/codemirror/theme/isotope.css +0 -34
  273. assets/js/vendor/codemirror/theme/kirki-dark.css +111 -0
  274. assets/js/vendor/codemirror/theme/kirki-light.css +54 -0
  275. assets/js/vendor/codemirror/theme/lesser-dark.css +0 -47
  276. assets/js/vendor/codemirror/theme/liquibyte.css +0 -95
  277. assets/js/vendor/codemirror/theme/material.css +0 -53
  278. assets/js/vendor/codemirror/theme/mbo.css +0 -37
  279. assets/js/vendor/codemirror/theme/mdn-like.css +0 -46
  280. assets/js/vendor/codemirror/theme/midnight.css +0 -45
  281. assets/js/vendor/codemirror/theme/monokai.css +0 -35
  282. assets/js/vendor/codemirror/theme/neat.css +0 -12
  283. assets/js/vendor/codemirror/theme/neo.css +0 -43
  284. assets/js/vendor/codemirror/theme/night.css +0 -28
  285. assets/js/vendor/codemirror/theme/paraiso-dark.css +0 -38
  286. assets/js/vendor/codemirror/theme/paraiso-light.css +0 -38
  287. assets/js/vendor/codemirror/theme/pastel-on-dark.css +0 -53
  288. assets/js/vendor/codemirror/theme/railscasts.css +0 -34
  289. assets/js/vendor/codemirror/theme/rubyblue.css +0 -25
  290. assets/js/vendor/codemirror/theme/seti.css +0 -44
  291. assets/js/vendor/codemirror/theme/solarized.css +0 -163
  292. assets/js/vendor/codemirror/theme/the-matrix.css +0 -30
  293. assets/js/vendor/codemirror/theme/tomorrow-night-bright.css +0 -35
  294. assets/js/vendor/codemirror/theme/tomorrow-night-eighties.css +0 -38
  295. assets/js/vendor/codemirror/theme/ttcn.css +0 -64
  296. assets/js/vendor/codemirror/theme/twilight.css +0 -32
  297. assets/js/vendor/codemirror/theme/vibrant-ink.css +0 -34
  298. assets/js/vendor/codemirror/theme/xq-dark.css +0 -53
  299. assets/js/vendor/codemirror/theme/xq-light.css +0 -43
  300. assets/js/vendor/codemirror/theme/yeti.css +0 -44
  301. assets/js/vendor/codemirror/theme/zenburn.css +0 -37
  302. assets/js/vendor/selectize.js +504 -438
  303. assets/js/vendor/serialize.js +0 -0
  304. assets/js/vendor/tinymce.plugin.code.js +60 -0
  305. assets/js/vendor/wp-color-picker-alpha.js +1 -1
  306. assets/json/webfonts.json +0 -13694
  307. assets/scss/controls/checkbox.scss +45 -46
  308. assets/scss/controls/code.scss +240 -121
  309. assets/scss/controls/color-alpha.scss +0 -62
  310. assets/scss/controls/color-palette.scss +33 -0
  311. assets/scss/controls/color.scss +20 -93
  312. assets/scss/controls/dashicons.scss +32 -0
  313. assets/scss/controls/date.scss +73 -0
  314. assets/scss/controls/dimension.scss +26 -15
  315. assets/scss/controls/editor.scss +24 -0
  316. assets/scss/controls/generic.scss +8 -0
  317. assets/scss/controls/multicheck.scss +8 -11
  318. assets/scss/controls/multicolor.scss +33 -0
  319. assets/scss/controls/number.scss +47 -50
  320. assets/scss/controls/palette.scss +44 -47
  321. assets/scss/controls/radio-buttonset.scss +23 -25
  322. assets/scss/controls/radio-image.scss +29 -21
  323. assets/scss/controls/radio.scss +18 -21
  324. assets/scss/controls/repeater.scss +161 -102
  325. assets/scss/controls/select.scss +324 -326
  326. assets/scss/controls/slider.scss +88 -91
  327. assets/scss/controls/sortable.scss +21 -24
  328. assets/scss/controls/spacing.scss +56 -34
  329. assets/scss/controls/switch.scss +85 -94
  330. assets/scss/controls/textarea.scss +0 -11
  331. assets/scss/controls/toggle.scss +70 -69
  332. assets/scss/controls/typography.scss +59 -79
  333. assets/scss/customizer.scss +14 -3
  334. assets/scss/global.scss +88 -187
  335. assets/scss/panels/expanded.scss +21 -0
  336. assets/scss/sections/expanded.scss +10 -0
  337. assets/scss/sections/hover.scss +23 -0
  338. assets/scss/tooltips.scss +107 -0
  339. assets/xml/colourlovers-top.xml +0 -2501
  340. autoloader.php +41 -0
  341. demo-theme/functions.php +0 -579
  342. demo-theme/index.php +0 -269
  343. demo-theme/style.css +0 -67
  344. includes/class-kirki-active-callback.php +186 -0
  345. includes/class-kirki-config.php +166 -0
  346. includes/class-kirki-control.php +143 -0
  347. includes/class-kirki-customize-control.php +113 -0
  348. includes/class-kirki-enqueue.php +253 -0
  349. includes/class-kirki-explode-background-field.php +202 -0
  350. includes/class-kirki-field.php +856 -0
  351. includes/class-kirki-fonts-google.php +336 -0
  352. includes/class-kirki-fonts.php +248 -0
  353. includes/class-kirki-helper.php +907 -0
  354. includes/class-kirki-init.php +255 -0
  355. includes/class-kirki-l10n.php +230 -0
  356. includes/class-kirki-panel.php +71 -0
  357. includes/class-kirki-sanitize-values.php +230 -0
  358. includes/class-kirki-scripts-registry.php +72 -0
  359. includes/class-kirki-section.php +74 -0
  360. includes/class-kirki-selective-refresh.php +59 -0
  361. includes/class-kirki-settings.php +141 -0
  362. includes/class-kirki-toolkit.php +48 -0
  363. includes/class-kirki-values.php +152 -0
  364. includes/class-kirki.php +183 -0
  365. includes/controls/class-kirki-controls-checkbox-control.php +50 -22
  366. includes/controls/class-kirki-controls-code-control.php +85 -76
  367. includes/controls/class-kirki-controls-color-alpha-control.php +0 -59
  368. includes/controls/class-kirki-controls-color-control.php +90 -0
  369. includes/controls/class-kirki-controls-color-palette-control.php +92 -0
  370. includes/controls/class-kirki-controls-custom-control.php +49 -32
  371. includes/controls/class-kirki-controls-dashicons-control.php +207 -0
  372. includes/controls/class-kirki-controls-date-control.php +70 -0
  373. includes/controls/class-kirki-controls-dimension-control.php +53 -36
  374. includes/controls/class-kirki-controls-dropdown-pages-control.php +94 -0
  375. includes/controls/class-kirki-controls-editor-control.php +56 -38
  376. includes/controls/class-kirki-controls-generic-control.php +86 -0
  377. includes/controls/class-kirki-controls-multicheck-control.php +59 -31
  378. includes/controls/class-kirki-controls-multicolor-control.php +95 -0
  379. includes/controls/class-kirki-controls-number-control.php +50 -42
  380. includes/controls/class-kirki-controls-palette-control.php +57 -36
  381. includes/controls/class-kirki-controls-preset-control.php +54 -35
  382. includes/controls/class-kirki-controls-radio-buttonset-control.php +56 -30
  383. includes/controls/class-kirki-controls-radio-control.php +60 -34
  384. includes/controls/class-kirki-controls-radio-image-control.php +58 -35
  385. includes/controls/class-kirki-controls-repeater-control.php +453 -132
  386. includes/controls/class-kirki-controls-select-control.php +81 -49
  387. includes/controls/class-kirki-controls-slider-control.php +71 -40
  388. includes/controls/class-kirki-controls-sortable-control.php +118 -84
  389. includes/controls/class-kirki-controls-spacing-control.php +81 -160
  390. includes/controls/class-kirki-controls-switch-control.php +63 -33
  391. includes/controls/class-kirki-controls-text-control.php +0 -47
  392. includes/controls/class-kirki-controls-textarea-control.php +0 -47
  393. includes/controls/class-kirki-controls-toggle-control.php +49 -22
  394. includes/controls/class-kirki-controls-typography-control.php +207 -181
  395. includes/deprecated.php +71 -0
  396. includes/dynamic-css.php +30 -0
  397. includes/field/class-kirki-field-checkbox.php +85 -0
  398. includes/field/class-kirki-field-code.php +109 -0
  399. includes/field/class-kirki-field-color-alpha.php +33 -0
  400. includes/field/class-kirki-field-color-palette.php +30 -0
  401. includes/field/class-kirki-field-color.php +68 -0
  402. includes/field/class-kirki-field-custom.php +48 -0
  403. includes/field/class-kirki-field-dashicons.php +48 -0
  404. includes/field/class-kirki-field-date.php +46 -0
  405. includes/field/class-kirki-field-dimension.php +30 -0
  406. includes/field/class-kirki-field-dropdown-pages.php +46 -0
  407. includes/field/class-kirki-field-editor.php +95 -0
  408. includes/field/class-kirki-field-generic.php +19 -0
  409. includes/field/class-kirki-field-group-title.php +20 -0
  410. includes/field/class-kirki-field-image.php +19 -0
  411. includes/field/class-kirki-field-kirki-generic.php +63 -0
  412. includes/field/class-kirki-field-multicheck.php +58 -0
  413. includes/field/class-kirki-field-multicolor.php +72 -0
  414. includes/field/class-kirki-field-number.php +46 -0
  415. includes/field/class-kirki-field-palette.php +30 -0
  416. includes/field/class-kirki-field-preset.php +41 -0
  417. includes/field/class-kirki-field-radio-buttonset.php +30 -0
  418. includes/field/class-kirki-field-radio-image.php +30 -0
  419. includes/field/class-kirki-field-radio.php +51 -0
  420. includes/field/class-kirki-field-select.php +77 -0
  421. includes/field/class-kirki-field-select2-multiple.php +32 -0
  422. includes/field/class-kirki-field-select2.php +20 -0
  423. includes/field/class-kirki-field-slider.php +46 -0
  424. includes/field/class-kirki-field-sortable.php +30 -0
  425. includes/field/class-kirki-field-spacing.php +75 -0
  426. includes/field/class-kirki-field-switch.php +57 -0
  427. includes/field/class-kirki-field-text.php +50 -0
  428. includes/field/class-kirki-field-textarea.php +34 -0
  429. includes/field/class-kirki-field-toggle.php +30 -0
  430. includes/field/class-kirki-field-typography.php +208 -0
  431. includes/field/class-kirki-field-upload.php +46 -0
  432. includes/field/class-kirki-filed-link.php +50 -0
  433. includes/field/class-kirki-filed-url.php +18 -0
  434. includes/lib/class-aricolor.php +765 -0
  435. includes/lib/class-kirki-color.php +290 -310
  436. includes/lib/class-kirki-colourlovers.php +0 -72
  437. includes/output/class-kirki-output.php +230 -0
  438. includes/output/field/class-kirki-output-field-multicolor.php +61 -0
  439. includes/output/field/class-kirki-output-field-spacing.php +43 -0
  440. includes/output/field/class-kirki-output-field-typography.php +89 -0
  441. includes/output/property/class-kirki-output-property-background-image.php +34 -0
  442. includes/output/property/class-kirki-output-property-background-position.php +75 -0
  443. includes/output/property/class-kirki-output-property-font-family.php +61 -0
  444. includes/output/property/class-kirki-output-property.php +67 -0
  445. includes/panels/class-kirki-panels-default-panel.php +29 -0
  446. includes/panels/class-kirki-panels-expanded-panel.php +66 -0
  447. includes/scripts/class-kirki-scripts-icons.php +108 -0
  448. includes/scripts/class-kirki-scripts-loading.php +136 -0
  449. includes/scripts/class-kirki-scripts-tooltips.php +122 -0
  450. includes/sections/class-kirki-sections-default-section.php +83 -0
  451. includes/sections/class-kirki-sections-expanded-section.php +56 -0
  452. includes/sections/class-kirki-sections-hover-section.php +66 -0
  453. includes/settings/class-kirki-settings-default-setting.php +19 -0
  454. includes/settings/class-kirki-settings-repeater-setting.php +60 -44
  455. includes/styles/class-kirki-styles-customizer.php +247 -0
  456. includes/styles/class-kirki-styles-frontend.php +204 -0
  457. includes/styles/class-kirki-styles-output-css.php +262 -0
  458. includes/webfonts.php +5 -0
  459. kirki.php +65 -0
  460. languages/kirki.pot +0 -782
  461. readme.txt +667 -0
  462. tests/bin/install-wp-tests.sh +0 -112
  463. tests/test-bootstrap.php +0 -15
  464. tests/test-class-kirki-control.php +0 -99
  465. tests/test-class-kirki-customizer-scripts-postmessage.php +0 -69
  466. tests/test-deprecated.php +0 -55
  467. tests/test-kirki-color.php +0 -189
  468. tests/test-kirki-explode-background-field.php +0 -222
  469. tests/test-kirki-field-sanitize.php +0 -203
  470. tests/test-kirki-scripts-customizer-branding.php +0 -35
  471. tests/test-kirki-styles-customizer.php +0 -26
  472. tests/test-kirki-toolkit.php +0 -32
  473. tests/test-kirki.php +0 -319
  474. tests/test-textdomain.php +0 -12
LICENSE ADDED
@@ -0,0 +1,21 @@
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
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
assets/css/{customizer-dynamic-css-colors.css → customizer-dynamic-css-colors.php} RENAMED
@@ -1,3 +1,6 @@
1
/** Generic background color **/
2
.wp-full-overlay-sidebar {
3
background: COLOR_BACK;
@@ -105,3 +108,4 @@ h3.customize-section-title {
105
#customize-controls .customize-info .preview-notice {
106
color: COLOR_FONT;
107
}
1
+ <?php
2
+
3
+ return '
4
/** Generic background color **/
5
.wp-full-overlay-sidebar {
6
background: COLOR_BACK;
108
#customize-controls .customize-info .preview-notice {
109
color: COLOR_FONT;
110
}
111
+ ';
assets/css/{customizer-dynamic-css-width.css → customizer-dynamic-css-width.php} RENAMED
@@ -1,3 +1,6 @@
1
.wp-full-overlay-sidebar {
2
width: WIDTH;
3
}
@@ -5,3 +8,4 @@
5
.wp-full-overlay.expanded {
6
margin-left: WIDTH;
7
}
1
+ <?php
2
+
3
+ return '
4
.wp-full-overlay-sidebar {
5
width: WIDTH;
6
}
8
.wp-full-overlay.expanded {
9
margin-left: WIDTH;
10
}
11
+ ';
assets/css/{customizer-dynamic-css.css → customizer-dynamic-css.php} RENAMED
@@ -1,3 +1,5 @@
1
/** Button styles **/
2
.wp-core-ui .button-primary-disabled,
3
.wp-core-ui .button-primary.disabled,
@@ -16,7 +18,7 @@
16
}
17
18
/** Tooltip styles **/
19
- #customize-controls .customize-info .customize-help-toggle {
20
color: COLOR_ACCENT;
21
}
22
@@ -63,3 +65,4 @@
63
.customize-control-palette label.ui-state-active.ui-button.ui-widget span.ui-button-text {
64
border-color: COLOR_ACCENT;
65
}
1
+ <?php
2
+ return '
3
/** Button styles **/
4
.wp-core-ui .button-primary-disabled,
5
.wp-core-ui .button-primary.disabled,
18
}
19
20
/** Tooltip styles **/
21
+ #customize-controls .customize-info .customize-tooltip-toggle {
22
color: COLOR_ACCENT;
23
}
24
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 CHANGED
@@ -6,127 +6,20 @@
6
border-color: transparent !important;
7
border-color: transparent !important; }
8
9
- .hint,
10
- [data-hint] {
11
- position: relative;
12
- display: inline-block; }
13
- .hint:before, .hint:after,
14
- [data-hint]:before,
15
- [data-hint]:after {
16
- position: absolute;
17
- -webkit-transform: translate3d(0, 0, 0);
18
- -moz-transform: translate3d(0, 0, 0);
19
- transform: translate3d(0, 0, 0);
20
- visibility: hidden;
21
- opacity: 0;
22
- z-index: 998;
23
- pointer-events: none;
24
- transition: 0.3s ease;
25
- transition-delay: 250ms; }
26
- .hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after,
27
- [data-hint]:hover:before,
28
- [data-hint]:hover:after,
29
- [data-hint]:focus:before,
30
- [data-hint]:focus:after {
31
- visibility: visible;
32
- opacity: 1; }
33
- .hint:hover:before, .hint:hover:after,
34
- [data-hint]:hover:before,
35
- [data-hint]:hover:after {
36
- transition-delay: 0; }
37
- .hint:before,
38
- [data-hint]:before {
39
- content: '';
40
- position: absolute;
41
- background: transparent;
42
- border: none;
43
- z-index: 999;
44
- width: 0;
45
- height: 0;
46
- border-top: 5px solid transparent;
47
- border-bottom: 5px solid transparent;
48
- border-left: 5px solid #333;
49
- left: -5px;
50
- top: 5px; }
51
- .hint:after,
52
- [data-hint]:after {
53
- content: attr(data-hint);
54
- background: #333;
55
- color: white;
56
- padding: 5px 10px;
57
- font-size: 12px;
58
- line-height: 14px;
59
- height: auto;
60
- margin-bottom: -14px;
61
- width: 170px;
62
- max-width: 170px;
63
- display: block;
64
- white-space: normal;
65
- text-align: right;
66
- position: relative;
67
- top: -22px;
68
- left: -195px; }
69
-
70
- li.customize-control {
71
- position: relative; }
72
- li.customize-control a.tooltip.hint--left {
73
- display: block;
74
- position: absolute;
75
- top: 5px;
76
- right: -10px;
77
- border-radius: 50%;
78
- color: #999;
79
- border: none;
80
- line-height: 8px;
81
- width: 20px;
82
- height: 20px;
83
- z-index: 10; }
84
85
- .rtl li.customize-control a.tooltip.hint--left {
86
- right: auto;
87
- left: 0; }
88
- .rtl .hint:before,
89
- .rtl [data-hint]:before {
90
- left: 20px;
91
- border-left: none;
92
- border-right: 5px solid #333; }
93
- .rtl .hint:after,
94
- .rtl [data-hint]:after {
95
- left: 195px; }
96
-
97
- customize-control-upload .current .container {
98
- border: 1px solid rgba(0, 0, 0, 0.05); }
99
-
100
- #customize-controls .description {
101
font-style: normal;
102
font-weight: 300;
103
font-size: .9em; }
104
-
105
- .customize-control-color .wp-picker-container,
106
- .customize-control-color-alpha .wp-picker-container {
107
- width: 100%; }
108
- .customize-control-color .wp-picker-container a.wp-color-result,
109
- .customize-control-color-alpha .wp-picker-container a.wp-color-result {
110
- width: auto;
111
- display: block;
112
- border: none;
113
- padding-left: 40px; }
114
- .customize-control-color .wp-picker-container a.wp-color-result:after,
115
- .customize-control-color-alpha .wp-picker-container a.wp-color-result:after {
116
- background: rgba(0, 0, 0, 0.25);
117
- color: #fff;
118
- border: none;
119
- -webkit-box-shadow: none;
120
- box-shadow: none; }
121
- .customize-control-color .wp-picker-container a.wp-color-result:focus:after, .customize-control-color .wp-picker-container a.wp-color-result:hover:after,
122
- .customize-control-color-alpha .wp-picker-container a.wp-color-result:focus:after,
123
- .customize-control-color-alpha .wp-picker-container a.wp-color-result:hover:after {
124
- color: #fff; }
125
-
126
- input {
127
font-size: 16px; }
128
-
129
- input[type="text"] {
130
border: 1px solid rgba(0, 0, 0, 0.1);
131
background-image: none;
132
background-position: 0% 0%;
@@ -134,7 +27,83 @@ input[type="text"] {
134
border-radius: 3px;
135
padding: .5em; }
136
137
- .customize-control input[type="checkbox"] {
138
position: relative;
139
margin: 0 1rem 0 0;
140
cursor: pointer;
@@ -143,7 +112,9 @@ input[type="text"] {
143
height: 22px;
144
border-radius: 3px;
145
-webkit-border-radius: 3px; }
146
- .customize-control input[type="checkbox"]:before {
147
content: "";
148
position: absolute;
149
left: 0;
@@ -151,7 +122,9 @@ input[type="text"] {
151
width: 100%;
152
height: 100%;
153
border: none; }
154
- .customize-control input[type="checkbox"]:after {
155
content: "";
156
position: absolute;
157
left: 0;
@@ -162,16 +135,49 @@ input[type="text"] {
162
cursor: pointer;
163
border-radius: 3px;
164
-webkit-border-radius: 3px; }
165
- .customize-control input[type="checkbox"]:checked:before {
166
content: "\f147";
167
font-family: dashicons;
168
font-size: 25px;
169
left: 0;
170
top: 2px; }
171
- .customize-control input[type="checkbox"]:checked:after {
172
background: #fff; }
173
174
- /* BASICS */
175
.CodeMirror {
176
/* Set height, width, borders, and global font properties here */
177
font-family: monospace;
@@ -187,7 +193,8 @@ input[type="text"] {
187
padding: 0 4px;
188
/* Horizontal padding of content */ }
189
190
- .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
191
background-color: white;
192
/* The little square between H and V scrollbars */ }
193
@@ -267,7 +274,8 @@ input[type="text"] {
267
.cm-positive {
268
color: #292; }
269
270
- .cm-header, .cm-strong {
271
font-weight: bold; }
272
273
.cm-em {
@@ -380,7 +388,10 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
380
/* The fake, visible scrollbars. Used to force redraw during scrolling
381
before actuall scrolling happens, thus preventing shaking and
382
flickering artifacts. */
383
- .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
384
position: absolute;
385
z-index: 6;
386
display: none; }
@@ -488,11 +499,11 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
488
outline: none; }
489
490
/* Force content-box sizing for the elements where we expect it */
491
- .CodeMirror-scroll,
492
- .CodeMirror-sizer,
493
.CodeMirror-gutter,
494
.CodeMirror-gutters,
495
- .CodeMirror-linenumber {
496
-moz-box-sizing: content-box;
497
box-sizing: content-box; }
498
@@ -529,10 +540,14 @@ div.CodeMirror-dragcursors {
529
.CodeMirror-crosshair {
530
cursor: crosshair; }
531
532
- .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
533
background: #d7d4f0; }
534
535
- .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
536
background: #d7d4f0; }
537
538
.cm-searching {
@@ -545,7 +560,7 @@ div.CodeMirror-dragcursors {
545
546
/* Used to force a border model for a node */
547
.cm-force-border {
548
- padding-right: .1px; }
549
550
@media print {
551
/* Hide the cursor when printing */
@@ -559,140 +574,186 @@ div.CodeMirror-dragcursors {
559
span.CodeMirror-selectedtext {
560
background: none; }
561
562
- .customize-control-color .kirki-alpha-container {
563
- box-sizing: padding-box;
564
- display: none;
565
- border: 1px solid #dfdfdf;
566
- border-top: none;
567
- background: #fff;
568
- padding: 0 11px 6px; }
569
- .customize-control-color .kirki-alpha-container .transparency {
570
- height: 24px;
571
- width: 100%;
572
- background-color: #fff;
573
- background-image: url("transparency-grid.png");
574
- background-size: cover;
575
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
576
- -webkit-border-radius: 3px;
577
- -moz-border-radius: 3px;
578
- border-radius: 3px;
579
- padding: 0; }
580
- .customize-control-color .kirki-alpha-container .ui-slider-handle {
581
- color: #777;
582
- background-color: #fff;
583
- text-shadow: 0 1px 0 #fff;
584
- text-decoration: none;
585
- position: absolute;
586
- z-index: 2;
587
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
588
- border: 1px solid #aaa;
589
- -webkit-border-radius: 4px;
590
- -moz-border-radius: 4px;
591
- border-radius: 4px;
592
- opacity: 0.9;
593
- margin-top: -2px;
594
- height: 20px;
595
- cursor: ew-resize;
596
- font-size: 12px;
597
- padding: 3px; }
598
- .customize-control-color .kirki-alpha-container .ui-slider {
599
- position: relative;
600
- text-align: center;
601
- width: 88%; }
602
- .customize-control-color .wp-picker-container a.wp-picker-open ~ div.kirki-alpha-container {
603
- display: block; }
604
- .customize-control-color .customize-control-alphacolor .wp-picker-container .iris-picker {
605
- border-bottom: none; }
606
- .customize-control-color .wp-picker-container {
607
width: 100%; }
608
- .customize-control-color .wp-picker-container .wp-picker-holder {
609
- width: calc(100% - 2px); }
610
- .customize-control-color .wp-picker-container .iris-picker {
611
- width: 100% !important;
612
- height: 195px !important;
613
- padding-bottom: 10px !important; }
614
- .customize-control-color .wp-picker-container .iris-picker .iris-picker-inner {
615
- left: 35px;
616
- height: 190px; }
617
- .customize-control-color .wp-picker-container .iris-picker .iris-picker-inner .iris-square {
618
- width: calc(100% - 35px) !important;
619
- margin-right: 2%; }
620
- .customize-control-color .wp-picker-container .iris-picker .iris-picker-inner .iris-slider.iris-strip {
621
- height: 185px !important;
622
- width: 28px !important; }
623
- .customize-control-color .iris-palette-container {
624
- width: 20px;
625
- left: 8px;
626
- top: 10px;
627
- text-align: center; }
628
- .customize-control-color .iris-palette-container a {
629
- display: inline-block;
630
- margin-left: 0 !important;
631
- margin-bottom: 3px;
632
- border: 1px solid rgba(0, 0, 0, 0.06);
633
- border-radius: 0;
634
- box-shadow: none;
635
- width: 18px !important;
636
- height: 18px !important; }
637
638
- .customize-control-color-alpha .kirki-alpha-container {
639
- box-sizing: padding-box;
640
- display: none;
641
- border: 1px solid #dfdfdf;
642
- border-top: none;
643
background: #fff;
644
- padding: 0 11px 6px; }
645
- .customize-control-color-alpha .wp-picker-container a.wp-picker-open ~ div.kirki-alpha-container {
646
- display: block; }
647
- .customize-control-color-alpha .customize-control-alphacolor .wp-picker-container .iris-picker {
648
- border-bottom: none; }
649
- .customize-control-color-alpha .wp-picker-container {
650
- width: 100%; }
651
- .customize-control-color-alpha .wp-picker-container .wp-picker-holder {
652
- width: calc(100% - 2px); }
653
- .customize-control-color-alpha .wp-picker-container .iris-picker {
654
- width: 100% !important;
655
- height: 195px !important;
656
- padding-bottom: 10px !important; }
657
- .customize-control-color-alpha .wp-picker-container .iris-picker .iris-picker-inner {
658
- left: 35px;
659
- height: 190px; }
660
- .customize-control-color-alpha .wp-picker-container .iris-picker .iris-picker-inner .iris-square {
661
- width: calc(100% - 50px) !important;
662
- margin-right: 2%; }
663
- .customize-control-color-alpha .wp-picker-container .iris-picker .iris-picker-inner .iris-slider.iris-strip {
664
- height: 185px !important;
665
- width: 14px !important; }
666
- .customize-control-color-alpha .wp-picker-container .iris-picker .iris-picker-inner .iris-slider.iris-strip.iris-alpha-slider {
667
- margin-left: 7px !important; }
668
- .customize-control-color-alpha .iris-palette-container {
669
- width: 20px;
670
- left: 8px;
671
- top: 10px;
672
- text-align: center; }
673
- .customize-control-color-alpha .iris-palette-container a {
674
- display: inline-block;
675
- margin-left: 0 !important;
676
- margin-bottom: 3px;
677
- border: 1px solid rgba(0, 0, 0, 0.06);
678
- border-radius: 0;
679
- box-shadow: none;
680
- width: 18px !important;
681
- height: 18px !important; }
682
-
683
- .customize-control-dimension input[type="number"] {
684
- width: 68%;
685
display: inline-block;
686
- height: 35px;
687
position: relative;
688
- top: -12px; }
689
- .customize-control-dimension .selectize-control {
690
- width: 30%;
691
display: inline-block; }
692
693
- .customize-control-number .ui-spinner.ui-widget-content {
694
position: relative; }
695
- .customize-control-number .ui-spinner.ui-widget-content .ui-spinner-button {
696
position: absolute;
697
right: 0;
698
color: rgba(0, 0, 0, 0.3);
@@ -707,35 +768,35 @@ span.CodeMirror-selectedtext {
707
background: transparent;
708
background: none;
709
margin: 0; }
710
- .customize-control-number .ui-spinner.ui-widget-content .ui-spinner-button .ui-button-text {
711
display: none; }
712
- .customize-control-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-up:before, .customize-control-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-down:before {
713
font-family: dashicons;
714
position: absolute;
715
left: 0; }
716
- .customize-control-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-up {
717
top: -50%; }
718
- .customize-control-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-up:before {
719
content: "\f343"; }
720
- .customize-control-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-down {
721
top: 50%; }
722
- .customize-control-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-down:before {
723
content: "\f347"; }
724
- .customize-control-number .ui-spinner.ui-widget-content .ui-spinner-button:hover {
725
color: rgba(0, 0, 0, 0.7); }
726
727
- .customize-control-palette input[type="radio"] {
728
display: none; }
729
- .customize-control-palette input[type="radio"]:checked + label {
730
border: 3px solid rgba(0, 0, 0, 0.4); }
731
- .customize-control-palette label {
732
background: none;
733
padding: 0;
734
border-top: 3px solid transparent;
735
border-bottom: 3px solid transparent;
736
margin-bottom: 5px;
737
display: flex; }
738
- .customize-control-palette label span {
739
padding: 10px 0;
740
flex-grow: 1;
741
font-size: 0;
@@ -748,11 +809,11 @@ span.CodeMirror-selectedtext {
748
transition: all 200ms ease-in-out;
749
border-top: 1px solid rgba(0, 0, 0, 0.1);
750
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
751
- .customize-control-palette label span:first-child {
752
border-left: 1px solid rgba(0, 0, 0, 0.1); }
753
- .customize-control-palette label span:last-child {
754
border-right: 1px solid rgba(0, 0, 0, 0.1); }
755
- .customize-control-palette label span:hover {
756
padding: 10px;
757
flex-grow: 3;
758
min-width: 60px;
@@ -773,53 +834,92 @@ span.CodeMirror-selectedtext {
773
.customize-control-kirki-radio label .option-description {
774
display: block;
775
color: rgba(0, 0, 0, 0.35);
776
- font-size: .9em;
777
padding-left: 25px; }
778
779
- .customize-control-radio-buttonset .buttonset .switch-label {
780
- background: rgba(0, 0, 0, 0.17);
781
- color: #fff;
782
border-right: 1px solid rgba(0, 0, 0, 0.2);
783
padding: 4px 7px;
784
margin: 0;
785
font-size: 12px; }
786
- .customize-control-radio-buttonset .buttonset .switch-label:last-child {
787
border-right: none; }
788
- .customize-control-radio-buttonset .buttonset .switch-input {
789
display: none; }
790
- .customize-control-radio-buttonset .buttonset .switch-input:checked + .switch-label {
791
- background-color: #3498DB; }
792
793
- .customize-control-radio-image input {
794
display: none; }
795
- .customize-control-radio-image input img {
796
border: 1px solid transparent; }
797
- .customize-control-radio-image input:checked + label img {
798
-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
799
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
800
border: 1px solid #3498DB; }
801
802
.customize-control-repeater .repeater-fields .repeater-row {
803
- padding: .5rem;
804
border: 1px solid #999;
805
- margin-top: .5rem;
806
background: #eee;
807
- position: relative;
808
- padding-top: 48px; }
809
.customize-control-repeater .repeater-fields .repeater-row label {
810
margin-bottom: 12px;
811
clear: both; }
812
.customize-control-repeater button.repeater-add {
813
margin-top: 1rem; }
814
.customize-control-repeater .repeater-field {
815
margin-bottom: 12px;
816
width: 100%;
817
clear: both;
818
padding-bottom: 12px;
819
border-bottom: 1px dotted #CCC; }
820
- .customize-control-repeater .repeater-row .repeater-field:last-child {
821
- border-bottom: none;
822
- padding-bottom: 0; }
823
.customize-control-repeater .repeater-field-select select {
824
margin-left: 0; }
825
.customize-control-repeater .repeater-field-checkbox label {
@@ -832,44 +932,64 @@ span.CodeMirror-selectedtext {
832
resize: vertical; }
833
.customize-control-repeater .repeater-row-header {
834
background: white;
835
- position: absolute;
836
- top: 0;
837
- left: 0;
838
- right: 0;
839
- height: 36px;
840
- color: #555;
841
- border-bottom: 1px solid #999;
842
- line-height: 36px;
843
- font-size: 15px; }
844
- .customize-control-repeater .repeater-row-number {
845
- border-right: 1px solid #ddd;
846
- display: inline-block;
847
- width: 35px;
848
- text-align: center; }
849
- .customize-control-repeater .repeater-row-remove,
850
- .customize-control-repeater .repeater-row-move,
851
- .customize-control-repeater .repeater-row-minimize {
852
- display: inline-block;
853
- float: right;
854
- border-left: 1px solid #ddd;
855
- width: 35px;
856
- height: 36px;
857
- text-align: center; }
858
- .customize-control-repeater .repeater-row-remove:hover,
859
- .customize-control-repeater .repeater-row-move:hover,
860
- .customize-control-repeater .repeater-row-minimize:hover {
861
- background: #ddd;
862
- cursor: pointer; }
863
- .customize-control-repeater .repeater-row-move:hover {
864
- cursor: move; }
865
- .customize-control-repeater .repeater-remove,
866
- .customize-control-repeater .repeater-move,
867
.customize-control-repeater .repeater-minimize {
868
line-height: 36px; }
869
- .customize-control-repeater .repeater-row.minimized {
870
- padding: 0;
871
- height: 36px;
872
- overflow: hidden; }
873
874
.selectize-control {
875
position: relative; }
@@ -933,7 +1053,7 @@ span.CodeMirror-selectedtext {
933
text-decoration: none;
934
vertical-align: middle;
935
display: inline-block;
936
- padding: 2px 0 0 0;
937
border-left: 1px solid #d0d0d0;
938
-webkit-border-radius: 0 2px 2px 0;
939
-moz-border-radius: 0 2px 2px 0;
@@ -969,11 +1089,12 @@ span.CodeMirror-selectedtext {
969
background: #ffffff;
970
border: 0 solid #ffffff; }
971
.selectize-dropdown {
972
- position: absolute;
973
z-index: 10;
974
border: 1px solid #d0d0d0;
975
background: #ffffff;
976
- margin: -1px 0 0 0;
977
border-top: 0 none;
978
-webkit-box-sizing: border-box;
979
-moz-box-sizing: border-box;
@@ -1022,13 +1143,13 @@ span.CodeMirror-selectedtext {
1022
font-size: 13px;
1023
line-height: 18px;
1024
-webkit-font-smoothing: inherit; }
1025
- .selectize-input, .selectize-control.single .selectize-input.input-active {
1026
background: #ffffff;
1027
cursor: text;
1028
display: inline-block; }
1029
.selectize-input {
1030
border: 1px solid rgba(0, 0, 0, 0.1);
1031
- padding: 8px 8px;
1032
display: inline-block;
1033
width: 100%;
1034
overflow: hidden;
@@ -1096,8 +1217,8 @@ span.CodeMirror-selectedtext {
1096
-webkit-border-radius: 1px;
1097
-moz-border-radius: 1px;
1098
border-radius: 1px; }
1099
- .selectize-dropdown [data-selectable],
1100
- .selectize-dropdown .optgroup-header {
1101
padding: 5px 8px; }
1102
.selectize-dropdown .optgroup:first-child .optgroup-header {
1103
border-top: 0 none; }
@@ -1117,118 +1238,132 @@ span.CodeMirror-selectedtext {
1117
overflow-x: hidden;
1118
max-height: 200px; }
1119
1120
- .customize-control-slider input[type=range] {
1121
-webkit-appearance: none;
1122
- -webkit-transition: background .3s;
1123
- -moz-transition: background .3s;
1124
- transition: background .3s;
1125
background-color: rgba(0, 0, 0, 0.1);
1126
height: 5px;
1127
width: calc(100% - 70px);
1128
padding: 0; }
1129
- .customize-control-slider input[type=range]:focus {
1130
box-shadow: none;
1131
outline: none; }
1132
- .customize-control-slider input[type=range]:hover {
1133
background-color: rgba(0, 0, 0, 0.25); }
1134
- .customize-control-slider input[type=range]::-webkit-slider-thumb {
1135
-webkit-appearance: none;
1136
width: 15px;
1137
height: 15px;
1138
border-radius: 50%;
1139
-webkit-border-radius: 50%;
1140
background-color: #3498D9; }
1141
- .customize-control-slider input[type=range]::-webkit-slider-thumb {
1142
-webkit-appearance: none;
1143
width: 15px;
1144
height: 15px;
1145
border: none;
1146
border-radius: 50%;
1147
background-color: #3498D9; }
1148
- .customize-control-slider input[type=range]::-moz-range-thumb {
1149
width: 15px;
1150
height: 15px;
1151
border: none;
1152
border-radius: 50%;
1153
background-color: #3498D9; }
1154
- .customize-control-slider input[type=range]::-ms-thumb {
1155
width: 15px;
1156
height: 15px;
1157
border-radius: 50%;
1158
border: 0;
1159
background-color: #3498D9; }
1160
- .customize-control-slider input[type=range]::-moz-range-track {
1161
border: inherit;
1162
background: transparent; }
1163
- .customize-control-slider input[type=range]::-ms-track {
1164
border: inherit;
1165
color: transparent;
1166
background: transparent; }
1167
- .customize-control-slider input[type=range]::-ms-fill-lower, .customize-control-slider input[type=range]::-ms-fill-upper {
1168
background: transparent; }
1169
- .customize-control-slider input[type=range]::-ms-tooltip {
1170
display: none; }
1171
- .customize-control-slider .kirki_range_value {
1172
display: inline-block;
1173
font-size: 14px;
1174
padding: 0 5px;
1175
font-weight: 400;
1176
position: relative;
1177
top: 2px; }
1178
- .customize-control-slider .kirki-slider-reset {
1179
color: rgba(0, 0, 0, 0.2);
1180
float: right;
1181
- -webkit-transition: color .5s ease-in;
1182
- -moz-transition: color .5s ease-in;
1183
- -ms-transition: color .5s ease-in;
1184
- -o-transition: color .5s ease-in;
1185
- transition: color .5s ease-in; }
1186
- .customize-control-slider .kirki-slider-reset span {
1187
font-size: 16px;
1188
line-height: 22px; }
1189
- .customize-control-slider .kirki-slider-reset:hover {
1190
color: red; }
1191
1192
- .customize-control-sortable ul.ui-sortable li {
1193
padding: 5px 10px;
1194
border: 1px solid #333;
1195
background: #fff; }
1196
- .customize-control-sortable ul.ui-sortable li .dashicons.dashicons-menu {
1197
float: right; }
1198
- .customize-control-sortable ul.ui-sortable li .dashicons.visibility {
1199
margin-right: 10px; }
1200
- .customize-control-sortable ul.ui-sortable li.invisible {
1201
color: #aaa;
1202
border: 1px dashed #aaa; }
1203
- .customize-control-sortable ul.ui-sortable li.invisible .dashicons.visibility {
1204
color: #aaa; }
1205
1206
- .customize-control-spacing .wrapper {
1207
-webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
1208
box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
1209
width: 96%;
1210
padding: 3%; }
1211
- .customize-control-spacing .wrapper .control {
1212
display: flex;
1213
flex-wrap: wrap;
1214
justify-content: space-between; }
1215
- .customize-control-spacing .wrapper .control > div {
1216
width: 48%; }
1217
- .customize-control-spacing .wrapper .control > div h5 {
1218
- margin: 10px 0 7px 0; }
1219
- .customize-control-spacing .wrapper .control > div .inner {
1220
display: flex; }
1221
- .customize-control-spacing .wrapper .control > div .inner input[type="number"] {
1222
width: 50%;
1223
height: 36px; }
1224
- .customize-control-spacing .wrapper .control > div .inner .selectize-control.single {
1225
width: 50%; }
1226
- .customize-control-spacing .wrapper .control > div .inner .selectize-control.single > .selectize-input {
1227
height: 36px; }
1228
1229
- .customize-control-switch input[type="checkbox"] {
1230
display: none; }
1231
- .customize-control-switch .switch {
1232
border: none;
1233
margin-bottom: 1.5rem;
1234
outline: 0;
@@ -1238,79 +1373,79 @@ span.CodeMirror-selectedtext {
1238
-moz-user-select: none;
1239
-ms-user-select: none;
1240
user-select: none; }
1241
- .customize-control-switch .switch label {
1242
background: rgba(0, 0, 0, 0.2);
1243
color: transparent;
1244
cursor: pointer;
1245
display: block;
1246
margin-bottom: 1rem;
1247
position: relative;
1248
- text-indent: 100%;
1249
transition: left 0.15s ease-out;
1250
height: 2rem;
1251
- width: 4rem; }
1252
- .customize-control-switch .switch label:after {
1253
background: #FFFFFF;
1254
content: "";
1255
display: block;
1256
height: 1.5rem;
1257
- left: .25rem;
1258
position: absolute;
1259
- top: .25rem;
1260
width: 1.5rem;
1261
- -webkit-transition: left 0.15s ease-out;
1262
- -moz-transition: left 0.15s ease-out;
1263
- -o-transition: translate3d(0, 0, 0);
1264
- transition: left 0.15s ease-out;
1265
- -webkit-transform: translate3d(0, 0, 0);
1266
- -moz-transform: translate3d(0, 0, 0);
1267
- -ms-transform: translate3d(0, 0, 0);
1268
- -o-transform: translate3d(0, 0, 0);
1269
- transform: translate3d(0, 0, 0); }
1270
- .customize-control-switch .switch input {
1271
left: 10px;
1272
opacity: 0;
1273
padding: 0;
1274
position: absolute;
1275
top: 9px; }
1276
- .customize-control-switch .switch input + label {
1277
margin-left: 0;
1278
margin-right: 0; }
1279
- .customize-control-switch .switch input:checked + label {
1280
background: #3498DB; }
1281
- .customize-control-switch .switch input:checked + label:after {
1282
left: 2.25rem;
1283
background: #ffffff; }
1284
- .customize-control-switch .switch.round {
1285
border-radius: 1000px; }
1286
- .customize-control-switch .switch.round label {
1287
border-radius: 2rem; }
1288
- .customize-control-switch .switch.round label:after {
1289
border-radius: 2rem; }
1290
- .customize-control-switch .switch-on {
1291
- position: absolute;
1292
- left: -55px;
1293
- top: 8px;
1294
- color: white;
1295
font-weight: bold;
1296
- font-size: 9px; }
1297
- .customize-control-switch .switch-off {
1298
- position: absolute;
1299
- left: -25px;
1300
- top: 8px;
1301
- color: white;
1302
- font-weight: bold;
1303
- font-size: 9px; }
1304
1305
- .customize-control-kirki-textarea textarea {
1306
width: 100%;
1307
border: 1px solid rgba(0, 0, 0, 0.1);
1308
-webkit-box-shadow: none;
1309
box-shadow: none; }
1310
1311
- .customize-control-toggle input[type="checkbox"] {
1312
display: none; }
1313
- .customize-control-toggle .switch {
1314
border: 1px solid rgba(0, 0, 0, 0.1);
1315
display: inline-block;
1316
width: 35px;
@@ -1322,7 +1457,7 @@ span.CodeMirror-selectedtext {
1322
cursor: pointer;
1323
user-select: none;
1324
transition: background 350ms ease; }
1325
- .customize-control-toggle .switch:before, .customize-control-toggle .switch:after {
1326
content: "";
1327
display: block;
1328
width: 20px;
@@ -1332,31 +1467,28 @@ span.CodeMirror-selectedtext {
1332
top: 50%;
1333
left: -3px;
1334
transition: all 350ms cubic-bezier(0, 0.95, 0.38, 0.98), background 150ms ease; }
1335
- .customize-control-toggle .switch:before {
1336
background: rgba(0, 0, 0, 0.2);
1337
transform: translate3d(0, -50%, 0) scale(0); }
1338
- .customize-control-toggle .switch:after {
1339
background: #999;
1340
border: 1px solid rgba(0, 0, 0, 0.1);
1341
transform: translate3d(0, -50%, 0); }
1342
- .customize-control-toggle .switch:active:before {
1343
transform: translate3d(0, -50%, 0) scale(3); }
1344
- .customize-control-toggle input:checked + .switch {
1345
background: rgba(52, 152, 222, 0.3); }
1346
- .customize-control-toggle input:checked + .switch:before {
1347
background: rgba(52, 152, 222, 0.075);
1348
transform: translate3d(100%, -50%, 0) scale(1); }
1349
- .customize-control-toggle input:checked + .switch:after {
1350
background: #3498DE;
1351
transform: translate3d(100%, -50%, 0); }
1352
- .customize-control-toggle input:checked + .switch:active:before {
1353
background: rgba(52, 152, 222, 0.075);
1354
transform: translate3d(100%, -50%, 0) scale(3); }
1355
- .customize-control-toggle .customize-control-title {
1356
- width: calc(100% - 50px);
1357
- float: left; }
1358
1359
- .customize-control-typography .wrapper {
1360
-webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
1361
box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
1362
padding: 10px;
@@ -1364,58 +1496,134 @@ span.CodeMirror-selectedtext {
1364
display: flex;
1365
flex-wrap: wrap;
1366
justify-content: space-between; }
1367
- .customize-control-typography .font-style {
1368
- width: 100%; }
1369
- .customize-control-typography .font-style .bold,
1370
- .customize-control-typography .font-style .italic,
1371
- .customize-control-typography .font-style .underline,
1372
- .customize-control-typography .font-style .strikethrough {
1373
- display: inline-block; }
1374
- .customize-control-typography .font-style input[type="checkbox"] {
1375
display: none; }
1376
- .customize-control-typography .font-style input[type="checkbox"]:checked + .dashicons {
1377
- background: #3498DB;
1378
- color: #fff; }
1379
- .customize-control-typography .font-style .dashicons {
1380
border-radius: 50%;
1381
- padding: 10px;
1382
width: 20px;
1383
height: 20px;
1384
- line-height: 20px;
1385
- color: #777; }
1386
- .customize-control-typography .font-family {
1387
- width: 100%; }
1388
- .customize-control-typography .font-size,
1389
- .customize-control-typography .font-weight,
1390
- .customize-control-typography .line-height,
1391
- .customize-control-typography .letter-spacing {
1392
- width: 48%; }
1393
- .customize-control-typography .font-size h5,
1394
- .customize-control-typography .font-weight h5,
1395
- .customize-control-typography .line-height h5,
1396
- .customize-control-typography .letter-spacing h5 {
1397
- width: 100%;
1398
- margin: 10px 0 7px 0; }
1399
- .customize-control-typography .font-size,
1400
- .customize-control-typography .letter-spacing {
1401
- display: flex;
1402
- flex-wrap: wrap; }
1403
- .customize-control-typography .font-size input[type="number"],
1404
- .customize-control-typography .letter-spacing input[type="number"] {
1405
- width: 50%;
1406
- height: 36px; }
1407
- .customize-control-typography .font-size .selectize-control.single,
1408
- .customize-control-typography .letter-spacing .selectize-control.single {
1409
- width: 50%; }
1410
- .customize-control-typography .font-size .selectize-control.single > .selectize-input,
1411
- .customize-control-typography .letter-spacing .selectize-control.single > .selectize-input {
1412
- height: 36px; }
1413
- .customize-control-typography .font-weight .selectize-control.single {
1414
- width: 100%; }
1415
- .customize-control-typography .font-weight .selectize-control.single > .selectize-input {
1416
- height: 36px; }
1417
- .customize-control-typography .line-height input[type="number"] {
1418
- width: 100%;
1419
- height: 36px; }
1420
1421
/*# sourceMappingURL=customizer.css.map */
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%;
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;
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;
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;
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;
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
274
.cm-positive {
275
color: #292; }
276
277
+ .cm-header,
278
+ .cm-strong {
279
font-weight: bold; }
280
281
.cm-em {
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; }
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
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 {
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 */
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-dimension .input-wrapper .invalid-value {
740
+ display: none;
741
+ background: #D32F2F;
742
+ font-size: 0.85em;
743
+ color: #fff;
744
+ float: left;
745
+ padding: 2px 0;
746
+ border-radius: 3px; }
747
+ .customize-control-kirki-dimension .input-wrapper.invalid .invalid-value {
748
+ display: block;
749
+ width: 98%;
750
+ text-align: center; }
751
+ .customize-control-kirki-dimension .input-wrapper.invalid input[type="text"]:focus {
752
+ border-color: #D32F2F; }
753
754
+ .customize-control-kirki-number .ui-spinner.ui-widget-content {
755
position: relative; }
756
+ .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button {
757
position: absolute;
758
right: 0;
759
color: rgba(0, 0, 0, 0.3);
768
background: transparent;
769
background: none;
770
margin: 0; }
771
+ .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button .ui-button-text {
772
display: none; }
773
+ .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 {
774
font-family: dashicons;
775
position: absolute;
776
left: 0; }
777
+ .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-up {
778
top: -50%; }
779
+ .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-up:before {
780
content: "\f343"; }
781
+ .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-down {
782
top: 50%; }
783
+ .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button.ui-spinner-down:before {
784
content: "\f347"; }
785
+ .customize-control-kirki-number .ui-spinner.ui-widget-content .ui-spinner-button:hover {
786
color: rgba(0, 0, 0, 0.7); }
787
788
+ .customize-control-kirki-palette input[type="radio"] {
789
display: none; }
790
+ .customize-control-kirki-palette input[type="radio"]:checked + label {
791
border: 3px solid rgba(0, 0, 0, 0.4); }
792
+ .customize-control-kirki-palette label {
793
background: none;
794
padding: 0;
795
border-top: 3px solid transparent;
796
border-bottom: 3px solid transparent;
797
margin-bottom: 5px;
798
display: flex; }
799
+ .customize-control-kirki-palette label span {
800
padding: 10px 0;
801
flex-grow: 1;
802
font-size: 0;
809
transition: all 200ms ease-in-out;
810
border-top: 1px solid rgba(0, 0, 0, 0.1);
811
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
812
+ .customize-control-kirki-palette label span:first-child {
813
border-left: 1px solid rgba(0, 0, 0, 0.1); }
814
+ .customize-control-kirki-palette label span:last-child {
815
border-right: 1px solid rgba(0, 0, 0, 0.1); }
816
+ .customize-control-kirki-palette label span:hover {
817
padding: 10px;
818
flex-grow: 3;
819
min-width: 60px;
834
.customize-control-kirki-radio label .option-description {
835
display: block;
836
color: rgba(0, 0, 0, 0.35);
837
+ font-size: 0.9em;
838
padding-left: 25px; }
839
840
+ .customize-control-kirki-radio-buttonset .buttonset .switch-label {
841
+ background: rgba(0, 0, 0, 0.05);
842
+ color: #555;
843
border-right: 1px solid rgba(0, 0, 0, 0.2);
844
padding: 4px 7px;
845
margin: 0;
846
font-size: 12px; }
847
+ .customize-control-kirki-radio-buttonset .buttonset .switch-label:last-child {
848
border-right: none; }
849
+ .customize-control-kirki-radio-buttonset .buttonset .switch-input {
850
display: none; }
851
+ .customize-control-kirki-radio-buttonset .buttonset .switch-input:checked + .switch-label {
852
+ background-color: #3498DB;
853
+ color: #fff; }
854
855
+ .customize-control-kirki-radio-image label {
856
+ position: relative;
857
+ display: inline-block; }
858
+ .customize-control-kirki-radio-image input {
859
display: none; }
860
+ .customize-control-kirki-radio-image input img {
861
border: 1px solid transparent; }
862
+ .customize-control-kirki-radio-image input:checked + label img {
863
-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
864
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
865
border: 1px solid #3498DB; }
866
+ .customize-control-kirki-radio-image input + label .image-clickable {
867
+ position: absolute;
868
+ top: 0;
869
+ bottom: 0;
870
+ left: 0;
871
+ right: 0;
872
+ width: 100%;
873
+ height: 100%; }
874
875
.customize-control-repeater .repeater-fields .repeater-row {
876
border: 1px solid #999;
877
+ margin-top: 0.5rem;
878
background: #eee;
879
+ position: relative; }
880
+ .customize-control-repeater .repeater-fields .repeater-row.minimized {
881
+ border: 1px solid #dfdfdf;
882
+ padding: 0; }
883
+ .customize-control-repeater .repeater-fields .repeater-row.minimized:hover {
884
+ border: 1px solid #999; }
885
+ .customize-control-repeater .repeater-fields .repeater-row.minimized .repeater-row-content {
886
+ display: none; }
887
.customize-control-repeater .repeater-fields .repeater-row label {
888
margin-bottom: 12px;
889
clear: both; }
890
+ .customize-control-repeater .repeater-fields .repeater-row .repeater-field.repeater-field- {
891
+ display: none; }
892
+ .customize-control-repeater .repeater-fields .repeater-row .repeater-field.repeater-field-radio-image input {
893
+ display: none; }
894
+ .customize-control-repeater .repeater-fields .repeater-row .repeater-field.repeater-field-radio-image input img {
895
+ border: 1px solid transparent; }
896
+ .customize-control-repeater .repeater-fields .repeater-row .repeater-field.repeater-field-radio-image input:checked + label img {
897
+ -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
898
+ box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
899
+ border: 1px solid #3498DB; }
900
+ .customize-control-repeater .repeater-fields .repeater-row .repeater-field:last-child {
901
+ border-bottom: none;
902
+ padding-bottom: 0; }
903
.customize-control-repeater button.repeater-add {
904
margin-top: 1rem; }
905
+ .customize-control-repeater .repeater-row-content {
906
+ padding: 10px 15px; }
907
.customize-control-repeater .repeater-field {
908
margin-bottom: 12px;
909
width: 100%;
910
clear: both;
911
padding-bottom: 12px;
912
border-bottom: 1px dotted #CCC; }
913
+ .customize-control-repeater .repeater-field .customize-control-title {
914
+ font-size: 13px;
915
+ line-height: initial; }
916
+ .customize-control-repeater .repeater-field .customize-control-description {
917
+ font-size: 13px;
918
+ line-height: initial; }
919
+ .customize-control-repeater .repeater-field.repeater-field-hidden {
920
+ margin: 0;
921
+ padding: 0;
922
+ border: 0; }
923
.customize-control-repeater .repeater-field-select select {
924
margin-left: 0; }
925
.customize-control-repeater .repeater-field-checkbox label {
932
resize: vertical; }
933
.customize-control-repeater .repeater-row-header {
934
background: white;
935
+ border: 1px solid #dfdfdf;
936
+ position: relative;
937
+ padding: 10px 15px;
938
+ height: auto;
939
+ min-height: 20px;
940
+ line-height: 30px;
941
+ overflow: hidden;
942
+ word-wrap: break-word; }
943
+ .customize-control-repeater .repeater-row-header:hover {
944
+ cursor: move; }
945
+ .customize-control-repeater .repeater-row-header .dashicons {
946
+ font-size: 18px;
947
+ position: absolute;
948
+ right: 12px;
949
+ top: 2px;
950
+ color: #a0a5aa; }
951
+ .customize-control-repeater .repeater-row-label {
952
+ font-size: 13px;
953
+ font-weight: 600;
954
+ line-height: 20px;
955
+ display: block;
956
+ text-transform: capitalize;
957
+ width: 90%;
958
+ overflow: hidden;
959
+ height: 18px; }
960
+ .customize-control-repeater .repeater-row-remove {
961
+ color: #a00; }
962
+ .customize-control-repeater .repeater-row-remove:hover {
963
+ color: #f00; }
964
.customize-control-repeater .repeater-minimize {
965
line-height: 36px; }
966
+ .customize-control-repeater .remove-button,
967
+ .customize-control-repeater .upload-button {
968
+ width: 48%; }
969
+
970
+ .kirki-image-attachment {
971
+ margin: 0;
972
+ text-align: center;
973
+ margin-bottom: 10px; }
974
+ .kirki-image-attachment img {
975
+ display: inline-block; }
976
+
977
+ .kirki-file-attachment {
978
+ margin: 0;
979
+ text-align: center;
980
+ margin-bottom: 10px; }
981
+ .kirki-file-attachment .file {
982
+ display: block;
983
+ padding: 10px 5px;
984
+ border: 1px dotted #c3c3c3;
985
+ background: #f9f9f9; }
986
+
987
+ .limit {
988
+ padding: 3px;
989
+ border-radius: 3px; }
990
+ .limit.highlight {
991
+ background: #D32F2F;
992
+ color: #fff; }
993
994
.selectize-control {
995
position: relative; }
1053
text-decoration: none;
1054
vertical-align: middle;
1055
display: inline-block;
1056
+ padding: 2px 0 0;
1057
border-left: 1px solid #d0d0d0;
1058
-webkit-border-radius: 0 2px 2px 0;
1059
-moz-border-radius: 0 2px 2px 0;
1089
background: #ffffff;
1090
border: 0 solid #ffffff; }
1091
.selectize-dropdown {
1092
+ position: relative;
1093
+ top: -4px !important;
1094
z-index: 10;
1095
border: 1px solid #d0d0d0;
1096
background: #ffffff;
1097
+ margin: -1px 0 0;
1098
border-top: 0 none;
1099
-webkit-box-sizing: border-box;
1100
-moz-box-sizing: border-box;
1143
font-size: 13px;
1144
line-height: 18px;
1145
-webkit-font-smoothing: inherit; }
1146
+ .selectize-control.single .selectize-input.input-active, .selectize-input {
1147
background: #ffffff;
1148
cursor: text;
1149
display: inline-block; }
1150
.selectize-input {
1151
border: 1px solid rgba(0, 0, 0, 0.1);
1152
+ padding: 8px;
1153
display: inline-block;
1154
width: 100%;
1155
overflow: hidden;
1217
-webkit-border-radius: 1px;
1218
-moz-border-radius: 1px;
1219
border-radius: 1px; }
1220
+ .selectize-dropdown .optgroup-header,
1221
+ .selectize-dropdown [data-selectable] {
1222
padding: 5px 8px; }
1223
.selectize-dropdown .optgroup:first-child .optgroup-header {
1224
border-top: 0 none; }
1238
overflow-x: hidden;
1239
max-height: 200px; }
1240
1241
+ .customize-control-kirki-slider input[type=range] {
1242
-webkit-appearance: none;
1243
+ -webkit-transition: background 0.3s;
1244
+ -moz-transition: background 0.3s;
1245
+ transition: background 0.3s;
1246
background-color: rgba(0, 0, 0, 0.1);
1247
height: 5px;
1248
width: calc(100% - 70px);
1249
padding: 0; }
1250
+ .customize-control-kirki-slider input[type=range]:focus {
1251
box-shadow: none;
1252
outline: none; }
1253
+ .customize-control-kirki-slider input[type=range]:hover {
1254
background-color: rgba(0, 0, 0, 0.25); }
1255
+ .customize-control-kirki-slider input[type=range]::-webkit-slider-thumb {
1256
-webkit-appearance: none;
1257
width: 15px;
1258
height: 15px;
1259
border-radius: 50%;
1260
-webkit-border-radius: 50%;
1261
background-color: #3498D9; }
1262
+ .customize-control-kirki-slider input[type=range]::-webkit-slider-thumb {
1263
-webkit-appearance: none;
1264
width: 15px;
1265
height: 15px;
1266
border: none;
1267
border-radius: 50%;
1268
background-color: #3498D9; }
1269
+ .customize-control-kirki-slider input[type=range]::-moz-range-thumb {
1270
width: 15px;
1271
height: 15px;
1272
border: none;
1273
border-radius: 50%;
1274
background-color: #3498D9; }
1275
+ .customize-control-kirki-slider input[type=range]::-ms-thumb {
1276
width: 15px;
1277
height: 15px;
1278
border-radius: 50%;
1279
border: 0;
1280
background-color: #3498D9; }
1281
+ .customize-control-kirki-slider input[type=range]::-moz-range-track {
1282
border: inherit;
1283
background: transparent; }
1284
+ .customize-control-kirki-slider input[type=range]::-ms-track {
1285
border: inherit;
1286
color: transparent;
1287
background: transparent; }
1288
+ .customize-control-kirki-slider input[type=range]::-ms-fill-lower, .customize-control-kirki-slider input[type=range]::-ms-fill-upper {
1289
background: transparent; }
1290
+ .customize-control-kirki-slider input[type=range]::-ms-tooltip {
1291
display: none; }
1292
+ .customize-control-kirki-slider .kirki_range_value {
1293
display: inline-block;
1294
font-size: 14px;
1295
padding: 0 5px;
1296
font-weight: 400;
1297
position: relative;
1298
top: 2px; }
1299
+ .customize-control-kirki-slider .kirki-slider-reset {
1300
color: rgba(0, 0, 0, 0.2);
1301
float: right;
1302
+ -webkit-transition: color 0.5s ease-in;
1303
+ -moz-transition: color 0.5s ease-in;
1304
+ -ms-transition: color 0.5s ease-in;
1305
+ -o-transition: color 0.5s ease-in;
1306
+ transition: color 0.5s ease-in; }
1307
+ .customize-control-kirki-slider .kirki-slider-reset span {
1308
font-size: 16px;
1309
line-height: 22px; }
1310
+ .customize-control-kirki-slider .kirki-slider-reset:hover {
1311
color: red; }
1312
1313
+ .customize-control-kirki-sortable ul.ui-sortable li {
1314
padding: 5px 10px;
1315
border: 1px solid #333;
1316
background: #fff; }
1317
+ .customize-control-kirki-sortable ul.ui-sortable li .dashicons.dashicons-menu {
1318
float: right; }
1319
+ .customize-control-kirki-sortable ul.ui-sortable li .dashicons.visibility {
1320
margin-right: 10px; }
1321
+ .customize-control-kirki-sortable ul.ui-sortable li.invisible {
1322
color: #aaa;
1323
border: 1px dashed #aaa; }
1324
+ .customize-control-kirki-sortable ul.ui-sortable li.invisible .dashicons.visibility {
1325
color: #aaa; }
1326
1327
+ .customize-control-kirki-spacing .wrapper {
1328
-webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
1329
box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
1330
width: 96%;
1331
padding: 3%; }
1332
+ .customize-control-kirki-spacing .wrapper .control {
1333
display: flex;
1334
flex-wrap: wrap;
1335
justify-content: space-between; }
1336
+ .customize-control-kirki-spacing .wrapper .control > div {
1337
width: 48%; }
1338
+ .customize-control-kirki-spacing .wrapper .control > div h5 {
1339
+ margin: 10px 0 7px; }
1340
+ .customize-control-kirki-spacing .wrapper .control > div .inner {
1341
display: flex; }
1342
+ .customize-control-kirki-spacing .wrapper .control > div .inner input[type="number"] {
1343
width: 50%;
1344
height: 36px; }
1345
+ .customize-control-kirki-spacing .wrapper .control > div .inner .selectize-control.single {
1346
width: 50%; }
1347
+ .customize-control-kirki-spacing .wrapper .control > div .inner .selectize-control.single > .selectize-input {
1348
height: 36px; }
1349
+ .customize-control-kirki-spacing .wrapper .input-wrapper .invalid-value {
1350
+ display: none;
1351
+ background: #D32F2F;
1352
+ font-size: 0.85em;
1353
+ color: #fff;
1354
+ float: left;
1355
+ padding: 2px 0;
1356
+ border-radius: 3px; }
1357
+ .customize-control-kirki-spacing .wrapper .input-wrapper.invalid .invalid-value {
1358
+ display: block;
1359
+ width: 98%;
1360
+ text-align: center; }
1361
+ .customize-control-kirki-spacing .wrapper .input-wrapper.invalid input[type="text"]:focus {
1362
+ border-color: #D32F2F; }
1363
1364
+ .customize-control-kirki-switch input[type="checkbox"] {
1365
display: none; }
1366
+ .customize-control-kirki-switch .switch {
1367
border: none;
1368
margin-bottom: 1.5rem;
1369
outline: 0;
1373
-moz-user-select: none;
1374
-ms-user-select: none;
1375
user-select: none; }
1376
+ .customize-control-kirki-switch .switch label {
1377
background: rgba(0, 0, 0, 0.2);
1378
color: transparent;
1379
cursor: pointer;
1380
display: block;
1381
margin-bottom: 1rem;
1382
position: relative;
1383
transition: left 0.15s ease-out;
1384
height: 2rem;
1385
+ width: 4rem;
1386
+ font-family: Monaco, "Lucida Sans Typewriter", "Lucida Typewriter", "Courier New", Courier, monospace; }
1387
+ .customize-control-kirki-switch .switch label:after {
1388
background: #FFFFFF;
1389
content: "";
1390
display: block;
1391
height: 1.5rem;
1392
+ left: 0.25rem;
1393
position: absolute;
1394
+ top: 0.25rem;
1395
width: 1.5rem;
1396
+ -webkit-transition: all 0.25s ease-in-out;
1397
+ -moz-transition: all 0.25s ease-in-out;
1398
+ -ms-transition: all 0.25s ease-in-out;
1399
+ -o-transition: all 0.25s ease-in-out;
1400
+ transition: all 0.25s ease-in-out; }
1401
+ .customize-control-kirki-switch .switch input {
1402
left: 10px;
1403
opacity: 0;
1404
padding: 0;
1405
position: absolute;