...
3. And then, paste the svg into essentials\resources\js\version2\assets\Asset.js
...
Naming: SVG_{NAME}
Ex. SVG_NEWSFEED, SVG_DTRSTATUS_GREEN, SVG_BADGE_INACTIVE
...
2. Import the SVG to the file
...
3. Then, call the SVG
...
Adding Skeleton
Go to: essentials\resources\js\version2\constants\Loader.js
Add your code. Ex.
...
3. Add Scss at: essentials\resources\sass\version2\components\_loading.scss
Ex.
...
Naming :
Ex. l-{name}
Tip:
Use existing class names as much as possible.
...
Import it on the page then add the component.
...
Theming
Locate Theme folder.
...
3. Make sure to use the premade Sass styles above.
...
Mobile Responsiveness
The breakpoints are set using media queries inside a mixin
Tip:
Write you code through mobile-first approach
...