Created
July 18, 2022 17:23
-
-
Save spigotdesign/220f7150b959afcf53494dfbe98fac1d to your computer and use it in GitHub Desktop.
Styles for stacked datepicker
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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