Skip to content

Style Customization

Unai Abrisketa edited this page Oct 28, 2020 · 3 revisions

Beyond Canvas offers different styles to make your app look like a native Beyond app. If you'd like to customize the gem styles, follow these instructions:

  1. Run the custom style generator:

    $ rails g beyond_canvas:custom_styles

    This command will generate a file (app/assets/stylesheets/_beyond_canvas_custom_styles.sass) that contains all variables you can customize.

  2. Adapt the variables to your liking.

  3. Import the custom styles before importing Beyond Canvas itself in your application.scss. This way you can override the default styles included in Beyond Canvas:

    @import 'beyond_canvas_custom_styles'
    @import 'beyond_canvas'