<div class="Block LatestNewsBlock Theme Theme--turquoise Theme__bg ">
<div class="container">
<div class="Block__contents">
<h4 class="Block__title Theme__slant">
<a href="https://ascendmaterials-new.ddev.site/about/newsroom">
<span>Latest</span>
<span>news</span>
</a>
</h4>
<a href="https://new-ascend-dev.5thring.co.uk/news/inspiring-everyday-finding-innovative-ways-to-create-real-value" class="Block__action">
Inspiring Everyday: Finding innovative ways to create real value
</a>
</div>
</div>
</div>
<div class="Block LatestNewsBlock Theme Theme--turquoise Theme__bg ">
<div class="container">
<div class="Block__contents">
<h4 class="Block__title Theme__slant">
<a href="https://ascendmaterials-new.ddev.site/about/newsroom">
<span>Latest</span>
<span>news</span>
</a>
</h4>
<a href="https://new-ascend-dev.5thring.co.uk/news/inspiring-everyday-finding-innovative-ways-to-create-real-value" class="Block__action">
Inspiring Everyday: Finding innovative ways to create real value
</a>
</div>
</div>
</div>
{
"company": "Ascend Performance Materials",
"url": "https://www.ascendmaterials.com",
"placeholders": {
"copy": "Cozy lummox gives smart squid who asks for job pen"
}
}
.LatestNewsBlock {
@apply md:py-2;
&.Theme {
@apply overflow-hidden;
}
.Block__contents {
@apply flex
items-start
md:items-center
flex-col
md:flex-row
gap-x-28;
}
.Block__title {
@apply mb-6
md:mb-0
w-full
md:w-auto
min-w-40
text-xl
lg:text-3xl;
span {
@apply relative
font-normal;
&:last-child {
@apply font-bold;
}
}
&.Theme__slant {
&:before {
@apply -top-[1000px]
-left-[1000px]
-right-[65px]
-bottom-[1000px]
skew-x-0
md:-skew-x-[17deg];
}
}
}
.Block__action {
@apply z-0
flex
items-center
md:w-2/3
min-h-20
pr-20
text-xl
lg:text-3xl
leading-snug
lg:font-normal
bg-arrow-right-circle-white
bg-no-repeat
bg-right;
}
}
No notes defined.