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 {
|
.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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user