diff --git a/src/app/styles/pages-styles.scss b/src/app/styles/pages-styles.scss index b5953bb..51d4805 100644 --- a/src/app/styles/pages-styles.scss +++ b/src/app/styles/pages-styles.scss @@ -212,24 +212,11 @@ .stats-grid { display: grid; grid-template-columns: repeat(5, 1fr); - --boder-collor: #f3f4f6; - border-bottom: 1px solid var(--boder-collor); + border-bottom: 1px solid v.$b-color-1; 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 { - border: 1px solid var(--boder-collor); + border: 1px solid v.$b-color-1; border-right: none; border-left: none; border-bottom: none; @@ -253,9 +240,20 @@ font-weight: 500; .icon { - color: var(--card-color-1); margin-right: 10px; } + + &.images { + color: v.$color-image; + } + + &.videos { + color: v.$color-video; + } + + &.audio { + color: v.$color-audio; + } } &.second-row { @@ -264,7 +262,7 @@ &.left-top-corner { border-top-left-radius: 10px; - border-left: 1px solid var(--boder-collor); + border-left: 1px solid v.$b-color-1; justify-content: start; padding-left: 20px; }