Skip to content

Commit 34de28f

Browse files
authored
Update README.md
1 parent 096713b commit 34de28f

File tree

1 file changed

+9
-6
lines changed

1 file changed

+9
-6
lines changed

README.md

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# PyCSS
22

33
## What is it?
4-
PyCSS is a micro-framework to speed up the process of writing CSS.
4+
PyCSS is a micro-framework to speed up the process of writing bulk CSS classes.
55

66
## How does it do it?
77
With Python!!!
@@ -10,21 +10,24 @@ First download the [https://github.com/Jammin-Coder/py-css/tree/main/PythonCSS](
1010

1111

1212
Then within `app.py` and within the `CSSClasses` class, you write Python classes that translate into CSS:
13-
![app py](https://user-images.githubusercontent.com/73239367/127931934-d7bebb9b-00b3-45f1-80e1-5ed146d87887.png)
13+
![css](https://user-images.githubusercontent.com/73239367/128073098-9bc98671-3018-481c-ac07-7e455e475ef3.png)
14+
1415

1516
Then you run `compile.py` with `python3 compile.py -o <output_css_file>.css`:
1617
The `-o` flag tells the program where to output the compiled CSS file.
1718
![Screenshot from 2021-08-02 18-36-47](https://user-images.githubusercontent.com/73239367/127932297-4800082d-3c30-42fe-9998-51ce044a0e74.png)
1819

1920
Then open the css file and make sure it worked:
20-
## NOTE: The underscores in the CSS file aren't supposed to be there. However this bug was fixed the program works fine now. Will update pics later
21-
![Screenshot from 2021-08-02 18-43-19](https://user-images.githubusercontent.com/73239367/127932710-c9a2e3f5-a143-4b62-9d7c-314edaa5c45f.png)
21+
![compiled_css](https://user-images.githubusercontent.com/73239367/128073710-ff8c509d-4f58-418e-8222-87f121a67050.png)
22+
2223

2324
You can also inherit properties from other classes:
24-
![Screenshot from 2021-08-02 18-50-09](https://user-images.githubusercontent.com/73239367/127933203-d41b1713-e83d-4f3e-9e5b-b46d183adba1.png)
25+
![inheritence](https://user-images.githubusercontent.com/73239367/128074047-fceb8e22-2820-49b7-80f7-d6ed40d1c4e9.png)
26+
2527

2628
which turns into this:
27-
![Screenshot from 2021-08-02 18-51-50](https://user-images.githubusercontent.com/73239367/127933335-3d9248b9-f6ec-46bb-8dc8-eca21054fb3f.png)
29+
![compiled_inheritence](https://user-images.githubusercontent.com/73239367/128074288-2cf67a63-0cfc-45c2-980e-ba00b31ccd75.png)
30+
2831

2932

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

0 commit comments

Comments
 (0)