Instantly share code, notes, and snippets.

Embed
What would you like to do?
CardinalWP.com responsive form container compiled CSS
.bh-sl-container {
position: relative;
}
.bh-sl-container .bh-sl-form-container {
position: absolute;
top: 0;
right: 0;
left: 0;
background: rgba(86, 25, 18, 0.9);
margin: 0;
padding: 15px 2%;
width: 96%;
z-index: 10000;
}
@media screen and (min-width: 768px) {
.bh-sl-container .bh-sl-form-container {
position: absolute;
top: 20px;
left: 1%;
padding: 20px;
width: 20%;
}
}
@media screen and (min-width: 1140px) {
.bh-sl-container .bh-sl-form-container {
width: 15%;
}
}
.bh-sl-container .bh-sl-form-container label {
color: #fff;
}
.bh-sl-container .bh-sl-form-container input {
border-radius: 0;
margin-top: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment