more beautiful definition-lists

This commit is contained in:
Felix Hamann 2018-07-07 21:10:52 +02:00
parent feb3f6332b
commit 1cdb4806d0

View File

@ -435,22 +435,26 @@ input[type="button"].btn-info:hover,
.deflist__dt { .deflist__dt {
font-weight: 600; font-weight: 600;
font-size: 20px;
/* bad. avoid this. */
> a {
font-size: 16px;
}
} }
.deflist__dd { .deflist__dd {
margin-bottom: 4px; font-size: 18px;
margin-bottom: 10px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.deflist { .deflist {
grid-template-columns: max-content auto; grid-template-columns: max-content minmax(auto, max-content);
.deflist {
margin-top: -10px;
margin-right: -15px;
.deflist__dd {
padding-right: 15px;
}
}
} }
.deflist__dt, .deflist__dt,
@ -458,6 +462,7 @@ input[type="button"].btn-info:hover,
border-bottom: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;
padding: 12px 0; padding: 12px 0;
margin: 0; margin: 0;
font-size: 16px;
&:last-of-type { &:last-of-type {
border: 0; border: 0;
@ -465,7 +470,10 @@ input[type="button"].btn-info:hover,
} }
.deflist__dt { .deflist__dt {
padding-right: 24px; padding-right: 50px;
font-size: 16px; }
.deflist__dd {
padding-right: 15px;
} }
} }