Skip to content

Latest commit

 

History

History
49 lines (45 loc) · 1.25 KB

README.md

File metadata and controls

49 lines (45 loc) · 1.25 KB
Raw

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