topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • Monday August 10, 2020, 9:59 pm
  • Proudly celebrating 15+ years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Author Topic: NANY 2020: scss-loop-template-processor  (Read 1015 times)

Ath

  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 3,443
    • View Profile
    • Donate to Member
NANY 2020: scss-loop-template-processor
« on: December 28, 2019, 08:16 AM »
NANY 2020 Entry Information

Application Name scss-loop-template-processor
Version v1.2.0.0
Short Description Process SCSS (css preprocessing) @for loops to @each loops including only used classes.
Supported OSes Any OS that runs .NET 4.7.2 (only tested on Windows)
Web Page scss-loop-template-processor on Ath's DCMembers site
Download Link from above DCMembers page
System Requirements
  • Command-line or script
  • .NET 4.7.2 or newer
Version History
  • 1.2.0.0 - December 2019 - Cleanup code, added this documentation, prepare for NANY 2020 release
  • 1.1.0.0 - November 2019 - Added enable/disable-lines-start/end processing
  • 1.0.0.0 - October 2019 - Working as intended
  • 0.1.0.0 - October 2019 - Initial development
Author Ath


Description
During development we use many generated classes for 'pixel-perfect' alignment of page elements.
(The proprietary platform used doesn't allow for direct html or css tags to be applied on elements, only classes can be applied, and to override previous, platform-standard, css often !important needs to be added to the css.)
Both the template and the generated output are @include'd in the files proveded to the scss compiler, but those from the templated are disabled by using an @if that is defined in the template-output to be false on second evaluation. During development the template-output is a (nearly) empty file.

Features
Process a template with a set of numeric-postfixed constants to replace @for loops by @each loops intended as scss preprocessing, to reduce the number of generated css classes.

Planned Features
None at the moment, requests accepted.

Screenshots
Command-line tool, so no usable screenshots... :-[

Usage
Installation
  • Unpack the zip file
  • Provide a list of classes with a numeric postfix
  • Provide a scss template with @for loops

Using the Application
Run from a command-line or use in a script.

Uninstallation
Remove the unpacked files (no configuration is saved anywhere).

Tips
Use in a script as a step before releasing a web application having scss files included.

Known Issues
None so far.