File: /sites/nuofama.com/wp-content/themes/blocksy/static/sass/frontend/2-basics/content-spacing.scss
p {
margin-bottom: var(--content-spacing);
}
h1, h2, h3, h4, h5, h6 {
// margin-bottom: 20px;
margin-bottom: calc(0.3em + 10px);
}
ul, ol {
padding-inline-start: var(--listIndent);
margin-bottom: var(--content-spacing);
li {
margin-bottom: var(--listItemSpacing);
&:last-child {
margin-bottom: 0;
}
}
ul, ol {
margin-top: var(--listItemSpacing);
margin-bottom: 0;
}
}
// entry content spacing
.entry-content {
// all elements
> * {
margin-bottom: var(--content-spacing);
&:last-child {
margin-bottom: 0;
}
}
// headings
* + :is(h1, h2, h3, h4, h5, h6) {
margin-top: var(--content-spacing);
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: calc(var(--has-content-spacing, 1) * (0.3em + 10px));
&:last-child {
margin-bottom: 0;
}
}
// h1, h2, h3, h4, h5, h6 {
// margin-bottom: calc(var(--content-spacing) - 0.95em);
// &:last-child {
// margin-bottom: 0;
// }
// }
// OLD FLOW
// all elements
// > * {
// margin-bottom: var(--content-spacing);
// &:first-child {
// margin-top: 0 !important;
// }
// &:last-child {
// margin-bottom: 0 !important;
// }
// }
// headings
// h1, h2, h3, h4, h5, h6 {
// margin-top: var(--content-spacing);
// margin-bottom: calc(0.2em + 10px);
// &:first-child {
// margin-top: 0;
// }
// &:last-child {
// margin-bottom: 0;
// }
// }
}
// inner container blocks spacing
// .entry-content [class*="_inner-container"] > *,
[class*="_inner-container"] > * {
margin-bottom: var(--content-spacing);
&:first-child {
margin-top: 0 !important;
}
&:last-child {
margin-bottom: 0 !important;
}
}