Sophisticated Business: Fix vertical margins for Blocks to be 1 vertical spacing unit, See #745

This commit is contained in:
Allan Cole 2019-05-08 19:14:53 -04:00
parent 35a2c6bca9
commit 425ceb4908
3 changed files with 18 additions and 18 deletions

View file

@ -38,8 +38,8 @@
clear: both;
@include media(tablet) {
margin-top: calc(2 * #{$size__vertical-spacing-unit});
margin-bottom: calc(2 * #{$size__vertical-spacing-unit});
margin-top: $size__vertical-spacing-unit;
margin-bottom: $size__vertical-spacing-unit;
left: calc( -12.5% - 75px );
width: calc( 125% + 150px );
max-width: calc( 125% + 150px );
@ -122,8 +122,8 @@
& > h4,
& > h5,
& > h6 {
margin-top: #{$size__vertical-spacing-unit * 2};
margin-bottom: #{$size__vertical-spacing-unit * 2};
margin-top: $size__vertical-spacing-unit;
margin-bottom: $size__vertical-spacing-unit;
text-align: center;
}
@ -678,8 +678,8 @@
background-color: $color__background-hr;
border: 0;
height: 2px;
margin-bottom: (2 * $size__vertical-spacing-unit);
margin-top: (2 * $size__vertical-spacing-unit);
margin-bottom: $size__vertical-spacing-unit;
margin-top: $size__vertical-spacing-unit;
max-width: 5em;
text-align: left;

View file

@ -3350,8 +3350,8 @@ body.page .main-navigation {
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
margin-top: calc(2 * 32px);
margin-bottom: calc(2 * 32px);
margin-top: 32px;
margin-bottom: 32px;
right: calc( -12.5% - 75px);
width: calc( 125% + 150px);
max-width: calc( 125% + 150px);
@ -3456,8 +3456,8 @@ body.page .main-navigation {
.entry .entry-content > h4,
.entry .entry-content > h5,
.entry .entry-content > h6 {
margin-top: 64px;
margin-bottom: 64px;
margin-top: 32px;
margin-bottom: 32px;
text-align: center;
}
@ -4050,8 +4050,8 @@ body.page .main-navigation {
background-color: #595959;
border: 0;
height: 2px;
margin-bottom: 64px;
margin-top: 64px;
margin-bottom: 32px;
margin-top: 32px;
max-width: 5em;
text-align: right;
}

View file

@ -3356,8 +3356,8 @@ body.page .main-navigation {
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
margin-top: calc(2 * 32px);
margin-bottom: calc(2 * 32px);
margin-top: 32px;
margin-bottom: 32px;
left: calc( -12.5% - 75px);
width: calc( 125% + 150px);
max-width: calc( 125% + 150px);
@ -3468,8 +3468,8 @@ body.page .main-navigation {
.entry .entry-content > h4,
.entry .entry-content > h5,
.entry .entry-content > h6 {
margin-top: 64px;
margin-bottom: 64px;
margin-top: 32px;
margin-bottom: 32px;
text-align: center;
}
@ -4062,8 +4062,8 @@ body.page .main-navigation {
background-color: #595959;
border: 0;
height: 2px;
margin-bottom: 64px;
margin-top: 64px;
margin-bottom: 32px;
margin-top: 32px;
max-width: 5em;
text-align: left;
}