this post was submitted on 19 Jun 2023
15 points (100.0% liked)

Programming Horror

22 readers
1 users here now

Welcome to Programming Horror!

This is a place to share strange or terrible code you come across.

For more general memes about programming there's also Programmer Humor.

Looking for mods. If youre interested in moderating the community feel free to dm @Ategon@programming.dev

Rules

Credits

founded 1 year ago
MODERATORS
Vacant@programming.dev
15
SCSS nesting (programming.dev)
submitted 1 year ago by stratts@programming.dev to c/programming_horror@programming.dev
2 comments fedilink hide all child comments
 

  • This file is over 20k lines long, and 400kB

  • It is nested over 10 levels deep in many places

  • There is no naming consistency. The original file used BEM, but now it switches randomly between whatever the devs felt like at the time. There are random contractions all over the place (eg, a parent container might have the class payment-items, but the children are p-item)

  • There is no style consistency. It switches randomly between kebab case, camel case, snake case, a mix of kebab and snake case (!!) or no case at all (just one long word with no separators). A parent element might use one case, but then the child element will use a different case for the exact same term

top 2 comments
sorted by: hot top controversial new old
[โ€“] unhappy_meaning@programming.dev 2 points 1 year ago

I guess it started well but then the other people who added to it just went, "fuck that shit" and did whatever they want ๐Ÿ˜‚

[โ€“] dragnucs@lemmy.ml 1 points 1 year ago

SFCC project?