Skip to content

talkingseed/staticPrep

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

staticPrep

Bash scripts for JS and CSS fallback generation and minification. The only tricky part on Windows is to make sure that your terminal uses UTF-8 to make sure that no unicode symbols were broken during piping (">")

Perl script for inserting fallback lines for var() and calc() CSS statements (PaultT wrote it for me) Example:

./css_insert_fallback.pl CSS/home.css > CSS/home_with_fallback.css

home.css:

:root {
  --phi: 1.618;
  --phi-sqrt: 1.272;
  --base-font: 1.2187rem; 
  --font4: calc(var(--base-font)  * var(--phi-sqrt));
  --font5: var(--base-font);
  ...
  --height5: calc( var(--font5) * var(--base-xh-lnH));
  ...
}
body {
    font-family:  Verdana, Geneva, sans-serif; /*Comfortaa, Roboto, Arial, sans-serif;*/
    font-size: 1.2187rem;
    line-height: 1.7388rem;
    font-weight: 400;
    font-size: var(--font5);
    line-height: var(--height5);
    ...
}

home.css with fallback inserts:

body {
    font-family:  Verdana, Geneva, sans-serif; 
    font-size: 1.2187rem;
    line-height: 1.7388rem;
    font-weight: 400;
    font-size: 1.2187rem;
    font-size: var(--font5);
    line-height: 1.7389rem; 
    line-height: var(--height5); 
    ...
}

CSSnano for minificatiom

SWC for JS fallback generation and minification

About

Bash scripts for JS minification and Perl script for CSS fallback generation and minification

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published