I've successfully combined 4 things I absolutely love, Typography, Design, Web Development and 80s style bravado. Super happy with the results. All done in CSS.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<body> | |
<div class="card"> | |
<div class="card-background"> | |
<div class="card-frame"> | |
<div class="frame-header"> | |
<h1 class="frame-header--name">Rotting Regisaur</h1> | |
<div class="icon-container"> | |
<i class="ms ms-2" id="mana-cost"></i> | |
<i class="ms ms-b" id="mana-symbol"></i> | |
</div> |
I've successfully combined 4 things I absolutely love, Typography, Design, Web Development and 80s style bravado. Super happy with the results. All done in CSS.
A Pen by David Parker on CodePen.
I've successfully combined 4 things I absolutely love, Typography, Design, Web Development and 80s style bravado. Super happy with the results. All done in CSS.
A Pen by David Parker on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<body> | |
<div class="card"> | |
<div class="card-background"> | |
<div class="card-frame"> | |
<div class="frame-header"> | |
<h1 class="frame-header--name">Rotting Regisaur</h1> | |
<div class="icon-container"> | |
<i class="ms ms-2" id="mana-cost"></i> | |
<i class="ms ms-b" id="mana-symbol"></i> | |
</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ## ## ######## #### ## ###### | |
// ## ## ## ## ## ## ## | |
// ## ## ## ## ## ## | |
// ## ## ## ## ## ###### | |
// ## ## ## ## ## ## | |
// ## ## ## ## ## ## ## | |
// ####### ## #### ######## ###### | |
// https://stackoverflow.com/questions/17781472/how-to-get-a-subset-of-a-javascript-objects-properties courtesy of Brett Zamir | |
// pick(obj,'a','b') looks better than (({ a, b }) => ({ a, b }))(obj); |