JSFiddle - React, Tailwind, and code Playground
CSS
body{
padding:0;
margin:0;
font-family: Arial, sans-serif;
}
.header-two-bars{
font:13px Arial, Helvetica, sans-serif;
}
.header-two-bars .header-limiter{
max-width: 1200px;
text-align: center;
margin: 0 auto;
}
/* Logo */
.header-two-bars h1{
float: left;
font: normal 35px Cookie, Calibri, Helvetica, sans-serif;
line-height: 40px;
margin: 0;
}
.header-two-bars h1 span {
color: #5383d3;
}
/* The first bar */
.header-two-bars .header-first-bar{
background-color:#292c2f;
box-shadow:0 1px 1px #ccc;
padding: 20px 40px;
height: 80px;
color: #ffffff;
box-sizing: border-box;
}
.header-two-bars .header-first-bar a {
color: #ffffff;
text-decoration: none;
}
.member-area-buttons {
float: right;
}
.signup-button, .login-user, .login-designer {
font-size: 13px;
float: left;
font-weight: bold;
border-radius: 3px;
background-color: #5383d3;
color: white;
height: 40px;
padding: 5px 20px;
border: 1px solid #5E6367;
box-sizing: border-box;
margin-right: 5px;
}
.signup-button:hover, .login-user:hover, .login-designer:hover{
background-color:#2B5773;
}
.signup-button{
padding-top: 10px;
margin-top: 0;
border-radius: 2px;
background-color: #6caee0;
color: #ffffff;
font-weight: bold;
box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
border: 0;
}
/*social-button*/
/*
.header-two-bars .header-first-bar nav i.fa {
display: inline-block;
width: 35px;
height: 35px;
cursor: pointer;
background-color: #33383b;
border-radius: 2px;
font-size: 20px;
color: #ffffff;
text-align: center;
line-height: 35px;
margin-top: 0;
margin-right: 3px;
}
*/
/* Second Bar */
.header-two-bars .header-second-bar {
background-color: #ffffff;
box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.05);
padding: 20px 40px;
}
.header-two-bars .header-second-bar h2 {
margin: 0;
float: left;
color: #292c2f;
font-weight: bold;
font-style: italic;
}
.header-two-bars .header-second-bar h2 a {
font-size: 16px;
color:...
JavaScript
function filterArray(arr) {
return (typeof(arr) ==="number" && arr != 0 && !isNaN(arr));
}
arr = [NaN, 0, 15, false, -22, '',undefined, 47, null];
console.log(arr.filter(filterArray));