Inside luxize-property-listing directory that you've extracted before, you will find scss directory. This is where we put all scss files.

luxize-property-listing/
|-scss/
|--luxize/
|--property-listing.scss
|--property-listing-color-2.scss
|--property-listing-color-3.scss

scss/luxize

luxize-property-listing/
 |-scss/
 |--luxize/
 |---forms/
 |---helpers/
 |---mixins/
 |---_accordion.scss
 |---_animate.scss
 |---_article.scss
 |---_bg.scss
 |---_buttons.scss
 |---_card.scss
 |---_carousel.scss
 |---_close.scss
 |---_counter.scss
 |---_cursor.scss
 |---_dropdown.scss
 |---_expand.scss
 |---_focusform.scss
 |---_grid-col.scss
 |---_item.scss
 |---_leaflet.scss
 |---_masthead.scss
 |---_modal.scss
 |---_nav.scss
 |---_navbar.scss
 |---_ornamen.scss
 |---_overlay.scss
 |---_pre-utilities-api.scss
 |---_reboot.scss
 |---_root.scss
 |---_section.scss
 |---_status.scss
 |---_sticky.scss
 |---_swiper.scss
 |---_transitions.scss
 |---_type.scss
 |---_utilities.scss
 |---_variables.scss
 |---luxize.scss

Right inside scss directory is where we declare class / styling for overriding default bootstrap original components or also declaring new components thats not exist in bootstrap. Among those files, there is luxize.scss file. This is file where we include all required boostrap files + new components.

_variables.scss is where we put variables to overrides default bootstrap config variables. Also to write variables required by new components.

Colorschemes

Luxize Property Listing Documentation preloaded with 3 (property-listing, property-listing-color-2, property-listing-color-3) colorschemes that can you choose.