khowellmobile / practice-cs-tool

A tool for practice cs written in django

MIT License

0 stars 0 forks source link

Change css and html files to Bem naming and css files standard format #57

Closed khowellmobile closed 5 months ago

khowellmobile commented 6 months ago

General Description

Currently the css naming for things such as IDs and Classes is not consistent across all html and css files. Changing the naming convention to BEM should allow for more consistency and understandability.

Since the CSS selectors and fields are getting larger and more complex, a common organization for these fields should be used.

The css blocks should follow the flow of the html page by element. Similar to a depth first search.

Tasks

Change the css naming for ids and classes to closer to BEM conventions.
The css fields should follow a standard format (described below).
Ensure ordering of css fields follows a pattern similar to a depth-first-search of the html template

Css Format

selector { width/height: margin/padding:

all else

display: display options: align/justify: }

Notes on format:

all else is all other css options but they should be grouped by color, border modifications, etc.
display options would include things such as flex-direction
See change_database_style.css for examples

khowellmobile commented 5 months ago

Closed with pull request #58