Jony/assets/css/joe.census.min.scss

82 lines
1.5 KiB
SCSS
Raw Normal View History

2021-05-17 02:27:29 +00:00
.joe_census {
&__basic {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
2021-05-20 01:27:35 +00:00
margin-bottom: 15px;
2021-05-17 02:27:29 +00:00
&-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;
.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;
}
}
}
2021-05-20 01:27:35 +00:00
&__server {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
&-item {
background: var(--background);
box-shadow: var(--box-shadow);
border-radius: var(--radius-wrap);
.title {
display: flex;
align-items: center;
height: 45px;
padding: 0 12px;
border-bottom: 1px solid var(--classD);
color: var(--main);
justify-content: space-between;
user-select: none;
.count {
color: var(--minor);
font-size: 12px;
.split {
margin: 0 5px;
}
}
}
.content {
padding: 15px;
#work,
#flow {
height: 348px;
}
}
}
}
2021-05-17 02:27:29 +00:00
}