# FKB Pro - 소셜 테마

**URL:** <https://meta.discourse.org/t/fkb-pro-social-theme/234323>\
**Category:** Theme\
**Created:** [7월 28, 2022, 8:58오후 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323 "2022-07-28T20:58:41Z")\
**Posts on this page:** 1\
**Showing post:** 273

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [1월 30, 2024, 6:26오후 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/273 "2024-01-30T18:26:42Z")

</div>

이 CSS를 시도해 볼 수 있을까요?

여기서 부모 카테고리 색상을 표시하는 것이 좋은지 확신이 서지 않습니다. 🤔

```css
.badge-category__wrapper {
    margin-top: 0 !important;
    
    .badge-category {
        border-radius: 0 0 var(--d-default-border-radius) var(--d-default-border-radius);
        padding-inline: calc(var(--badge-category-padding-h) * 3);
        line-height: normal;

        &.--has-parent {
            padding-inline-end: calc(var(--badge-category-padding-h) * 2.5);
        }
        
        &.--has-parent:before {
            border-radius: 0 0 0 var(--d-default-border-radius);
            background: linear-gradient(90deg, var(--parent-category-badge-color) 46%, var(--category-badge-color) 50%);
            width: calc(var(--badge-category-padding-h) * 3);
        } 

        svg {
          width: 0.8em !important;
          height: 0.8em !important;
        }
    }
}

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/f/3/0f3c79228b73b18889db414466feaf7217917b37.png)

---

_[View the full topic](https://meta.discourse.org/t/fkb-pro-social-theme/234323)._