Browse Source

Update file block layout

Ben Dwyer 4 years ago
parent
commit
b597ee0e82
4 changed files with 23 additions and 3 deletions
  1. 9 1
      seedlet/assets/sass/blocks/file/_style.scss
  2. 7 1
      seedlet/style-rtl.css
  3. 7 1
      seedlet/style.css
  4. 0 0
      seedlet/style.css.map

+ 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));
 }
 

File diff suppressed because it is too large
+ 0 - 0
seedlet/style.css.map


Some files were not shown because too many files changed in this diff