Browse Source

Fixes for wide and full-aligned blocks to account for more different types; fixes for pullquote styles to better match front end.

Caroline Moore 6 years ago
parent
commit
c5a665f4bc
2 changed files with 39 additions and 38 deletions
  1. 25 21
      apostrophe-2/css/blocks.css
  2. 14 17
      apostrophe-2/css/editor-blocks.css

+ 25 - 21
apostrophe-2/css/blocks.css

@@ -57,11 +57,7 @@ body {
 	overflow-x: hidden;
 }
 
-.apostrophe-2-no-sidebar figure.alignfull,
-.apostrophe-2-no-sidebar .wp-block-cover.alignfull,
-.apostrophe-2-no-sidebar .wp-block-cover-image.alignfull,
-.apostrophe-2-no-sidebar .wp-block-gallery.alignfull,
-.apostrophe-2-no-sidebar .wp-block-embed.is-type-video.alignfull {
+.apostrophe-2-no-sidebar .alignfull {
 	width: 100vw;
 	max-width: 100vw;
 	margin-left: 0;
@@ -71,16 +67,28 @@ body {
 	transform: translateX( -50% );
 }
 
-.rtl.apostrophe-2-no-sidebar figure.alignfull,
-.rtl.apostrophe-2-no-sidebar .wp-block-cover.alignfull,
-.rtl.apostrophe-2-no-sidebar .wp-block-cover-image.alignfull,
-.rtl.apostrophe-2-no-sidebar .wp-block-gallery.alignfull,
-.rtl.apostrophe-2-no-sidebar .wp-block-embed.is-type-video.alignfull {
+.rtl.apostrophe-2-no-sidebar .alignfull {
 	left: auto;
 	right: 50%;
 	transform: translateX(50%);
 }
 
+.apostrophe-2-no-sidebar .wp-block-columns.alignfull,
+.apostrophe-2-no-sidebar .wp-block-latest-comments.alignfull,
+.apostrophe-2-no-sidebar .wp-block-archives.alignfull,
+.apostrophe-2-no-sidebar .wp-block-categories.alignfull,
+.apostrophe-2-no-sidebar .wp-block-archives.alignfull,
+.apostrophe-2-no-sidebar .wp-block-latest-posts.alignfull,
+.apostrophe-2-no-sidebar .wp-block-file.alignfull {
+	padding-left: 2em;
+	padding-right: 2em;
+}
+
+.apostrophe-2-no-sidebar .wp-block-embed.is-type-video.alignfull iframe {
+	width: 100% !important;
+	height: 100% !important;
+}
+
 .apostrophe-2-no-sidebar .wp-block-embed.is-type-video.alignfull:before {
 	content: "";
 	display: block;
@@ -99,15 +107,11 @@ body {
 /* Wide Width */
 
 @media (min-width: 1024px) {
-	.apostrophe-2-no-sidebar figure.alignwide,
-	.apostrophe-2-no-sidebar .wp-block-cover.alignwide,
-	.apostrophe-2-no-sidebar .wp-block-cover-image.alignwide,
-	.apostrophe-2-no-sidebar .wp-block-gallery.alignwide,
-	.apostrophe-2-no-sidebar .wp-block-embed.is-type-video.alignwide {
-		width: 120%;
-		max-width: 120%;
-		margin-left: -10%;
-		margin-right: -10%;
+	.apostrophe-2-no-sidebar .alignwide {
+		width: 860px;
+		max-width: 860px;
+		margin-left: -65px;
+		margin-right: -65px;
 		position: relative;
 	}
 
@@ -260,7 +264,7 @@ body {
 	font-size: 1.2em;
 	font-style: normal;
 	margin: 0 0 1.5em;
-	padding: 0;
+	padding: .75em 0;
 }
 
 .wp-block-pullquote.alignleft p,
@@ -458,7 +462,7 @@ hr.wp-block-separator {
 .has-white-color,
 .has-white-color:hover,
 .has-white-color:focus,
-,.has-white-color:active {
+.has-white-color:active {
 	color: #fff;
 }
 

+ 14 - 17
apostrophe-2/css/editor-blocks.css

@@ -44,6 +44,12 @@
 	margin-left: 1.5em;
 }
 
+.wp-block-columns.alignfull,
+.editor-block-list__layout .editor-block-list__block[data-align=full] {
+	padding-left: 60px;
+	padding-right: 60px;
+}
+
 /* Title */
 
 .editor-post-title__block .editor-post-title__input {
@@ -353,10 +359,6 @@
 	margin-bottom: 1.5em;
 }
 
-.rtl .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large).alignleft,
-.rtl .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large).alignright  {
-}
-
 .editor-block-list__block .wp-block-quote.is-large,
 .editor-block-list__block .wp-block-quote.is-style-large,
 .editor-block-list__block .wp-block-quote.is-large p,
@@ -446,15 +448,6 @@
 	content: "-";
 }
 
-.wp-block-freeform.block-library-rich-text__tinymce blockquote.alignleft {
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce blockquote.alignright {
-}
-
-.wp-block-freeform.block-library-rich-text__tinymce blockquote.aligncenter {
-}
-
 .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 	border-left: 0;
 	border-right: 4px solid #d9d9d9;
@@ -593,13 +586,17 @@
 	border-left: 0;
 	border-top: 4px solid #d9d9d9;
 	color: #a6a6a6;
-	font-size: 1.2em;
+	font-size: 28px;
 	margin: 0 0 1.5em;
-	padding: 0;
+	padding: .75em 0;
 }
 
 .wp-block-pullquote blockquote {
-	font-size: 1.2em;
+	font-size: 28px;
+}
+
+.edit-post-visual-editor .editor-block-list__block .wp-block-pullquote blockquote p:not(.wp-block-cover-text) {
+	font-size: 28px;
 }
 
 .wp-block-pullquote.alignleft {
@@ -621,7 +618,7 @@
 }
 
 .wp-block-pullquote .wp-block-pullquote__citation {
-	font-size: .8em;
+	font-size: 18px;
 	text-transform: none;
 }