An experiment in cleaning up CSS by just avoiding dis-features and focusing on flexbox and CSS grids.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
<card>
|
|
|
|
<top>
|
|
|
|
<img src={ holder(16 * 30, 9 * 30) }/>
|
|
|
|
</top>
|
|
|
|
|
|
|
|
<middle>
|
|
|
|
<h4>
|
|
|
|
Card Example
|
|
|
|
</h4>
|
|
|
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
|
|
|
eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
|
|
|
|
|
|
</middle>
|
|
|
|
|
|
|
|
<bottom>
|
|
|
|
<button>
|
|
|
|
<Icon name="check-circle" color="var(--color-bg)" size="24" />
|
|
|
|
</button>
|
|
|
|
<button>
|
|
|
|
<Icon name="x-circle" color="var(--color-bg)" size="24"/>
|
|
|
|
</button>
|
|
|
|
</bottom>
|
|
|
|
</card>
|