diff --git a/wp-content/themes/hantico/assets/css/style.css b/wp-content/themes/hantico/assets/css/style.css index dd5a499..77de592 100644 --- a/wp-content/themes/hantico/assets/css/style.css +++ b/wp-content/themes/hantico/assets/css/style.css @@ -6680,4 +6680,36 @@ h4 { .h-app-steps .h-app-steps__grid{ grid-template-columns: 1fr; } -} \ No newline at end of file +} + +.article-social{ + margin-top: 20px; + + padding: 25px 30px; + background-color: var(--color-light); + border-radius: var(--radius-sm); + + display: flex; + flex-direction: column; + gap: 15px; +} +.article-social__title{ + font-size: var(--fs-h3-sm); + line-height: 1.2; + font-weight: 600; + color: var(--color-dark); +} +.article-social__text{ + font-size: 18px; + line-height: 1.2; +} +.article-social__list{ + display: flex; + gap: 10px; +} +.article-social__list > .footer-socials__item { + flex: 1; + width: auto; + height: 44px; + aspect-ratio: auto; +} diff --git a/wp-content/themes/hantico/single-article.php b/wp-content/themes/hantico/single-article.php index 338ad1b..94d6356 100644 --- a/wp-content/themes/hantico/single-article.php +++ b/wp-content/themes/hantico/single-article.php @@ -19,6 +19,7 @@ $generated = generate_toc($article_content, 'article-content'); $content = $generated['content']; $toc_items = $generated['toc_items']; + $footer_socials = get_field('socials', 'option'); foreach ($article_blocks as $block_index => &$block) { if (($block['acf_fc_layout'] ?? '') !== 'text') { continue; @@ -142,6 +143,26 @@ + +