diff --git a/app/styles/application.scss b/app/styles/application.scss index c1a3e93c8..3503b7044 100644 --- a/app/styles/application.scss +++ b/app/styles/application.scss @@ -87,6 +87,7 @@ @import 'components/federation-restrictions'; @import 'components/aliases'; @import 'components/icon'; +@import 'components/profile-stats'; // Holiday @import 'holiday/halloween'; diff --git a/app/styles/components/profile-stats.scss b/app/styles/components/profile-stats.scss new file mode 100644 index 000000000..685805a7a --- /dev/null +++ b/app/styles/components/profile-stats.scss @@ -0,0 +1,30 @@ +.profile-stats { + display: flex; + margin-top: 12px; +} + +.profile-stat { + display: flex; + font-size: 14px; + text-decoration: none; + + &:not(:first-of-type) { + margin-left: 18px; + } + + &__value { + display: flex; + margin-right: 3px; + font-weight: 700; + color: var(--primary-text-color); + } + + &__label { + display: flex; + color: var(--primary-text-color--faint); + } + + &:hover { + text-decoration: underline; + } +} diff --git a/app/styles/components/sidebar-menu.scss b/app/styles/components/sidebar-menu.scss index 8c3623af8..451b32571 100644 --- a/app/styles/components/sidebar-menu.scss +++ b/app/styles/components/sidebar-menu.scss @@ -131,37 +131,6 @@ } } -.profile-stats { - display: flex; - margin-top: 12px; -} - -.profile-stat { - display: flex; - font-size: 14px; - text-decoration: none; - - &:not(:first-of-type) { - margin-left: 18px; - } - - &__value { - display: flex; - margin-right: 3px; - font-weight: 700; - color: var(--primary-text-color); - } - - &__label { - display: flex; - color: var(--primary-text-color--faint); - } - - &:hover { - text-decoration: underline; - } -} - .sidebar-account { text-decoration: none; }