JSFiddle - React, Tailwind, and code Playground
by evan
HTML
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
<style>
table {
border-spacing:0 10px;
border-color:#fff;
table-layout:fixed;
width:auto
}
table tr th {
font-size:14px
}
table tr td, table tr th {
width:170px;
padding:10px 0;
line-height:18px
}
table tr td:nth-child(1), table tr th:nth-child(1) {
width:370px;
text-align:left
}
table tr td:nth-child(n+2), table tr th:nth-child(n+2) {
width:200px;
text-align:right
}
table tr td:last-child, table tr th:last-child {
width:300px
}
h1, h2, h3, h4 {
-webkit-margin-before:0;
-webkit-margin-after:0
}
.title-background {
background-color:#f9f9f9
}
.a-box-heading {
font-size:24px;
font-weight:400;
line-height:24px
}
.a-description-heading {
font-size:18px;
color:#2c2e2f;
line-height:18px
}
.a-box-text {
font-size:13px
}
.a-boxhalf p {
font:400 12px/20px'Open Sans', sans-serif;
color:#2c2e2f
}
h1 {
font-size:24px;
font-weight:600;
margin:0
}
h2 {
font-size:16px;
font-weight:300;
color:#3f484b
}
.account-box {
border:1px solid #d5dbe1;
border-radius:3px;
padding:20px;
background-color:#f9f9f9;
margin-bottom:10px
}
.account-box h3 {
padding:0;
margin:0 0 10px;
font-size:14px;
color:#3f484b
}
.account-box p {
font-size:13px;
color:#7d8f94
}
.account-box .links {
float:right;
line-height:30px;
font-weight:600;
color:#2565c0
}
.account-box .primary {
font-size:14px;
cursor:pointer
}
.account-box .secondary {
font-size:12px;
cursor:pointer
}
.account-box img {
margin-right:5px
}
.account-msg {
border:1px solid #d5dbe1;
background-color:#fff;
border-radius:3px;
padding:20px
}
.account-msg p {
font-size:12px;
color:#3f484b;
line-height:18px
}
.account-msg img {
line-height:11px;
margin:2px 0 0 20px
}
body, html {
margin:0;
...