JSFiddle - React, Tailwind, and code Playground

by diaryfakta

HTML

<facebook><a href='#'>Connect to Facebook</a></facebook>
<alk><a href='#'>Visit This Blog</a></alk>

CSS

body{
margin:50px;
}
facebook{
background-image: linear-gradient(bottom, rgb(104,126,179) 0%, rgb(114,141,194) 100%);
background-image: -o-linear-gradient(bottom, rgb(104,126,179) 0%, rgb(114,141,194) 100%);
background-image: -moz-linear-gradient(bottom, rgb(104,126,179) 0%, rgb(114,141,194) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(104,126,179) 0%, rgb(114,141,194) 100%);
background-image: -ms-linear-gradient(bottom, rgb(104,126,179) 0%, rgb(114,141,194) 100%);
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
text-shadow:1px 0 0 #888;
padding:5px;
border-radius:3px;
box-shadow:1px 1px 0 #687eb3, 2px 2px 0 #687eb3;
}
facebook:before{
content:'f';
font-size:18px;
position:relative;
top:2px;
padding-right:3px;
box-shadow:1px 0 0 #7b98d1;
margin-right:5px;
border-right:solid 1px #4d7296;
}
facebook a{
text-decoration:none;
color:#fff;
}
facebook:hover{
background:#687eb3;
}
facebook:active{
box-shadow:1px 1px 0 #687eb3;
position:relative;
top:1px;
left:1px;
}
alk{
background-image: linear-gradient(bottom, rgb(179,105,105) 0%, rgb(194,114,114) 100%);
background-image: -o-linear-gradient(bottom, rgb(179,105,105) 0%, rgb(194,114,114) 100%);
background-image: -moz-linear-gradient(bottom, rgb(179,105,105) 0%, rgb(194,114,114) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(179,105,105) 0%, rgb(194,114,114) 100%);
background-image: -ms-linear-gradient(bottom, rgb(179,105,105) 0%, rgb(194,114,114) 100%);
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
text-shadow:1px 0 0 #888;
padding:5px;
border-radius:3px;
box-shadow:1px 1px 0 #b36969, 2px 2px 0 #b36969;
}
alk:before{
content:'A';
font-size:18px;
position:relative;
top:2px;
padding-right:3px;
box-shadow:1px 0 0 #D27C7C;
margin-right:5px;
border-right:solid 1px #974D4D;
}
alk a{
text-decoration:none;
color:#fff;
}
alk:hover{
background:#b36969;
}
alk:active{
box-shadow:1px...