WIP-SASS-Environment-Modification / 01

[asbhogal]

The repo owner is making several switches in his approach to SCSS programming and CSS compiling. The following actions will be carried out for this issue (not in sequential order):

• Owing to its upcoming deprecation, the '@import' directive will be replaced with '@forward' and '@use' rules for respective files (partials and main stylesheets)
• Subsequently, a new npm install of Dart SASS* will be integrated to replace the Live SASS Compiler currently used
• Leveraging of Parcel to run a dev environment and compile an optimised production build (w/ minification)
• A change in directory structure with /src and /dist and sub-folders within
• Vercel deployments will require a change in base directory to point to the correct index.html

The idea here is to create a development environment which supports the new SASS ruling and optimises builds for future deployment whilst incorporating auto-refresh to improve performance. Build environments will be deployed on the main branch and accessible via the Vercel link. Since the above steps relate to one another, the logical approach is to combine and action them in one branch, rather than individual ones. This approach will be replicated across the relevant repositories (subs. issues raised.)

*The Static Site Compiler will not be leveraged as this is designed for development only, requires additional customisation for assets and has a continual issue with BrowserSync vulnerabilities

[asbhogal]

The following steps have been actioned:

• Live Sass Compiler replaced with local Sass (Dart) installation (see package.json)
• Terser package updated to v5.15.1 (see package.json)
• https://github.com/import directives replaced with @use in respective files
• New index and CSS file generated via Parcel
• Directories and respective content changed (for src and dist)
• Background color of body changed to #111 (as a test - kept owing to design consistency)
• Vercel deployment adjusted to pass checks

This issue is deemed resolved and will now be closed.