{"id":15111826,"url":"https://github.com/gzixnine/sass_course","last_synced_at":"2026-02-06T15:38:37.153Z","repository":{"id":247880501,"uuid":"826582513","full_name":"GziXnine/SASS_Course","owner":"GziXnine","description":"This repository is dedicated to all the assignments and projects from the SASS course by Elzero Web School. Whether you're just getting started with SASS or looking to refine your skills, this repository contains comprehensive examples and practical assignments to help you master SASS.","archived":false,"fork":false,"pushed_at":"2024-07-11T03:22:14.000Z","size":22,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-11T14:56:46.533Z","etag":null,"topics":["each","elzero-frontend-challenges","elzero-web-school","function","loop","map","sass","sass-mixins","scss-framework"],"latest_commit_sha":null,"homepage":"https://elzero.org/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GziXnine.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-10T01:58:26.000Z","updated_at":"2024-07-11T03:22:17.000Z","dependencies_parsed_at":"2024-07-11T04:40:47.781Z","dependency_job_id":"2a97ff58-c4fc-42c5-86f8-83736143a9a7","html_url":"https://github.com/GziXnine/SASS_Course","commit_stats":null,"previous_names":["allamf5j/sass_course","gzixnine/sass_course"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FSASS_Course","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FSASS_Course/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FSASS_Course/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GziXnine%2FSASS_Course/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GziXnine","download_url":"https://codeload.github.com/GziXnine/SASS_Course/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247378092,"owners_count":20929293,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["each","elzero-frontend-challenges","elzero-web-school","function","loop","map","sass","sass-mixins","scss-framework"],"created_at":"2024-09-26T00:23:54.692Z","updated_at":"2026-02-06T15:38:37.116Z","avatar_url":"https://github.com/GziXnine.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SASS Basics\n\nWelcome to the SASS Basics repository! This repository serves as a comprehensive guide and reference for learning SASS (Syntactically Awesome Style Sheets), a CSS preprocessor that enhances the functionality and efficiency of writing CSS.\n\n## Overview\n\nThis repository is designed to provide you with a solid foundation in SASS, covering everything from basic syntax to more advanced features. Whether you're a beginner just starting out or looking to refresh your knowledge, you'll find valuable resources and examples here to help you understand and master SASS.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Completion-100%25-blue\" alt=\"Completion\"\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"https://visitor-badge.laobi.icu/badge?page_id=AllamF5J/SASS_Course\" alt=\"Visitors\"/\u003e\n\u003c/p\u003e\n\n![SASS Course](https://i.ibb.co/GxHhcwG/lg9jjgv3nj383ykkjxew.jpg)\n\n### What is SASS?\n\nSASS (Syntactically Awesome Style Sheets) is a CSS preprocessor that extends CSS with features like variables, nested rules, and mixins. It helps to keep stylesheets organized and allows for more efficient and maintainable code. SASS is widely used in web development to streamline and enhance the CSS writing process.\n\n### Key Features\n\n- **Variables**: Store reusable values like colors, fonts, or any CSS value.\n- **Nesting**: Nest CSS rules inside each other in a way that follows the same visual hierarchy of HTML.\n- **Partials**: Modularize your CSS code by splitting it into smaller, reusable files.\n- **Mixins**: Create reusable chunks of code to avoid repetition and keep your styles DRY (Don't Repeat Yourself).\n- **Inheritance**: Use placeholder selectors to share a set of CSS properties among multiple selectors.\n- **Built-in Functions**: Use functions for manipulating strings, numbers, colors, and more.\n\n\u003cimg src=\"https://github.com/AllamF5J/AllamF5J/blob/main/images/neon.gif\"\u003e\n\n### Course Reference\n\nThe content and examples presented here are based on the high-quality tutorials and lessons from [Elzero Web School](https://elzero.org).\n\n#### About Elzero Web School\n\nElzero Web School is a premier online platform offering a wide range of web development tutorials and courses. With a focus on practical, hands-on learning, Elzero Web School helps students and professionals alike to enhance their skills and stay up-to-date with the latest web technologies.\n\n#### Additional Resources\n\n- Visit the [official website](https://elzero.org) for more courses and tutorials.\n- Check out the [YouTube channel](https://www.youtube.com/@ElzeroWebSchool) for more video content.\n- Check out the [GitHub account](https://github.com/ElzeroWebSchool) for more data and codes.\n- Learn SASS from the [official documentation](https://sass-lang.com/documentation).\n\n\u003cimg src=\"https://github.com/AllamF5J/AllamF5J/blob/main/images/neon.gif\"\u003e\n\n### Course Progress\n\n#### Course Study Plan\n- **Weeks Completed**: [02 of 02]  \n  ![100%](https://progress-bar.dev/100/?title=Done)\n\n  `Watched` - [Plan For Two Weeks](https://elzero.org/study/sass-2021-study-plan/)\n\n#### Videos Watched\n- **Total Videos**: [19 of 19] - Duration: 2 Hours, 00 Minutes, 00 Seconds  \n  ![100%](https://progress-bar.dev/100/?title=Watched)  \n\n\u003cdetails open\u003e\n  \u003cbr\u003e\n    \u003csummary\u003e\u003cmark\u003e\u003cspan\u003e👉\u003c/span\u003e Click Here To Watch Videos In \u003c/mark\u003e\u003cstrong\u003eYouTube\u003c/strong\u003e\u003c/summary\u003e\n\n  1. `Watched` - [Introduction And What Is Sass](https://www.youtube.com/watch?v=Di_RlcpkpN4)\n  2. `Watched` - [Sass Compilation Tools](https://www.youtube.com/watch?v=b7s9ePPm9Fg)\n  3. `Watched` - [Import And Use And Advanced Architecture](https://www.youtube.com/watch?v=iDulsq5FYt4)\n  4. `Watched` - [Variables](https://www.youtube.com/watch?v=FANYQWDNUhE)\n  5. `Watched` - [Nesting And Parent Element](https://www.youtube.com/watch?v=bpfpoooqQcM)\n  6. `Watched` - [Property Declarations And Placeholder](https://www.youtube.com/watch?v=qtjcN1nnln4)\n  7. `Watched` - [Control Flow - If And Else](https://www.youtube.com/watch?v=uq7RQmaFQFc)\n  8. `Watched` - [Create Triangle With If And Else](https://www.youtube.com/watch?v=8OEJRjwoNwg)\n  9. `Watched` - [Interpolation](https://www.youtube.com/watch?v=jiheVm_JvN4)\n  10. `Watched` - [Comments And Documenting](https://www.youtube.com/watch?v=2yAA1YbF8IA)\n  11. `Watched` - [Mixin And Include](https://www.youtube.com/watch?v=aUmLt6fz8GQ)\n  12. `Watched` - [Loop - For](https://www.youtube.com/watch?v=H7QHTpgmNlM\u0026t=145s)\n  13. `Watched` - [Loop - Each And Maps](https://www.youtube.com/watch?v=lou2rLOIHr0)\n  14. `Watched` - [Loop - While](https://www.youtube.com/watch?v=X2jzWwmy3S4)\n  15. `Watched` - [Create Bootstrap Grid System](https://www.youtube.com/watch?v=ZD262gzOeok)\n  16. `Watched` - [Function](https://www.youtube.com/watch?v=6ifupgr0vB8)\n  17. `Watched` - [Practice Mixin With Content](https://www.youtube.com/watch?v=-_UbIg1VyM0)\n  18. `Watched` - [Practice Create Media Queries Mixin](https://www.youtube.com/watch?v=ynZabsx9k20)\n  19. `Watched` - [The End And How To Master SASS](https://www.youtube.com/watch?v=KxIEyYQw4oI)\n\n\u003c/details\u003e\n\n#### Assignments Solved\n- **Total Assignments**: [24 of 24] - Topics: 4  \n  ![100%](https://progress-bar.dev/100/?title=Solved)  \n  Check Out The Assignments [Here 🤏](https://elzero.org/category/assignments/sass-assignments/).\n\n\u003cimg src=\"https://github.com/AllamF5J/AllamF5J/blob/main/images/neon.gif\"\u003e\n\n\u003csummary\u003e\u003cspan\u003e👉\u003c/span\u003e \u003cstrong\u003eCourses \u0026 Articles\u003c/strong\u003e\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\u003ca href=\"https://sass-lang.com/guide\"\u003eSASS Guide\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://web.dev/learn/sass/\"\u003eLearn SASS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.interviewbit.com/sass-interview-questions/\"\u003eSASS Interview Questions\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.udemy.com/course/sass-practice-test-for-certification-exams-interviews/\"\u003eSASS Practice Test for Certification, Exams \u0026 Interviews\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\u003cimg src=\"https://github.com/AllamF5J/AllamF5J/blob/main/images/neon.gif\"\u003e\n\n\u003ctable border=\"0\" cellpadding=\"0\" cellspacing=\"0\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eStatus\u003c/th\u003e\n      \u003cth\u003eAssignments\u003c/th\u003e\n      \u003cth\u003eSolutions\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd colspan=\"3\"\u003e\n        \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n        \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n      \u003ca href=\"https://github.com/AllamF5J/SASS_Course/tree/main/0%20-%20Lessons\"\u003eAll Lessons\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd rowspan=\"9\"\u003e\u003ccode\u003eSolved\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/sass-2021-assignments-lesson-1-to-6/\"\u003eAssignments From 01 To 05\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/SASS_Course/tree/main/1%20-%20Nesting%2C%20Variables%2001%20~%2006\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/sass-2021-assignments-lesson-7-to-10/\"\u003eAssignments From 06 To 10\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/SASS_Course/tree/main/2%20-%20Control%20Flow%2C%20Interpolation%2007%20~%2010\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/sass-2021-assignments-lesson-11-to-15/\"\u003eAssignments From 11 To 14\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/SASS_Course/tree/main/3%20-%20Mixin%2C%20Loop%2011%20~%2015\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://elzero.org/sass-2021-assignments-lesson-16-to-19/\"\u003eAssignments From 15 To 18\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ca href=\"https://github.com/AllamF5J/SASS_Course/tree/main/4%20-%20Function%2016%20~%2019\"\u003eCode\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n  \u003ctfoot\u003e\n    \u003ctr\u003e\n      \u003ctd colspan=\"3\" style=\"text-align: center;\"\u003e\n          \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n          \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n        \u003ca href=\"https://progress-bar.dev/100/?title=Done\"\u003e\n          \u003cimg src=\"https://progress-bar.dev/100/?title=Done\" alt=\"100%\"\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tfoot\u003e\n\u003c/table\u003e\n\n\u003cimg src=\"https://github.com/AllamF5J/AllamF5J/blob/main/images/neon.gif\"\u003e\n  \nFeel free to explore the repository, follow along with the course material, and practice with the provided assignments. Happy learning!\n\n## Contribution\nContributions are welcome! If you have suggestions or improvements, please open an issue or submit a pull request.\n\n## Contact\nYou can reach me via [Gmail](mailto:lamahmd122@gmail.com) or on [Telegram](http://t.me/GziXnine).\n\n## License\nThis project is licensed under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgzixnine%2Fsass_course","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgzixnine%2Fsass_course","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgzixnine%2Fsass_course/lists"}