Fixing margins on p tags and byline

This commit is contained in:
Shan Carter
2017-08-29 11:21:47 -07:00
parent 08696b36fd
commit 3b427052b8
4 changed files with 11 additions and 16 deletions
+4 -5
View File
@@ -1,15 +1,13 @@
export const style = `
d-byline {
font-size: 13px;
line-height: 20px;
color: rgba(0, 0, 0, 0.6);
padding-bottom: 20px;
contain: content;
}
d-byline .byline {
grid-column: margin-left / page;
font-size: 13px;
line-height: 1.8em;
color: rgba(0, 0, 0, 0.6);
}
d-byline .byline::after {
@@ -17,7 +15,8 @@ d-byline .byline::after {
display: block;
border-bottom: solid 1px #999;
width: 40px;
margin-top: 60px;
margin-top: 48px;
margin-bottom: 48px;
}
d-byline a,
+4 -4
View File
@@ -8,12 +8,12 @@ const T = Template('d-title', `
box-sizing: border-box;
display: block;
width: 100%;
margin-bottom: 36px;
}
::slotted(h1) {
padding-top: 16px;
padding-bottom: 0;
margin: 0;
margin-top: 0;
margin-bottom: 12px;
line-height: 1.15;
font-size: 32px;
font-weight: 700;
@@ -26,8 +26,8 @@ const T = Template('d-title', `
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1.5em !important;
margin-top: 12px !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 18px !important;
}
@media screen and (min-width: 768px), print {