mirror/typecho-joe
2
0
Fork 0
mirror of https://dl.bcrjl.com/ghg/HaoOuBa/Joe.git synced 2026-02-17 13:10:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
杜恒
2021-05-20 18:39:18 +08:00
parent 1912c8f408
commit ebec0c6f2a
9 changed files with 442 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/joe.census.min.css vendored
View File

@@ -1 +1 @@
.joe_census__basic{display:grid;grid-template-columns:repeat(4, 1fr);gap:15px;margin-bottom:15px}.joe_census__basic-item{display:flex;align-items:center;justify-content:space-between;background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-inner) var(--radius-wrap) var(--radius-wrap) var(--radius-inner);padding:12px 15px}.joe_census__basic-item .count h6{font-size:12px;margin-bottom:10px;color:var(--seat)}.joe_census__basic-item .count p{font-size:22px;font-weight:700}.joe_census__basic-item .icon{fill:var(--classA)}.joe_census__basic-item:nth-child(1){border-left:5px solid #1cc88a;color:#1cc88a}.joe_census__basic-item:nth-child(2){border-left:5px solid #36b9cc;color:#36b9cc}.joe_census__basic-item:nth-child(3){border-left:5px solid #2196f3;color:#2196f3}.joe_census__basic-item:nth-child(4){border-left:5px solid #9c27b0;color:#9c27b0}.joe_census__server{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.joe_census__server-item{background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-wrap)}.joe_census__server-item .title{display:flex;align-items:center;height:45px;padding:0 12px;border-bottom:1px solid var(--classD);color:var(--main);justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_census__server-item .title .count{color:var(--minor);font-size:12px}.joe_census__server-item .title .count .split{margin:0 5px}.joe_census__server-item .content{padding:15px}.joe_census__server-item .content #work,.joe_census__server-item .content #flow{height:348px}
.joe_census__basic{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;margin-bottom:15px}.joe_census__basic-item.list{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.joe_census__basic-item.list .list{display:flex;align-items:center;justify-content:space-between;background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-inner) var(--radius-wrap) var(--radius-wrap) var(--radius-inner);padding:15px 15px 12px}.joe_census__basic-item.list .list .count{display:flex;flex-direction:column;justify-content:space-between;height:100%}.joe_census__basic-item.list .list .count h6{font-size:12px;margin-bottom:10px;color:var(--seat)}.joe_census__basic-item.list .list .count p{font-size:28px;font-weight:700}.joe_census__basic-item.list .list .icon{fill:var(--classA)}.joe_census__basic-item.list .list:nth-child(1){border-left:5px solid #1cc88a;color:#1cc88a}.joe_census__basic-item.list .list:nth-child(2){border-left:5px solid #36b9cc;color:#36b9cc}.joe_census__basic-item.list .list:nth-child(3){border-left:5px solid #2196f3;color:#2196f3}.joe_census__basic-item.list .list:nth-child(4){border-left:5px solid #9c27b0;color:#9c27b0}.joe_census__basic-item.category{background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-wrap)}.joe_census__basic-item.category #category{height:230px}.joe_census__lately{background:var(--background);margin-bottom:15px;border-radius:var(--radius-wrap);box-shadow:var(--box-shadow)}.joe_census__lately .title{display:flex;align-items:center;height:45px;padding:0 12px;border-bottom:1px solid var(--classC);color:var(--main);justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_census__lately #lately{height:320px}.joe_census__server{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.joe_census__server-item{background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-wrap)}.joe_census__server-item .title{display:flex;align-items:center;height:45px;padding:0 12px;border-bottom:1px solid var(--classC);color:var(--main);justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_census__server-item .title .count{color:var(--minor);font-size:12px}.joe_census__server-item .title .count .split{margin:0 5px}.joe_census__server-item .content{padding:15px}.joe_census__server-item .content #work,.joe_census__server-item .content #flow{height:348px}

110
assets/css/joe.census.min.scss
View File

@@ -1,47 +1,85 @@
.joe_census {
&__basic {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-columns: repeat(2, 1fr);
gap: 15px;
margin-bottom: 15px;
&-item {
&.list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
.list {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--background);
box-shadow: var(--box-shadow);
border-radius: var(--radius-inner) var(--radius-wrap) var(--radius-wrap) var(--radius-inner);
padding: 15px 15px 12px;
.count {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
h6 {
font-size: 12px;
margin-bottom: 10px;
color: var(--seat);
}
p {
font-size: 28px;
font-weight: 700;
}
}
.icon {
fill: var(--classA);
}
&:nth-child(1) {
border-left: 5px solid #1cc88a;
color: #1cc88a;
}
&:nth-child(2) {
border-left: 5px solid #36b9cc;
color: #36b9cc;
}
&:nth-child(3) {
border-left: 5px solid #2196f3;
color: #2196f3;
}
&:nth-child(4) {
border-left: 5px solid #9c27b0;
color: #9c27b0;
}
}
}
&.category {
background: var(--background);
box-shadow: var(--box-shadow);
border-radius: var(--radius-wrap);
#category {
height: 230px;
}
}
}
}
&__lately {
background: var(--background);
margin-bottom: 15px;
border-radius: var(--radius-wrap);
box-shadow: var(--box-shadow);
.title {
display: flex;
align-items: center;
height: 45px;
padding: 0 12px;
border-bottom: 1px solid var(--classC);
color: var(--main);
justify-content: space-between;
background: var(--background);
box-shadow: var(--box-shadow);
border-radius: var(--radius-inner) var(--radius-wrap) var(--radius-wrap) var(--radius-inner);
padding: 12px 15px;
.count {
h6 {
font-size: 12px;
margin-bottom: 10px;
color: var(--seat);
}
p {
font-size: 22px;
font-weight: 700;
}
}
.icon {
fill: var(--classA);
}
&:nth-child(1) {
border-left: 5px solid #1cc88a;
color: #1cc88a;
}
&:nth-child(2) {
border-left: 5px solid #36b9cc;
color: #36b9cc;
}
&:nth-child(3) {
border-left: 5px solid #2196f3;
color: #2196f3;
}
&:nth-child(4) {
border-left: 5px solid #9c27b0;
color: #9c27b0;
}
user-select: none;
}
#lately {
height: 320px;
}
}
&__server {
@@ -57,7 +95,7 @@
align-items: center;
height: 45px;
padding: 0 12px;
border-bottom: 1px solid var(--classD);
border-bottom: 1px solid var(--classC);
color: var(--main);
justify-content: space-between;
user-select: none;