You're changing the source order doing this which can get messy plus generating a lot of long selectors. Example: .m4, .profile-card, .other-card, .header,

You're changing the source order doing this which can get messy plus generating a lot of long selectors. Example: .m4, .profile-card, .other-card, .header, .foo, blah { margin: 4em; }