Skip to content

Instantly share code, notes, and snippets.

@kjellr
kjellr / home.html
Created January 29, 2022 12:35
Twitter Clone using WordPress' Full Site Editor
<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"253px"} -->
<div class="wp-block-column" style="flex-basis:253px"><!-- wp:social-links {"size":"has-large-icon-size","className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-large-icon-size is-style-logos-only"><!-- wp:social-link {"url":"#","service":"twitter"} /--></ul>
<!-- /wp:social-links -->
<!-- wp:navigation {"layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontSize":"20px"}}} --><!-- wp:navigation-link {"label":"Home","url":"#","kind":"custom","isTopLevelLink":true} /-->
<!-- wp:navigation-link {"label":"Explore","url":"#","kind":"custom","isTopLevelLink":true} /-->
diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss
index bb19036d9..56a312938 100644
--- a/packages/block-editor/src/components/block-list/style.scss
+++ b/packages/block-editor/src/components/block-list/style.scss
@@ -129,7 +129,7 @@
> .block-editor-block-list__block-edit::before {
// Use opacity to work in various editor styles.
border-color: $dark-opacity-light-800;
- box-shadow: inset $block-left-border-width 0 0 0 $dark-gray-500;
+ box-shadow: inset $block-left-border-width 0 0 0 $dark-gray-900;
/**
* Add support for wide alignment.
*
* @link https://wordpress.org/gutenberg/handbook/extensibility/theme-support/
*/
add_theme_support( 'align-wide' );
/**
* Add custom colors for Gutenberg.
*