more beautiful definition-lists
This commit is contained in:
parent
feb3f6332b
commit
1cdb4806d0
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user