Ver código fonte

Update file block layout

Ben Dwyer 4 anos atrás
pai
commit
b597ee0e82

+ 9 - 1
seedlet/assets/sass/blocks/file/_style.scss

@@ -1,5 +1,4 @@
 .wp-block-file {
-
 	// Undo Gutenberg hover defaults
 	a.wp-block-file__button:active,
 	a.wp-block-file__button:focus,
@@ -9,10 +8,19 @@
 		opacity: inherit;
 	}
 
+	a:after {
+		content: '';
+		display: block;
+	}
+
 	.wp-block-file__button {
 		// Extend button style
 		@extend %button-style;
+	}
+
+	a.wp-block-file__button {
 		display: inline-block;
+		margin: calc( 0.5 * var(--global--spacing-unit) ) 0 0 0;
 		padding: calc(0.5 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
 	}
 }

+ 7 - 1
seedlet/style-rtl.css

@@ -1465,8 +1465,14 @@ object {
 	opacity: inherit;
 }
 
-.wp-block-file .wp-block-file__button {
+.wp-block-file a:after {
+	content: '';
+	display: block;
+}
+
+.wp-block-file a.wp-block-file__button {
 	display: inline-block;
+	margin: calc( 0.5 * var(--global--spacing-unit)) 0 0 0;
 	padding: calc(0.5 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
 }
 

+ 7 - 1
seedlet/style.css

@@ -1465,8 +1465,14 @@ object {
 	opacity: inherit;
 }
 
-.wp-block-file .wp-block-file__button {
+.wp-block-file a:after {
+	content: '';
+	display: block;
+}
+
+.wp-block-file a.wp-block-file__button {
 	display: inline-block;
+	margin: calc( 0.5 * var(--global--spacing-unit)) 0 0 0;
 	padding: calc(0.5 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
 }
 

Diferenças do arquivo suprimidas por serem muito extensas
+ 0 - 0
seedlet/style.css.map


Alguns arquivos não foram mostrados porque muitos arquivos mudaram nesse diff