Scss file update

[avadhutpy]

1. I added SASS folders in src/assets following 7 in 1 architecture.
2. Updated scripts in package.json for sass.
3. Added BEM & SASS reference for understanding purposes.
4. Added SCSS utility in mixins & utilities with comments
5. I added 3rd party md and gave the attribution to the authors.

---

🚀	This description was created by Ellipsis for commit fc9c94d

Summary:

This PR adds a structured SASS architecture, updates build scripts, and includes documentation and third-party attributions.

Key points:

• Added SASS folders in src/assets using 7-in-1 architecture.
• Updated package.json with scripts for SASS compilation, prefixing, and compression.
• Added BEM reference.md and SCSS references.md for documentation.
• Created THIRD_PARTY_LICENSES.md for third-party attributions.
• Implemented SCSS utilities in src/sass/_utilities.scss and mixins in src/sass/_mixins.scss.
• Main SCSS file src/sass/main.scss imports all components in a specific order.

---

Generated with ❤️ by ellipsis.dev

[ellipsis-dev]

👍 Looks good to me! Reviewed everything up to fc9c94d in 14 seconds

More details

• Looked at 461 lines of code in 16 files
• Skipped 2 files when reviewing.
• Skipped posting 1 drafted comments based on config settings.

1. SCSS references.md:24

• Draft comment:
  There's a syntax error in the mixin definition and usage example:

@mixin mixin-name{
    // Code Goes here
}

And to call a mixin, it should be:

.img{
    @include mixin-name;
}

Please correct the mixin definition and its usage example.

• Reason this comment was not posted:
  Multiple suggestions found in comment body, which is not allowed by GitHub

Workflow ID: wflow_gU2VUVp7xTkLL9rb

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

[0xbrayo]

Looks good. But still using bootstrap. You should also remove this import then try to style using scss.

[ErikBjare]

I think we should try to avoid writing SCSS ourselves, and use tailwind or shadcn when possible.

…

On Sun, Aug 11, 2024, 18:00 Brayo ***@***.***> wrote: Looks good. But still using bootstrap. You should also remove this <https://github.com/avadhut-the-merciful/aw-leaderboard-firebase/blob/fc9c94de2af00357a8edc3fc1e93799c8cc5a458/index.html#L9-L12> import then try to style using scss. — Reply to this email directly, view it on GitHub <#22 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAKXDOVPMEIZNSHLPKEGW5DZQ6DAJAVCNFSM6AAAAABMK3JLNCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEOBSHAYDIOJQGY> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[0xbrayo]

Will look into shadcn. I have limited experience with tailwind but I guess I could manage a PR soon.