This repository has been archived by the owner on Apr 4, 2022. It is now read-only.

Generated css #166

Closed

k0fi opened this issue Oct 2, 2019 · 2 comments

k0fi commented Oct 2, 2019 •

edited

I have generated a falavor using https://minicss.org/flavors#build-your-own-flavor and now I have a mini-custom.scss.
How am I supposed to make a css file out of this?

The text was updated successfully, but these errors were encountered:

Contributor

FrancoisCapon commented Oct 2, 2019

Your mini-custom.zip file doesn't contains a mini-custom.css and a mini-custom.min.css files a the root?

Author

k0fi commented Oct 4, 2019 •

edited

Well, modifying .css files is not fun, especially when you discover the power of scss.
So I solved the configuration problem like this:

Download mini.css-master from github
Copy the src folder to my project's css folder.
Install Live Sass Compiler to my vscode
3.b Assign the output path in the compiler's configuration if you want to specify where the resulting .css should go:

    "liveSassCompile.settings.formats": [{
        "format": "compressed",
        "extensionName": ".min.css",
        "savePath": "/css/mini-modified/dist"
    }

otherwise it saves generated .css in the same folder as corresponding .scss

Live Sass compiler watches the changes which I make to any of the *.scss files in css/mini folder and generates css output mini-default.scss and whatever other .scss file is in css/flavor and put them in savePath defined for it.
Remove unwanted mini-*.css from css/flavor folder, so that only the desired .css is generated. Very handy!

k0fi closed this as completed

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.