Merge pull request #2068 from ampproject/amp-story/text-block_tip-sty…

…ling [AMP Stories] Add "Tip" block style for Text Block.
ampproject · Apr 4, 2019 · e35aa84 · e35aa84
2 parents 8536754 + 12ad356
commit e35aa84
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/assets/css/amp-stories.css b/assets/css/amp-stories.css
@@ -4,9 +4,11 @@ amp-story-grid-layer[template="fill"] .wp-block-image { margin: 0; }
 	padding: 10px !important;
 }
 
-.is-style-rounded {
+.is-style-rounded,
+.is-style-rounded img {
     border-radius: 5px;
 }
-.is-style-rounded img {
-	border-radius: 5px;
+
+.is-style-half-rounded {
+	border-radius: 4px 4px 26px 26px;
 }
diff --git a/assets/src/amp-story-editor-blocks.js b/assets/src/amp-story-editor-blocks.js
@@ -135,6 +135,11 @@ domReady( () => {
 		label: __( 'Rounded', 'amp' ),
 	} );
 
+	registerBlockStyle( 'amp/amp-story-text', {
+		name: 'half-rounded',
+		label: __( 'Half Rounded', 'amp' ),
+	} );
+
 	registerBlockStyle( 'core/image', {
 		name: 'rounded',
 		label: __( 'Rounded', 'amp' ),