Add padding to comparison slides
This commit is contained in:
parent
9c8e3299a8
commit
3e99d13882
@ -173,9 +173,6 @@ body {
|
|||||||
body .layout-two-columns .layout-column-two {
|
body .layout-two-columns .layout-column-two {
|
||||||
grid-area: column2;
|
grid-area: column2;
|
||||||
background: white; }
|
background: white; }
|
||||||
body .layout-two-columns .layout-column-one .layout-content,
|
|
||||||
body .layout-two-columns .layout-column-two .layout-content {
|
|
||||||
padding-top: calc(var(--margin) * var(--square)); }
|
|
||||||
body .layout-two-previews {
|
body .layout-two-previews {
|
||||||
display: grid;
|
display: grid;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
@ -315,7 +312,7 @@ body {
|
|||||||
.layout-two-columns .layout-column-one,
|
.layout-two-columns .layout-column-one,
|
||||||
.layout-two-columns .layout-column-two {
|
.layout-two-columns .layout-column-two {
|
||||||
padding: calc(var(--margin) * var(--square));
|
padding: calc(var(--margin) * var(--square));
|
||||||
padding-top: 0; }
|
padding-top: calc(var(--margin) * var(--square)); }
|
||||||
.layout-two-columns .layout-column-one *:first-child,
|
.layout-two-columns .layout-column-one *:first-child,
|
||||||
.layout-two-columns .layout-column-two *:first-child {
|
.layout-two-columns .layout-column-two *:first-child {
|
||||||
margin-top: 0; }
|
margin-top: 0; }
|
||||||
@ -389,7 +386,8 @@ h2 {
|
|||||||
line-height: 1.2; }
|
line-height: 1.2; }
|
||||||
|
|
||||||
p[data-category]::before,
|
p[data-category]::before,
|
||||||
h2[data-category]::before {
|
h2[data-category]::before,
|
||||||
|
h3[data-category]::before {
|
||||||
content: attr(data-category);
|
content: attr(data-category);
|
||||||
font-size: .7em;
|
font-size: .7em;
|
||||||
font-variant: small-caps;
|
font-variant: small-caps;
|
||||||
|
|||||||
@ -252,11 +252,6 @@ body {
|
|||||||
grid-area: column2;
|
grid-area: column2;
|
||||||
background: white;
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-column-one .layout-content,
|
|
||||||
.layout-column-two .layout-content {
|
|
||||||
padding-top: calc(var(--margin) * var(--square));
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-two-previews {
|
.layout-two-previews {
|
||||||
@ -395,7 +390,7 @@ body {
|
|||||||
.layout-column-one,
|
.layout-column-one,
|
||||||
.layout-column-two {
|
.layout-column-two {
|
||||||
padding: calc(var(--margin) * var(--square));
|
padding: calc(var(--margin) * var(--square));
|
||||||
padding-top: 0;
|
padding-top: calc(var(--margin) * var(--square));
|
||||||
|
|
||||||
*:first-child {
|
*:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
@ -482,7 +477,8 @@ h2 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
p[data-category]::before,
|
p[data-category]::before,
|
||||||
h2[data-category]::before {
|
h2[data-category]::before,
|
||||||
|
h3[data-category]::before {
|
||||||
content: attr(data-category);
|
content: attr(data-category);
|
||||||
font-size: .7em;
|
font-size: .7em;
|
||||||
font-variant: small-caps;
|
font-variant: small-caps;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user