Articles

---

Default Style

This is the default style of the blog articles. Caption background is transparent in this case.

Copy
<div class="article-sq">
    <div class="item-inner">
        <!-- image container -->
        <a class="image-sq" href="#">
            <span class="image-wrapper">
                <span class="image-inner">
                    <img class="image-sq" src="assets/images/magic_grid/magic_grid_article_04.jpg" alt="">
                </span>
            </span>
        </a>
        <!-- typography container-->
        <div class="typo-sq">
            <p class="typo-label-sq" data-label-before="Architecture" data-label-after="Book a home in"></p>
            <p class="typo-title-sq">Tesla to Build Three More Gigafactories</p>
            <p class="typo-desc-sq">Nunc sit amet velit nibh. Proin con ... </p>
            <a href="" class="read-more-sq">read more <i class="icon icon-arrow-right-122"></i></a>
        </div>

    </div>
</div>

---

Caption Style

Using .caption-sq class, article's caption will have white background, and .shadow-sq class will add shadow to the whole article.

Copy
<div class="article-sq caption-sq shadow-sq ">
    <div class="item-inner">
        ...
    </div>
</div>

---

Picture Style

The .picture-sq style refers to the article with featured picture as background.

Copy
<div class="article-sq picture-sq shadow-sq ">
    <div class="item-inner">
        ...
    </div>
</div>

---