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 {
font-weight: 600;
font-size: 20px;
/* bad. avoid this. */
> a {
font-size: 16px;
}
}
.deflist__dd {
margin-bottom: 4px;
font-size: 18px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.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,
@ -458,6 +462,7 @@ input[type="button"].btn-info:hover,
border-bottom: 1px solid #d3d3d3;
padding: 12px 0;
margin: 0;
font-size: 16px;
&:last-of-type {
border: 0;
@ -465,7 +470,10 @@ input[type="button"].btn-info:hover,
}
.deflist__dt {
padding-right: 24px;
font-size: 16px;
padding-right: 50px;
}
.deflist__dd {
padding-right: 15px;
}
}