Skip to content

Commit

Permalink
Tweak styles further from revert.
Browse files Browse the repository at this point in the history
  • Loading branch information
Joen Asmussen committed Jan 18, 2018
1 parent 1cea78d commit 5d50586
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 19 deletions.
21 changes: 3 additions & 18 deletions editor/components/block-mover/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -20,30 +20,15 @@
margin-bottom: 4px;
}

// unstyle inherited icon button styles
&:not(:disabled):hover,
&:not(:disabled):active,
&:not(:disabled):focus {
box-shadow: none;
color: inherit;
}

// apply styles to SVG directly
.dashicon {
display: block;
position: relative; // Fixing the Safari bug for `<button>`s overflow
border-radius: 50%;
}

&:not(:disabled):hover .dashicon {
&:not(:disabled):hover {
@include button-style__hover;
}

&:not(:disabled):active .dashicon {
&:not(:disabled):active {
@include button-style__active;
}

&:not(:disabled):focus .dashicon {
&:not(:disabled):focus {
@include button-style__focus-active;
}
}
5 changes: 4 additions & 1 deletion editor/components/block-settings-menu/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -18,8 +18,11 @@
.editor-block-settings-menu__toggle {
border-radius: 50%;
padding: 3px;
transform: rotate( 90deg );
width: auto;

.dashicon {
transform: rotate( 90deg );
}
}

.editor-block-settings-menu__control {
Expand Down

0 comments on commit 5d50586

Please sign in to comment.