Adjust design of side inserter to be lighter

This brings us closer to the mockup. But in a slightly hacky way. Once #4512 is merged this should be refactored.
WordPress · Jan 29, 2018 · b4eb981 · b4eb981
1 parent c5b2ebb
commit b4eb981
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/editor/components/block-mover/style.scss b/editor/components/block-mover/style.scss
@@ -67,6 +67,22 @@
 	.editor-inserter__toggle {
 		width: $icon-button-size-small;
 		padding: 2px;
+
+		// Adjust inserter design
+		box-shadow: inset 0 0 0 1px $light-gray-500;
+
+		// Hide the outer ring on the inserter, to visually lighten it
+		&:before {
+			content: '';
+			position: absolute;
+			top: 2px;
+			right: 2px;
+			bottom: 2px;
+			left: 2px;
+			display: block;
+			border: 4px solid $white;
+			border-radius: 50%;
+		}
 	}
 
 	.editor-inserter {