Simplify editor block overrides

penscratch-2/css/editor-blocks.css

@@ -22,560 +22,3 @@ Description: Used to style Gutenberg Blocks in the editor.
 body {
 	background: #fff;
 }
-
-.block-editor-block-list__block,
-.editor-default-block-appender textarea.editor-default-block-appender__content {
-	font-family: "Roboto Slab", Georgia, Times, serif;
-}
-
-/* Font size */
-
-.block-editor-block-list__block,
-.block-editor-block-list__block p,
-.editor-default-block-appender textarea.editor-default-block-appender__content {
-	font-size: 15px;
-	font-weight: 300;
-	line-height: 1.7em;
-}
-
-@media (min-width: 50em) {
-	.block-editor-block-list__block,
-	.block-editor-block-list__block p,
-	.editor-default-block-appender textarea.editor-default-block-appender__content {
-		font-size: 18px;
-	}
-}
-
-/* Colour */
-
-.block-editor-block-list__block {
-	color: #666;
-}
-
-/* Post title */
-
-.editor-post-title__block .editor-post-title__input {
-	color: #666;
-	font-family: "Roboto Slab", Georgia, Times, serif;
-	font-size: 26.25px;
-	font-weight: 400;
-}
-
-@media (min-width: 50em) {
-	.editor-post-title__block .editor-post-title__input {
-		font-size: 32px;
-	}
-}
-
-/* Headings */
-
-h1,
-.wp-block-freeform.block-library-rich-text__tinymce h1,
-h2,
-.wp-block-freeform.block-library-rich-text__tinymce h2,
-h3,
-.wp-block-freeform.block-library-rich-text__tinymce h3,
-h4,
-.wp-block-freeform.block-library-rich-text__tinymce h4,
-h5,
-.wp-block-freeform.block-library-rich-text__tinymce h5,
-h6,
-.wp-block-freeform.block-library-rich-text__tinymce h6 {
-	color: #666;
-	font-weight: normal
-}
-
-h1,
-.wp-block-freeform.block-library-rich-text__tinymce h1 {
-	font-size: 28px;
-}
-
-h2,
-.wp-block-freeform.block-library-rich-text__tinymce h2 {
-	font-size: 20px;
-}
-
-h3,
-.wp-block-freeform.block-library-rich-text__tinymce h3 {
-	font-size: 20px;
-}
-
-h4,
-.wp-block-freeform.block-library-rich-text__tinymce h4 {
-	font-size: 16px;
-}
-
-h5,
-.wp-block-freeform.block-library-rich-text__tinymce h5 {
-	font-size: 16px;
-}
-
-h6,
-.wp-block-freeform.block-library-rich-text__tinymce h6 {
-	font-size: 14px;
-}
-
-@media (min-width: 50em) {
-	h1,
-	.wp-block-freeform.block-library-rich-text__tinymce h1 {
-		font-size: 32px;
-	}
-
-	h2,
-	.wp-block-freeform.block-library-rich-text__tinymce h2 {
-		font-size: 28px;
-	}
-
-	h3,
-	.wp-block-freeform.block-library-rich-text__tinymce h3 {
-		font-size: 24px;
-	}
-
-	h4,
-	.wp-block-freeform.block-library-rich-text__tinymce h4 {
-		font-size: 20px;
-	}
-}
-
-/*--------------------------------------------------------------
-2.0 General Block Settings
---------------------------------------------------------------*/
-
-/* Main content width */
-
-.wp-block {
-	max-width: 686px; /* 656px + 30px to account for padding */
-}
-
-/* Link styles */
-
-a,
-.block-editor-block-list__block a,
-.wp-block-freeform.block-library-rich-text__tinymce a {
-	color: #1c7c7c;
-	text-decoration: none;
-}
-
-/* Table styles */
-
-.wp-block-freeform.block-library-rich-text__tinymce table {
-	border-collapse: collapse;
-	border: 0;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce table th,
-.wp-block-freeform.block-library-rich-text__tinymce table td {
-	border: 0;
-	padding: 0.5em;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce table th {
-	border-bottom: 3px solid #eee;
-	text-transform: uppercase;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce table td {
-	border-bottom: 1px solid #eee
-}
-
-.rtl .wp-block-freeform.block-library-rich-text__tinymce td,
-.rtl .wp-block-freeform.block-library-rich-text__tinymce th {
-	text-align: right;
-}
-
-/* Quote styles */
-
-.wp-block-freeform.block-library-rich-text__tinymce blockquote {
-	border: 0;
-	padding-left: 64px;
-	position: relative;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce blockquote:before {
-	color: #eee;
-	content: "\201D";
-	display: block;
-	font-family: Baskerville, Georgia, serif;
-	font-size: 48px;
-	font-weight: bold;
-	line-height: 1;
-	position: absolute;
-	top: 2px;
-	left: 0;
-	transform: scaleX(-1);
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce  blockquote p {
-	color: #999;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
-	color: #999;
-	font-size: 15px;
-	font-style: none;
-	text-align: right;
-}
-
-.rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote {
-	padding-left: 0;
-	padding-right: 64px;
-}
-
-.rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote:before {
-	left: auto;
-	right: 0;
-}
-
-.rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
-	text-align: left;
-}
-
-@media (min-width: 50em) {
-	.wp-block-freeform.block-library-rich-text__tinymce blockquote:before {
-		font-size: 72px;
-	}
-
-	.wp-block-freeform.block-library-rich-text__tinymce  blockquote p {
-		font-size: 21.6px;
-	}
-
-	.wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
-		font-size: 17.6px;
-		text-align: right;
-	}
-}
-
-/* List styles */
-
-.wp-block-freeform.block-library-rich-text__tinymce li,
-.editor-styles-wrapper li {
-	margin-bottom: 0;
-}
-
-/* Code styles */
-
-.wp-block-freeform.block-library-rich-text__tinymce code {
-
-}
-
-/* Caption styles */
-
-[class^="wp-block-"] figcaption {
-	font-size: 14.6px;
-}
-
-[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
-	color: inherit;
-	text-align: left;
-}
-
-.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
-	text-align: right;
-}
-
-/* Definition List styles */
-
-.wp-block-freeform.block-library-rich-text__tinymce dt {
-	font-weight: bold;
-}
-
-/* Pre styles */
-
-.wp-block-freeform.block-library-rich-text__tinymce pre {
-	color: #666;
-	font-family: "Roboto Slab", Georgia, Times, serif;
-	font-size: 15px;
-	font-weight: 300;
-	line-height: 27px;
-	overflow: auto;
-	max-width: 100%;
-	padding: 0;
-}
-
-@media (min-width: 50em) {
-	.wp-block-freeform.block-library-rich-text__tinymce pre {
-		font-size: 18px;
-	}
-}
-
-/*--------------------------------------------------------------
-3.0 Blocks - Common Blocks
---------------------------------------------------------------*/
-
-/* Paragraph */
-
-p.has-drop-cap:not(:focus)::first-letter {
-	font-size: 5em;
-	margin-top: 0.15em;
-}
-
-/* Quote */
-
-.wp-block-quote,
-.wp-block-quote:not(.is-large):not(.is-style-large),
-.rtl .wp-block-quote[style*="text-align:left"],
-.rtl .wp-block-quote[style*="text-align: left"],
-.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:left"],
-.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: left"] {
-	border: 0;
-	padding-left: 64px;
-	position: relative;
-}
-
-.wp-block-quote:before {
-	color: #eee;
-	content: "\201D";
-	display: block;
-	font-family: Baskerville, Georgia, serif;
-	font-size: 48px;
-	font-weight: bold;
-	position: absolute;
-	top: 16px;
-	left: 0;
-	transform: scaleX(-1);
-}
-
-.wp-block-quote[style*="text-align:right"],
-.wp-block-quote[style*="text-align: right"],
-.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:right"],
-.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: right"] {
-	padding: 0 64px 0 0;
-}
-
-.wp-block-quote[style*="text-align:right"]:before,
-.wp-block-quote[style*="text-align: right"]:before {
-	left: auto;
-	right: 0;
-}
-
-.block-editor-block-list__block .wp-block-quote p {
-	color: #999;
-}
-
-.block-editor-block-list__block .wp-block-quote.is-large p,
-.block-editor-block-list__block .wp-block-quote.is-style-large p {
-	font-size: 22px;
-	font-style: normal;
-}
-
-.wp-block-quote .wp-block-quote__citation {
-	color: #999;
-	font-size: 15px;
-	text-align: right;
-}
-
-.rtl .editor-styles-wrapper .wp-block-quote,
-.rtl .wp-block-quote:not(.is-large):not(.is-style-large) {
-	padding-left: 0;
-	padding-right: 64px;
-}
-
-.rtl .wp-block-quote:before {
-	left: auto;
-	right: 0;
-}
-
-.rtl .wp-block-quote[style*="text-align:left"]:before,
-.rtl .wp-block-quote[style*="text-align: left"]:before {
-	left: 0;
-	right: auto;
-}
-
-.rtl .wp-block-quote .wp-block-quote__citation {
-	text-align: left;
-}
-
-
-@media (min-width: 50em) {
-	.wp-block-quote:before {
-		font-size: 72px;
-	}
-
-	.block-editor-block-list__block .wp-block-quote p {
-		font-size: 21.6px;
-	}
-
-	.block-editor-block-list__block .wp-block-quote.is-large p,
-	.block-editor-block-list__block .wp-block-quote.is-style-large p {
-		font-size: 28px;
-	}
-
-	.wp-block-quote .wp-block-quote__citation {
-		font-size: 17.6px;
-		text-align: right;
-	}
-}
-
-/* Cover */
-
-.block-editor-block-list__block .wp-block-cover-image .wp-block-cover-image-text,
-.block-editor-block-list__block .wp-block-cover-image .wp-block-cover-text,
-.block-editor-block-list__block .wp-block-cover-image h2,
-.block-editor-block-list__block .wp-block-cover .wp-block-cover-image-text,
-.block-editor-block-list__block .wp-block-cover .wp-block-cover-text,
-.block-editor-block-list__block .wp-block-cover h2 {
-	font-size: 27px;
-}
-
-/* File */
-
-.wp-block-file__textlink {
-	color: #1c7c7c;
-}
-
-.wp-block-file .wp-block-file__button,
-.wp-block-file .wp-block-file__button:visited {
-	background: #e6e6e6;
-	border: 1px solid #ccc;
-	border-color: #ccc #ccc #bbb #ccc;
-	border-radius: 3px;
-	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 15px 17px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05);
-	color: rgba(0, 0, 0, .8);
-	/* Corrects inability to style clickable 'input' types in iOS */
-	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
-	/* Improves usability and consistency of cursor style between image-type 'input' and others */
-}
-
-/*--------------------------------------------------------------
-4.0 Blocks - Formatting
---------------------------------------------------------------*/
-
-/* Verse */
-
-.wp-block-verse pre {
-	font-style: italic;
-}
-
-/* Code */
-
-.wp-block-code {
-	border: none;
-	border-radius: 0;
-}
-
-.wp-block-code textarea {
-	background: transparent;
-}
-
-@media (min-width: 50em) {
-	.wp-block-code .editor-plain-text {
-		font-size: 18px;
-	}
-}
-
-/* Preformatted */
-
-.wp-block-preformatted pre {
-	font-family: inherit;
-	font-size: inherit;
-}
-
-/* Pullquote */
-
-.wp-block-pullquote {
-	border: 0;
-	color: #999;
-}
-
-.wp-block-pullquote__citation {
-	font-size: 15px;
-	text-transform: none;
-}
-
-.wp-block-pullquote.alignleft blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-.wp-block-pullquote.alignright blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-.wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
-.wp-block-pullquote.alignright blockquote > .editor-rich-text p {
-	font-size: 20px;
-}
-
-@media (min-width: 50em) {
-	.wp-block-pullquote__citation {
-		font-size: 17.55px;
-	}
-}
-
-/* Table */
-
-.wp-block-table th,
-.wp-block-table td {
-	border: 0;
-	border-bottom: 1px solid #eee;
-}
-
-.wp-block-table th {
-	border-bottom-width: 3px;
-	text-align: left;
-	text-transform: uppercase;
-}
-
-.rtl .wp-block-table th {
-	text-align: right;
-}
-
-.wp-block-table__cell-content {
-	padding: 0.5em;
-}
-
-/*--------------------------------------------------------------
-5.0 Blocks - Layout Elements
---------------------------------------------------------------*/
-
-/* Buttons */
-
-.wp-block-button .wp-block-button__link {
-	background: #e6e6e6;
-	border: 1px solid #ccc;
-	border-color: #ccc #ccc #bbb #ccc;
-	color: rgba(0, 0, 0, .8);
-	font-size: 18px;
-	line-height: 24px;
-	padding: 12px 24px;
-}
-
-.is-style-outline .wp-block-button__link {
-	border: 1px solid currentColor;
-	background: transparent;
-}
-
-.is-style-outline .wp-block-button__link:not(.has-text-color) {
-	color: rgba(0, 0, 0, .8);
-}
-
-.wp-block-button .wp-block-button__link:not(.has-background) {
-	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 15px 17px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05);
-	/* Corrects inability to style clickable 'input' types in iOS */
-	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
-	/* Improves usability and consistency of cursor style between image-type 'input' and others */
-}
-
-/* Separator */
-
-.wp-block-separator {
-	background-color: #ccc;
-	border: 0;
-	height: 1px;
-}
-
-/*--------------------------------------------------------------
-6.0 Blocks - Widgets
---------------------------------------------------------------*/
-
-/* General Widget styles */
-
-[data-align="center"] .wp-block-categories__list,
-[data-align="center"] .wp-block-archives,
-[data-align="center"] .wp-block-lastest-posts {
-	list-style-position: inside;
-}
-
-/* Latest Comments */
-
-.editor-styles-wrapper .wp-block-latest-comments {
-	padding-left: 0;
-	padding-right: 0;
-}
-
-.wp-block-latest-comments__comment-date {
-	color: inherit;
-}