Adding custom JavaScript/SCSS files

The Point of Sale app uses different asset bundles for managing JavaScript and style sheet files. In this recipe, we will learn how to add SCSS and JavaScript files to the Point of Sale asset bundle.

Getting ready

In this recipe, we will load an SCSS style sheet and a JavaScript file into the Point of Sale application.

How to do it...

To load assets in the Point of Sale application, follow these steps:

1. Add a new SCSS file at /pos_demo/static/src/scss/pos_demo.scss and insert the following code:

   .pos .pos-content {
       .price-tag {
           background: #00abcd;
           width: 100%;
           right: 0;
           left: 0;
           top:0;
       }
   }

2. Add a JavaScript file at /pos_demo/static/src/js/pos_demo...