-
Notifications
You must be signed in to change notification settings - Fork 4.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Polish paddings, margins, headings #651
Conversation
This commit moves some CSS from the button component to the tools stylesheet. It's a better place. It also lightens the save state so it's the same color as everything else in the editor bar.
There were some offset here and there. This commit makes them 1:1 with the mockups, and also moves to using variables and a little SCSS math that should hopefully make the resulting positioning stuff a little easier to work with.
This tunes the margins a bit. It also resizes headings 1-6 a bit, so they are differentiated and all different. This fixes #625
@@ -0,0 +1,39 @@ | |||
.editor-visual-editor__block[data-type="core/heading"] { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Seems this file is using spaces?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Argh! I thought Atom would default to tabs in new files! Should be fixed now.
@@ -48,6 +48,10 @@ $admin-sidebar-width-big: 190px; | |||
$admin-sidebar-width-collapsed: 36px; | |||
$shadow-popover: 0px 3px 20px rgba( $dark-gray-900, .1 ), 0px 1px 3px rgba( $dark-gray-900, .1 ); | |||
|
|||
/* Blocks */ | |||
$block-padding: 14px; | |||
$block-left-margin: 18px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is this about the mover? Should we call it that considering it may move to the right in RTL?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great point. Fixed.
This PR does a number of little polish things: