Ver código fonte

Rebalance: Make minor tweaks to Gutenberg styles:
* Removed some unneeded wide styles
* Reorganized the CSS a bit to match other themes
* Consolidated header styles

Laurel Fulford 6 anos atrás
pai
commit
0d40f1811a
2 arquivos alterados com 149 adições e 224 exclusões
  1. 2 58
      rebalance/blocks.css
  2. 147 166
      rebalance/editor-blocks.css

+ 2 - 58
rebalance/blocks.css

@@ -18,62 +18,6 @@ Description: Used to style Gutenberg Blocks.
 1.0 General Block Styles
 --------------------------------------------------------------*/
 
-/* Alignments */
-
-.no-sidebar #page {
-	overflow-x: hidden;
-}
-
-/* Full Width */
-
-.no-sidebar .alignfull {
-	width: 100vw;
-	max-width: 100vw;
-	margin-left: 0;
-	margin-right: 0;
-	position: relative;
-	left: 50%;
-	transform: translateX( -50% );
-}
-
-.no-sidebar .wp-block-columns.alignfull,
-.no-sidebar .wp-block-latest-comments.alignfull,
-.no-sidebar .wp-block-categories.alignfull,
-.no-sidebar .wp-block-archives.alignfull,
-.no-sidebar .wp-block-latest-posts.alignfull,
-.no-sidebar .wp-block-file.alignfull {
-	padding-left: 2em;
-	padding-right: 2em;
-}
-
-.no-sidebar .wp-block-embed.is-type-video.alignfull iframe {
-	width: 100% !important;
-	height: 100% !important;
-}
-
-.rtl.no-sidebar .alignfull {
-	left: auto;
-	right: 50%;
-	transform: translateX(50%);
-}
-
-/* Wide Width */
-
-@media (min-width: 1100px) {
-	.no-sidebar .alignwide {
-		width: 1100px;
-		max-width: 1100px;
-		margin-left: -268px;
-		margin-right: -268px;
-		position: relative;
-	}
-
-	.no-sidebar .wp-block-embed.is-type-video.alignwide iframe {
-		width: 100% !important;
-		height: 100% !important;
-	}
-}
-
 /* Captions */
 
 [class^="wp-block-"] figcaption {
@@ -110,7 +54,7 @@ p.has-drop-cap:not(:focus)::first-letter {
 	max-width: 100%;
 }
 
-.rtl .wp-block-gallery:not(.alignfull):not(.alignwide) {
+.rtl .wp-block-gallery {
 	margin-right: auto;
 	margin-left: auto;
 }
@@ -522,4 +466,4 @@ hr.wp-block-separator {
 .has-black-background-color:focus,
 .has-black-background-color:active {
 	background-color: #000;
-}
+}

+ 147 - 166
rebalance/editor-blocks.css

@@ -57,6 +57,7 @@
 /* Title */
 
 .editor-post-title__block .editor-post-title__input {
+	color: #555;
 	font-family: "Libre Baskerville", Georgia, serif;
 	font-weight: 700;
 	margin-bottom: .5em;
@@ -67,47 +68,55 @@
 /* Headings */
 
 .edit-post-visual-editor h1,
+.wp-block-freeform.block-library-rich-text__tinymce h1,
 .edit-post-visual-editor h2,
+.wp-block-freeform.block-library-rich-text__tinymce h2,
 .edit-post-visual-editor h3,
+.wp-block-freeform.block-library-rich-text__tinymce h3,
 .edit-post-visual-editor h4,
+.wp-block-freeform.block-library-rich-text__tinymce h4,
 .edit-post-visual-editor h5,
-.edit-post-visual-editor h6 {
+.wp-block-freeform.block-library-rich-text__tinymce h5,
+.edit-post-visual-editor h6,
+.wp-block-freeform.block-library-rich-text__tinymce h6 {
 	clear: both;
 	font-family: "Libre Baskerville", Georgia, serif;
 	font-weight: 700;
 	margin-bottom: .5em;
 }
 
-.edit-post-visual-editor h1 {
+.edit-post-visual-editor h1,
+.wp-block-freeform.block-library-rich-text__tinymce h1 {
 	font-size: 36px;
 }
 
-.edit-post-visual-editor h2 {
+.edit-post-visual-editor h2,
+.wp-block-freeform.block-library-rich-text__tinymce h2 {
 	font-size: 28px;
 }
 
-.edit-post-visual-editor h3 {
+.edit-post-visual-editor h3,
+.wp-block-freeform.block-library-rich-text__tinymce h3 {
 	font-size: 24px;
 }
 
-.edit-post-visual-editor h4 {
+.edit-post-visual-editor h4,
+.wp-block-freeform.block-library-rich-text__tinymce h4 {
 	font-size: 18px;
 }
 
-.edit-post-visual-editor h5 {
+.edit-post-visual-editor h5,
+.wp-block-freeform.block-library-rich-text__tinymce h5 {
 	font-size: 18px;
+	font-family: "Rubik", "Helvetica Neue", sans-serif;
+	font-weight: 600;
 }
 
-.edit-post-visual-editor h6 {
+.edit-post-visual-editor h6,
+.wp-block-freeform.block-library-rich-text__tinymce h6 {
 	font-size: 18px;
-}
-
-/* Images */
-
-.wp-block-image figcaption {
-	font-size: 14px;
-	line-height: 1.525em;
-	text-align: center;
+	font-family: "Rubik", "Helvetica Neue", sans-serif;
+	font-weight: 300;
 }
 
 /*--------------------------------------------------------------
@@ -194,7 +203,7 @@
 	padding: 0;
 }
 
-/* Captions */
+/* Caption styles */
 
 [class^="wp-block-"] figcaption {
 	font-size: 14px;
@@ -202,6 +211,119 @@
 	text-align: center;
 }
 
+/* Definition List styles */
+
+.wp-block-freeform.block-library-rich-text__tinymce dt {
+	font-weight: bold;
+}
+
+/* Address styles */
+
+.wp-block-freeform.block-library-rich-text__tinymce address {
+	margin-bottom: 1.5em;
+}
+
+/* Blockquote styles */
+
+.wp-block-freeform.block-library-rich-text__tinymce blockquote {
+	border-left: 6px solid #f35029;
+	font-family: "Libre Baskerville", Georgia, serif;
+	font-style: italic;
+	font-size: 18px;
+	line-height: 1.825em;
+	margin: 0 0 1.5em -40px;
+	padding-left: 40px;
+}
+
+.wp-block-freeform.block-library-rich-text__tinymce blockquote > :last-child {
+	margin-bottom: 0;
+}
+
+.wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
+	font-family: "Libre Baskerville", Georgia, serif;
+	font-style: italic;
+}
+
+.rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote {
+	border-left: 0;
+	border-right: 6px solid #f35029;
+	margin-left: 0;
+	margin-right: -40px;
+	padding-left: 0;
+	padding-right: 40px;
+}
+
+.rtl .wp-block-freeform.block-library-rich-text__tinymce .alignleft {
+	float: left;
+}
+
+.rtl .wp-block-freeform.block-library-rich-text__tinymce .alignright {
+	float: right;
+}
+
+.rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignleft {
+	margin: .75em 1.5em .75em 0;
+}
+
+.rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignright {
+	margin: .75em 0 .75em 1.5em;
+}
+
+/* Pre styles */
+
+.wp-block-freeform.block-library-rich-text__tinymce pre {
+	background: #ccc;
+	color: #fff;
+	font-family: "Courier 10 Pitch", Courier, monospace;
+	font-size: 15px;
+	line-height: 1.6;
+	margin-bottom: 1.6em;
+	max-width: 100%;
+	overflow: auto;
+	padding: 1.6em;
+}
+
+/* Table styles */
+
+.wp-block-freeform.block-library-rich-text__tinymce table {
+	border-collapse: collapse;
+	margin: 0 0 1.5em;
+	text-align: left;
+	width: 100%;
+}
+
+.rtl .wp-block-freeform.block-library-rich-text__tinymce table {
+	text-align: right;
+}
+
+.wp-block-freeform.block-library-rich-text__tinymce table td,
+.wp-block-freeform.block-library-rich-text__tinymce table th {
+	border: 1px solid #999;
+	word-break: break-word;
+	padding: 10px;
+	text-align: left;
+}
+
+.rtl .wp-block-freeform.block-library-rich-text__tinymce table td,
+.rtl .wp-block-freeform.block-library-rich-text__tinymce table th {
+	text-align: right;
+}
+
+.wp-block-freeform.block-library-rich-text__tinymce table thead th {
+	border: 0;
+	word-break: break-word;
+	font-family: "Libre Baskerville", Georgia, serif;
+	font-weight: 400;
+	font-size: 14px;
+	padding: 10px;
+}
+
+.wp-block-freeform.block-library-rich-text__tinymce table tbody th {
+	word-break: break-word;
+	font-weight: 700;
+	padding: 10px;
+}
+
 /*--------------------------------------------------------------
 3.0 Blocks - Common Blocks
 --------------------------------------------------------------*/
@@ -220,6 +342,14 @@
 	margin: 0 0 20px;
 }
 
+/* Images */
+
+.wp-block-image figcaption {
+	font-size: 14px;
+	line-height: 1.525em;
+	text-align: center;
+}
+
 /* Quote */
 
 .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
@@ -383,155 +513,6 @@
 	overflow: visible;
 }
 
-.wp-block-freeform.block-library-rich-text__tinymce address {
-	margin-bottom: 1.5em;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce ol {
-	list-style: decimal;
-	margin-left: 1.5em;
-	padding: 0;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce li > ol {
-	margin-left: 1.5em;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce blockquote {
-	border-left: 6px solid #f35029;
-	font-family: "Libre Baskerville", Georgia, serif;
-	font-style: italic;
-	font-size: 18px;
-	line-height: 1.825em;
-	margin: 0 0 1.5em -40px;
-	padding-left: 40px;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce blockquote > :last-child {
-	margin-bottom: 0;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
-	font-family: "Libre Baskerville", Georgia, serif;
-	font-style: italic;
-}
-
-.rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote {
-	border-left: 0;
-	border-right: 6px solid #f35029;
-	margin-left: 0;
-	margin-right: -40px;
-	padding-left: 0;
-	padding-right: 40px;
-}
-
-.rtl .wp-block-freeform.block-library-rich-text__tinymce .alignleft {
-	float: left;
-}
-
-.rtl .wp-block-freeform.block-library-rich-text__tinymce .alignright {
-	float: right;
-}
-
-.rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignleft {
-	margin: .75em 1.5em .75em 0;
-}
-
-.rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignright {
-	margin: .75em 0 .75em 1.5em;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce h1,
-.wp-block-freeform.block-library-rich-text__tinymce h2,
-.wp-block-freeform.block-library-rich-text__tinymce h3,
-.wp-block-freeform.block-library-rich-text__tinymce h4,
-.wp-block-freeform.block-library-rich-text__tinymce h5,
-.wp-block-freeform.block-library-rich-text__tinymce h6 {
-	clear: both;
-	font-family: "Libre Baskerville", Georgia, serif;
-	font-weight: 700;
-	margin-bottom: .5em;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce h1 {
-	font-size: 36px;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce h2 {
-	font-size: 28px;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce h3 {
-	font-size: 24px;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce h4 {
-	font-size: 18px;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce h5 {
-	font-size: 18px;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce h6 {
-	font-size: 18px;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce pre {
-	background: #ccc;
-	color: #fff;
-	font-family: "Courier 10 Pitch", Courier, monospace;
-	font-size: 15px;
-	line-height: 1.6;
-	margin-bottom: 1.6em;
-	max-width: 100%;
-	overflow: auto;
-	padding: 1.6em;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce table {
-	border-collapse: collapse;
-	margin: 0 0 1.5em;
-	text-align: left;
-	width: 100%;
-}
-
-.rtl .wp-block-freeform.block-library-rich-text__tinymce table {
-	text-align: right;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce .alternate {
-	background: transparent;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce table td,
-.wp-block-freeform.block-library-rich-text__tinymce table th {
-	border: 1px solid #999;
-	word-break: break-word;
-	padding: 10px;
-	text-align: left;
-}
-
-.rtl .wp-block-freeform.block-library-rich-text__tinymce table td,
-.rtl .wp-block-freeform.block-library-rich-text__tinymce table th {
-	text-align: right;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce table thead th {
-	word-break: break-word;
-	font-family: "Libre Baskerville", Georgia, serif;
-	font-weight: 400;
-	font-size: 14px;
-	padding: 10px;
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce table tbody th {
-	word-break: break-word;
-	font-weight: 700;
-	padding: 10px;
-}
-
-
 /* Preformatted */
 
 .editor-block-list__block .wp-block-preformatted pre {
@@ -790,4 +771,4 @@
 
 .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
 	margin-bottom: .75em;
-}
+}