35 lines
530 B
SCSS
35 lines
530 B
SCSS
|
%tabular-dl {
|
||
|
display: flex;
|
||
|
flex-wrap: wrap;
|
||
|
> dt:last-of-type,
|
||
|
> dd:last-of-type {
|
||
|
border-bottom: 1px solid !important;
|
||
|
}
|
||
|
dt,
|
||
|
dd {
|
||
|
padding: 12px 0;
|
||
|
margin: 0;
|
||
|
border-top: 1px solid !important;
|
||
|
}
|
||
|
dt {
|
||
|
width: 20%;
|
||
|
}
|
||
|
dd {
|
||
|
margin-left: auto;
|
||
|
width: 80%;
|
||
|
display: flex;
|
||
|
}
|
||
|
dd > ul li {
|
||
|
display: flex;
|
||
|
}
|
||
|
dd > ul li:not(:last-of-type) {
|
||
|
padding-bottom: 12px;
|
||
|
}
|
||
|
dt.check + dd {
|
||
|
padding-top: 16px;
|
||
|
}
|
||
|
dt.type + dd span::before {
|
||
|
margin-left: 4px;
|
||
|
}
|
||
|
}
|