Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save spigotdesign/220f7150b959afcf53494dfbe98fac1d to your computer and use it in GitHub Desktop.
Save spigotdesign/220f7150b959afcf53494dfbe98fac1d to your computer and use it in GitHub Desktop.
Styles for stacked datepicker
<style>
.rootrez_widget_form_wrapper {
border-radius: 0;
border: none;
}
#rootrez-widget-form .search_dates,
#rootrez-widget-form .search_occupancy {
flex-basis: 100% !important;
border: 2px solid gray;
margin-bottom: 10px;
max-width: 100% !important;
}
#rootrez-widget-form .search_submit {
flex-basis: 100% !important;
display: flex;
justify-content: center;
}
#rootrez-widget-form .search_submit button {
border-radius: 0;
width: auto;
padding: 10px 30px;
height: auto;
}
@media (max-width: 599px) {
#rootrez-widget-form .search_dates {
border-right: 2px solid gray !important;
}
#rootrez-widget-form .search_occupancy {
border-bottom: 2px solid gray !important;
}
.rootrez_widget_form_wrapper.no-deals #rootrez-widget-form .search_submit {
flex-basis: 100%;
max-width: 100%;
}
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment