Skip to content

Commit

Permalink
Update sidebar spacing (#13181)
Browse files Browse the repository at this point in the history
* Update sidebar spacing

* Update packages/components/src/base-control/style.scss

Co-Authored-By: geekpulp <[email protected]>

* updated use of $grid-size

Increased the size of some spacing to allow more room between elements.

* Commit fixes
  • Loading branch information
geekpulp authored and youknowriad committed Mar 6, 2019
1 parent 3052f9e commit 45793b0
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 6 deletions.
5 changes: 4 additions & 1 deletion packages/components/src/base-control/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,9 @@
.components-base-control__help {
margin-top: -$grid-size;
font-style: italic;
margin-bottom: 0;
}
}

.components-base-control + .components-base-control {
margin-bottom: $grid-size-large;
}
Original file line number Diff line number Diff line change
@@ -1,12 +1,13 @@
.edit-post-settings-sidebar__panel-block .components-panel__body {
border: none;
border-top: $border-width solid $light-gray-500;
margin: 0 -16px;
margin: 0 #{ -$grid-size-large };

.components-base-control {
margin: 0 0 1.5em 0;
margin-bottom: #{ $grid-size * 3 };

&:last-child {
margin-bottom: 0.5em;
margin-bottom: $grid-size;
}
}

Expand All @@ -15,10 +16,10 @@
}

&:first-child {
margin-top: 16px;
margin-top: $grid-size-large;
}

&:last-child {
margin-bottom: -16px;
margin-bottom: -$grid-size-large;
}
}

0 comments on commit 45793b0

Please sign in to comment.