refactor styles
This commit is contained in:
@@ -212,24 +212,11 @@
|
|||||||
.stats-grid {
|
.stats-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(5, 1fr);
|
grid-template-columns: repeat(5, 1fr);
|
||||||
--boder-collor: #f3f4f6;
|
border-bottom: 1px solid v.$b-color-1;
|
||||||
border-bottom: 1px solid var(--boder-collor);
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.stats-item.images {
|
|
||||||
--card-color-1: #f08c00;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stats-item.videos {
|
|
||||||
--card-color-1: #2f9e44;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stats-item.audio {
|
|
||||||
--card-color-1: #1971c2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stats-item {
|
.stats-item {
|
||||||
border: 1px solid var(--boder-collor);
|
border: 1px solid v.$b-color-1;
|
||||||
border-right: none;
|
border-right: none;
|
||||||
border-left: none;
|
border-left: none;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
@@ -253,9 +240,20 @@
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
color: var(--card-color-1);
|
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.images {
|
||||||
|
color: v.$color-image;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.videos {
|
||||||
|
color: v.$color-video;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.audio {
|
||||||
|
color: v.$color-audio;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.second-row {
|
&.second-row {
|
||||||
@@ -264,7 +262,7 @@
|
|||||||
|
|
||||||
&.left-top-corner {
|
&.left-top-corner {
|
||||||
border-top-left-radius: 10px;
|
border-top-left-radius: 10px;
|
||||||
border-left: 1px solid var(--boder-collor);
|
border-left: 1px solid v.$b-color-1;
|
||||||
justify-content: start;
|
justify-content: start;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user