Skip to content

Commit

Permalink
Add a matching left border to the post permalink area above the title.
Browse files Browse the repository at this point in the history
  • Loading branch information
kjellr committed Mar 12, 2019
1 parent ea4e64e commit 130d84f
Showing 1 changed file with 12 additions and 0 deletions.
12 changes: 12 additions & 0 deletions packages/editor/src/components/post-permalink/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,18 @@
border: $border-width solid $dark-opacity-light-800;
background-clip: padding-box;

// Show a thick left border to match the left border on the title field.
border-left: 0;
box-shadow: -$block-left-border-width 0 0 0 $dark-gray-500;

// Use a lighter border for dark themes.
.is-dark-theme & {
box-shadow: -$block-left-border-width 0 0 0 $light-gray-600;
}

// Include transparent outline for Windows High Contrast mode.
outline: $border-width solid transparent;

// Put toolbar snugly to edge on mobile.
margin-left: -$block-padding - $border-width; // This hides the border off the edge of the screen.
margin-right: -$block-padding - $border-width;
Expand Down

0 comments on commit 130d84f

Please sign in to comment.