/* Theme Name: Brilliant Description: Used to style blocks in the editor. */ .editor-styles-wrapper { max-width: 100% !important; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /* Typography */ .editor-styles-wrapper .editor-post-title__input { font-size: 36px; font-size: 2.25rem; font-weight: 700; line-height: 1.25; } .editor-styles-wrapper h1 { font-size: 2em; font-weight: 400; line-height: 1.25; } .editor-styles-wrapper h2 { font-size: 1.75em; line-height: 1.25; } .editor-styles-wrapper h3 { font-size: 1.25em; font-weight: 700; line-height: 1.25; } .editor-styles-wrapper h4 { font-size: 1em; font-weight: 700; text-transform: uppercase; line-height: 1.5; } .editor-styles-wrapper h5, .editor-styles-wrapper h6 { font-size: 1em; font-weight: 700; } .editor-styles-wrapper h1:first-child, .editor-styles-wrapper h2:first-child, .editor-styles-wrapper h3:first-child, .editor-styles-wrapper h4:first-child, .editor-styles-wrapper h5:first-child, .editor-styles-wrapper h6:first-child { margin-top: 0; } .editor-styles-wrapper .has-large-font-size, .editor-styles-wrapper .has-larger-font-size { line-height: 1.25; } /* List */ .editor-styles-wrapper ul:not(.wp-block-gallery), .block-library-list ul, .editor-styles-wrapper ol, .block-library-list ol, .block-library-list .editor-rich-text__tinymce { padding: 0 0 0 30px; } .editor-styles-wrapper ul:not(.wp-block-gallery), .block-library-list ul { list-style: disc; } .editor-styles-wrapper ol, .block-library-list ol { list-style: decimal; } /* Link styles */ .editor-styles-wrapper a { color: #e63855; } /* Captions */ .editor-styles-wrapper [class^="wp-block-"] figcaption { display: block; font-size: 14px; font-style: italic; line-height: 1.5; } .editor-styles-wrapper [class^="wp-block-"]:not(.wp-block-gallery) figcaption { color: #777; } /* Paragraph */ .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter { font-size: 5em; margin-top: 0.15em; } /* Quote */ .editor-styles-wrapper .wp-block-quote, .editor-styles-wrapper .wp-block-quote:not(.is-large):not(.is-style-large) { border-left: 4px solid #444; } .wp-block-quote cite, .wp-block-quote footer, .wp-block-quote .wp-block-quote__citation { margin: 10px 0 0; font-size: 14px; font-size: 0.875rem; color: #999; line-height: 1.5; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { padding: 10px 15px; } .wp-block-quote.is-style-large cite, .wp-block-quote.is-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation, .wp-block-quote.is-large .wp-block-quote__citation { font-size: 16px; } /* Code */ .wp-block-code { padding: 0; border: 0; } .wp-block-code .editor-plain-text { padding: 10px; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 14px; line-height: 1.5; background-color: #f5f5f5; border: 0; } /* Pullquote */ .wp-block-pullquote { padding: 10px 0; color: #444; border: 0; } .editor-styles-wrapper .wp-block-pullquote blockquote { margin: 0; padding: 0; border: 0; } .wp-block-pullquote blockquote p { font-size: 24px; } .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote .wp-block-pullquote__citation { margin-top: 10px; font-size: 14px; text-transform: none; line-height: 1.5; color: #999; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 80%; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 32px; } .wp-block-pullquote.is-style-solid-color cite, .wp-block-pullquote.is-style-solid-color footer, .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { font-size: 16px; } /* Verse */ .editor-styles-wrapper .wp-block-verse, .editor-styles-wrapper .wp-block-verse pre { padding: 0; background-color: transparent; } /* Archives, Categories & Latest Posts */ .editor-styles-wrapper [data-align="center"] .wp-block-archives, .editor-styles-wrapper [data-align="center"] .wp-block-categories ul, .editor-styles-wrapper [data-align="center"] .wp-block-latest-posts { list-style-position: inside; } /* Latest Comments */ .editor-styles-wrapper .wp-block-latest-comments__comment-meta { font-size: 16px; font-size: 1rem; } .editor-styles-wrapper .wp-block-latest-comments__comment-date { font-size: 14px; color: #999; } .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt p { font-size: 14px; }