JSFiddle - React, Tailwind, and code Playground
by nomelnomel
CSS
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic-ext,latin-ext,cyrillic);
html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
dfn,
del,
p,
blockquote,
fieldset,
input,
textarea,
select,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
button,
canvas,
video {
margin: 0;
padding: 0;
vertical-align: baseline;
}
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
th,
dfn,
del {
font-weight: normal;
font-style: normal;
}
ul,
ol {
list-style: none;
}
fieldset,
img {
border: none;
}
caption,
th {
text-align: left;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
cursor: pointer;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
input[type="search"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
input,
button,
textarea {
line-height: normal;
font-family: 'PT Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="hidden"],
[hidden],
.hidden {
display: none;
}
textarea {
overflow: auto;
resize: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
.clearfix {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
a > img {
vertical-align: bottom;
}
strong,
.strong,
b {
font-weight: bold;
}
strong.price {
color: #000000;
}
em,
.italic,
i {
font-style: italic;
}
del,
.del {
text-decoration: line-through;
}
:focus {
outline: none;
}
img {
max-width: 100%;
/*width: auto;
height:...