Khác biệt giữa các bản “Bản mẫu:BKTT:Quyển/styles.css”
Thẻ: mobile web edit mobile edit |
Thẻ: mobile web edit mobile edit |
||
| Dòng 1: | Dòng 1: | ||
| − | .section { | + | .group-layout { |
| − | box-shadow: | + | display: flex; |
| + | flex-wrap: wrap; | ||
| + | } | ||
| + | |||
| + | .group-layout .group { | ||
| + | flex: 0 0 calc(50% - 10px); | ||
| + | } | ||
| + | |||
| + | .group-layout .group .section { | ||
| + | box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); | ||
border: 1px solid #E0E0E0; | border: 1px solid #E0E0E0; | ||
border-radius: 3px; | border-radius: 3px; | ||
| − | + | padding: 20px; | |
| − | |||
| − | padding: | ||
| − | |||
} | } | ||
| − | .section-title { | + | .group-layout .group .section-title { |
font-size: 24px; | font-size: 24px; | ||
font-weight: bold; | font-weight: bold; | ||
padding: 20px 0; | padding: 20px 0; | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Phiên bản lúc 10:26, ngày 27 tháng 10 năm 2020
.group-layout {
display: flex;
flex-wrap: wrap;
}
.group-layout .group {
flex: 0 0 calc(50% - 10px);
}
.group-layout .group .section {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
border: 1px solid #E0E0E0;
border-radius: 3px;
padding: 20px;
}
.group-layout .group .section-title {
font-size: 24px;
font-weight: bold;
padding: 20px 0;
}
