#!/bin/bash
svgs=./svgs
html='
| Name |
Font-Awesome |
Icons LK |
'
echo "$html" > ./test/icons.html
echo -e "// Icons Libre Kiwi" > ./scss/icons-custom.scss
echo -e "// Icons Libre Kiwi" > ./scss/icons-all.scss
for i in $svgs/*/; do
folder=$(echo $i | cut -d '/' -f 3) # brand, regular, solid, etc
mkdir -p ./scss/icons/$folder
if [[ $(ls ./svgs/$folder/*.svg 2>/dev/null) ]]; then
echo -e "
/* $folder ------------------------------------------------------------------ */
.#{\$lk-css-prefix}, .#{\$lk-css-prefix}${folder:0:1} {" >> ./scss/icons-custom.scss
echo -e "
/* $folder ------------------------------------------------------------------ */
.#{\$lk-css-prefix}, .#{\$lk-css-prefix}${folder:0:1} {" >> ./scss/icons-all.scss
for j in $svgs/$folder/*.svg; do
filename=$(echo $j | cut -d '/' -f 4 | cut -d '.' -f 1)
echo "
| $filename |
|
|
" >> ./test/icons.html
# Add filename to folder.scss
echo "// @import '~fs-iconslk/scss/icons/$folder/$filename';" >> ./scss/icons-custom.scss
echo " @import 'icons/$folder/$filename';" >> ./scss/icons-all.scss
# Make lk-.scss
credits=$(sed -e 's/.*.*/\1/' $j) # Font Awesome credits
svg=$(sed -r 's///' $j) # Get SVG without credits
size=$(sed -e 's/.*viewBox="0 0 \([0-9 ]*\)".*/\1/' $j);
width=$(echo "scale=3; ${size% *} / ${size#* }" | bc)
max=$(( ${size% *} > ${size#* } ? ${size% *} : ${size#* } ))
square=$(echo "scale=3; ${max} / ${size#* }" | bc)
echo "// $credits" > ./scss/icons/$folder/$filename.scss
echo "&.#{\$lk-css-prefix}-$filename {--icon: url('data:image/svg+xml,$svg');--width: ${width}em;--square: ${square}em;&::before{content: '';}}" >> ./scss/icons/$folder/$filename.scss
echo -e "✔️ $folder/$filename"
done
echo -e "}" >> ./scss/icons-custom.scss
echo -e "}" >> ./scss/icons-all.scss
fi
done
echo "
" >> ./test/icons.html