Skip to content

timbatt/py-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

PyCSS

What is it?

PyCSS is a micro-framework to speed up the process of writing bulk CSS classes.

How does it do it?

With Python!!!
First download the https://github.com/Jammin-Coder/py-css/tree/main/PythonCSS folder that contains the program files, then in that directory open the app.py file:
app py

Then within app.py and within the CSSClasses class, you write Python classes that translate into CSS:
css

Then you run compile.py with python3 compile.py -o <output_css_file>.css: The -o flag tells the program where to output the compiled CSS file.
Screenshot from 2021-08-02 18-36-47

Then open the css file and make sure it worked:
compiled_css

If you wish to only use a class to structer child classes, then you can place it outside CSSClasses
Screenshot 2021-08-03 153154
DFlex will not be compiled to the output file, but can be inherited by other classes.

You can also inherit properties from other classes:
inheritence

which turns into this:
compiled_inheritence

Then you can use the CSS file in any web-development project!

More docs to come.

Feel free to ask in the discussions tab if you have any problems or questions.

About

A program that takes Python classes and turns them into CSS classes.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages