도움이 되는 친구들에게 인사합니다,
컴포넌트를 생성하고 그 안에 CSS 코드를 배치했습니다. “Reklam”(광고)
광고 플러그인 내 하우스 광고.
어디서 실수를 하고 있는 걸까요? 아니면 코드가 작동하지 않는 걸까요?
HTML
<a class="between-posts-ad" target="_blank" rel="noopener" href="https://discourse.org">
<div class="ad-container">
<span class="ad-label">광고</span>
<strong>Discourse</strong> - 웹에서 문명화된 토론을 위한 커뮤니티 플랫폼
</div>
</a>
CSS
.house-creative.house-post-bottom {
margin-left: 0 !important;
a.between-posts-ad {
color: var(--dynamic-color);
strong {
color: var(--primary);
}
.ad-container {
max-width: calc(#{$topic-avatar-width} + #{$topic-body-width} + (#{$topic-body-width-padding} * 2));
padding: 10px 5px;
text-align: center;
background-color: var(--primary-very-low);
border: 1px solid var(--primary-low);
box-sizing: border-box;
.ad-label {
margin-right: 2px;
padding: 2px 5px;
color: var(--primary-very-low);
font-weight: bold;
background-color: #EAC34E; // "광고" 레이블의 색상을 설정합니다
border-radius: 5px;
}
}
}
}
색상 정의 ?
$dynamic-color: dark-light-choose($primary-medium, $secondary-medium);
:root {
--dynamic-color: #{$dynamic-color};
}
