style-editor-customizer.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. /*!
  2. Sophisticated Business Customizer Styles & Non-latin Font Fallbacks
  3. NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
  4. */
  5. /** === Includes === */
  6. /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
  7. * since its edges can look jagged due to lack of antialiasing. In this case, we are several
  8. * layers of box-shadow to add the border visually, which will render the border smoother. */
  9. /* Fallback for non-latin fonts */
  10. /* Calculates maximum width for post content */
  11. /* Nested sub-menu padding: 10 levels deep */
  12. /** === Non-Latin font fallbacks === */
  13. /* Arabic */
  14. html[lang="ar"] .wp-block *,
  15. html[lang="ary"] .wp-block *,
  16. html[lang="azb"] .wp-block *,
  17. html[lang="ckb"] .wp-block *,
  18. html[lang="fa-IR"] .wp-block *,
  19. html[lang="haz"] .wp-block *,
  20. html[lang="ps"] .wp-block * {
  21. font-family: Tahoma, Arial, sans-serif !important;
  22. }
  23. /* Cyrillic */
  24. html[lang="be"] .wp-block *,
  25. html[lang="bg-BG"] .wp-block *,
  26. html[lang="kk"] .wp-block *,
  27. html[lang="mk-MK"] .wp-block *,
  28. html[lang="mn"] .wp-block *,
  29. html[lang="ru-RU"] .wp-block *,
  30. html[lang="sah"] .wp-block *,
  31. html[lang="sr-RS"] .wp-block *,
  32. html[lang="tt-RU"] .wp-block *,
  33. html[lang="uk"] .wp-block * {
  34. font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
  35. }
  36. /* Chinese (Hong Kong) */
  37. html[lang="zh-HK"] .wp-block * {
  38. font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
  39. }
  40. /* Chinese (Taiwan) */
  41. html[lang="zh-TW"] .wp-block * {
  42. font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
  43. }
  44. /* Chinese (China) */
  45. html[lang="zh-CN"] .wp-block * {
  46. font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
  47. }
  48. /* Devanagari */
  49. html[lang="bn-BD"] .wp-block *,
  50. html[lang="hi-IN"] .wp-block *,
  51. html[lang="mr"] .wp-block *,
  52. html[lang="ne-NP"] .wp-block * {
  53. font-family: Arial, sans-serif !important;
  54. }
  55. /* Greek */
  56. html[lang="el"] .wp-block * {
  57. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  58. }
  59. /* Gujarati */
  60. html[lang="gu"] .wp-block * {
  61. font-family: Arial, sans-serif !important;
  62. }
  63. /* Hebrew */
  64. html[lang="he-IL"] .wp-block * {
  65. font-family: 'Arial Hebrew', Arial, sans-serif !important;
  66. }
  67. /* Japanese */
  68. html[lang="ja"] .wp-block * {
  69. font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
  70. }
  71. /* Korean */
  72. html[lang="ko-KR"] .wp-block * {
  73. font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
  74. }
  75. /* Thai */
  76. html[lang="th"] .wp-block * {
  77. font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
  78. }
  79. /* Vietnamese */
  80. html[lang="vi"] .wp-block * {
  81. font-family: 'Libre Franklin', sans-serif !important;
  82. }
  83. /** === Temporary fix for https://github.com/WordPress/gutenberg/issues/12908 */
  84. .is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control,
  85. .is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle,
  86. .is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default) {
  87. background: transparent;
  88. color: rgba(255, 255, 255, 0.65);
  89. box-shadow: none;
  90. }
  91. .is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:hover {
  92. background: #fff;
  93. color: #191e23;
  94. box-shadow: inset 0 0 0 1px #e2e4e7, inset 0 0 0 2px #fff, 0 1px 1px rgba(25, 30, 35, 0.2);
  95. }
  96. .is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control[aria-disabled=true] {
  97. color: rgba(255, 255, 255, 0.2);
  98. }