63 lines
1.3 KiB
CSS
63 lines
1.3 KiB
CSS
|
.list-section {
|
||
|
|
--border-color: #A9A9A9;
|
||
|
|
|
||
|
|
.list-count {
|
||
|
|
display: flex;
|
||
|
|
gap: 4px;
|
||
|
|
margin-left: 8px;
|
||
|
|
|
||
|
|
p {
|
||
|
|
font-size: 1.25em;
|
||
|
|
line-height: 1.1935em;
|
||
|
|
}
|
||
|
|
|
||
|
|
b {
|
||
|
|
font-size: 1.25em;
|
||
|
|
line-height: 1.1935em;
|
||
|
|
color: #3366FF;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.list-wrap {
|
||
|
|
border-radius: 16px;
|
||
|
|
box-shadow: 0 0 0 1px var(--border-color);
|
||
|
|
margin-top: 16px;
|
||
|
|
|
||
|
|
|
||
|
|
>div {
|
||
|
|
>div {
|
||
|
|
padding: 40px 0;
|
||
|
|
margin: 0 40px;
|
||
|
|
box-shadow: 0 1px 0 0 #DDDDDD;
|
||
|
|
|
||
|
|
&:last-of-type {
|
||
|
|
box-shadow: initial;
|
||
|
|
}
|
||
|
|
|
||
|
|
>.list-category {
|
||
|
|
display: inline-block;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: 1.4em;
|
||
|
|
color: #3366FF;
|
||
|
|
border-bottom: 2px solid #3366FF;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
margin-bottom: 12px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.list-action {
|
||
|
|
padding: 40px 0;
|
||
|
|
box-shadow: 0 -1px 0 0 #DCDCDC;
|
||
|
|
|
||
|
|
.list-more {
|
||
|
|
padding: 16px 56px;
|
||
|
|
font-size: 1.25em;
|
||
|
|
line-height: 1.4em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|