Sophisticated Business: Fix vertical margins for Blocks to be 1 vertical spacing unit, See #745
This commit is contained in:
parent
35a2c6bca9
commit
425ceb4908
3 changed files with 18 additions and 18 deletions
|
@ -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;
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue