Initial public commit
This commit is contained in:
@@ -0,0 +1,9 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
'defaults' => [
|
||||
'text' => '<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas repellendus modi ea praesentium totam, earum, accusamus pariatur cumque.</p>',
|
||||
'button' => 'Learn more',
|
||||
'link' => url()
|
||||
]
|
||||
];
|
||||
@@ -0,0 +1,4 @@
|
||||
<article class="cta">
|
||||
<div class="cta__text"><?= $text ?></div>
|
||||
<?php pattern('shared/2-blocks/button', ['text' => $button, 'link' => $link, 'modifiers' => 'novisited', 'class' => 'cta__button']) ?>
|
||||
</article>
|
||||
@@ -0,0 +1,26 @@
|
||||
.cta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
font-size: -cdd-rem(20);
|
||||
}
|
||||
|
||||
.cta__text {
|
||||
flex: 1;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
@media (max-width: 40em) {
|
||||
.cta {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.cta__text {
|
||||
margin-right: 0;
|
||||
margin-bottom: 0.7em;
|
||||
}
|
||||
|
||||
.cta__button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user