editor-style-modern.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. /*
  2. Theme Name: Radcliffe 2 - Modern Style Pack
  3. Description: Used to style Gutenberg Blocks in the editor.
  4. */
  5. /*--------------------------------------------------------------
  6. >>> TABLE OF CONTENTS:
  7. ----------------------------------------------------------------
  8. 1.0 General Typography
  9. 2.0 General Block Settings
  10. 3.0 Blocks - Common
  11. 4.0 Blocks - Formatting
  12. 5.0 Blocks - Widgets
  13. --------------------------------------------------------------*/
  14. /*--------------------------------------------------------------
  15. 1.0 General Typography
  16. --------------------------------------------------------------*/
  17. /* Temporary method to include Google Fonts */
  18. @import url( "https://fonts.googleapis.com/css?family=Montserrat:400,400italic,700,700italic" );
  19. @import url( "https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic" );
  20. .edit-post-visual-editor .editor-block-list__block,
  21. .editor-default-block-appender textarea.editor-default-block-appender__content {
  22. font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, arial, sans-serif;
  23. }
  24. /* Color */
  25. .edit-post-visual-editor .editor-block-list__block {
  26. color: #222;
  27. }
  28. /* Post title */
  29. .editor-post-title__block .editor-post-title__input {
  30. font-family: 'Montserrat', 'Helvetica Neue', Helvetica, arial, sans-serif;
  31. text-align: left;
  32. }
  33. .rtl .editor-post-title__block .editor-post-title__input {
  34. text-align: right;
  35. }
  36. @media screen and (min-width: 768px) {
  37. .edit-post-visual-editor textarea.editor-post-title__input {
  38. max-width: 770px;
  39. margin-left: auto;
  40. margin-right: auto;
  41. }
  42. }
  43. /* Headings */
  44. .edit-post-visual-editor h1,
  45. .wp-block-freeform.block-library-rich-text__tinymce h1,
  46. .edit-post-visual-editor h2,
  47. .wp-block-freeform.block-library-rich-text__tinymce h2,
  48. .edit-post-visual-editor h3,
  49. .wp-block-freeform.block-library-rich-text__tinymce h3,
  50. .edit-post-visual-editor h4,
  51. .wp-block-freeform.block-library-rich-text__tinymce h4,
  52. .edit-post-visual-editor h5,
  53. .wp-block-freeform.block-library-rich-text__tinymce h5,
  54. .edit-post-visual-editor h6,
  55. .wp-block-freeform.block-library-rich-text__tinymce h6 {
  56. font-family: 'Montserrat', 'Helvetica Neue', Helvetica, arial, sans-serif;
  57. text-transform: none;
  58. }
  59. /*--------------------------------------------------------------
  60. 2.0 General Block Settings
  61. --------------------------------------------------------------*/
  62. /* Links */
  63. .edit-post-visual-editor a,
  64. .editor-block-list__block a,
  65. .wp-block-freeform.block-library-rich-text__tinymce a {
  66. color: #aaa;
  67. }
  68. /*--------------------------------------------------------------
  69. 3.0 Blocks - Common
  70. --------------------------------------------------------------*/
  71. /* File */
  72. .wp-block-file__textlink {
  73. color: #aaa;
  74. }
  75. /*--------------------------------------------------------------
  76. 4.0 Blocks - Formatting
  77. --------------------------------------------------------------*/
  78. /* Buttons */
  79. /*--------------------------------------------------------------
  80. 5.0 Blocks - Widgets
  81. --------------------------------------------------------------*/
  82. /* Latest Comments */
  83. .wp-block-latest-comments__comment-meta {
  84. font-family: inherit;
  85. }