search

ZestfulNation / vue-hotel-datepicker

A VueJS v2 responsive date range picker. Displays the number of nights selected and allow several useful options like custom check-in/check-out rules, localization support and more.
https://zestfulnation.github.io/vue-hotel-datepicker/
MIT License
840 stars 220 forks source link

Custom styling #305

Closed arjanc closed 2 years ago

arjanc commented 2 years ago

Is your feature request related to a problem? Please describe. I wanted to overwrite the default color styles with my own colors.

Describe the solution you'd like Separate index.scss file into chunks for better override of variables. like for example _basestyles.css, _settings.scss. Where _settings.scss will import the _mixins.scss and _variables.scsss. See this sandbox as an example: Example

Describe alternatives you've considered No alternative found yet.

Additional context The purpose for separating the scss files for easy overwrite is to maintain the basestyling from the package itself. This will allow the package to be updated together with the base styles and to keep your own color overwrites.

matiasperrone commented 2 years ago

Hi @arjanc, please submit a PR to make my life easier... if not it might take me some time to make the changes, I've been away from VueJS this past few months.

stale[bot] commented 2 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

matiasperrone commented 2 years ago

@arjanc I think the last version does what you requested.