https://github.com/programmierenm/utility-css-with-scss
Erstelle dein eigenes Utility CSS mit SASS/SCSS
https://github.com/programmierenm/utility-css-with-scss
sass scss
Last synced: 4 days ago
JSON representation
Erstelle dein eigenes Utility CSS mit SASS/SCSS
- Host: GitHub
- URL: https://github.com/programmierenm/utility-css-with-scss
- Owner: ProgrammierenM
- License: mit
- Created: 2022-04-12T13:39:17.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-04-22T10:45:36.000Z (almost 3 years ago)
- Last Synced: 2024-12-26T18:13:55.289Z (about 2 months ago)
- Topics: sass, scss
- Language: SCSS
- Homepage:
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Utility CSS mit SCSS erstellen
Erstelle dein eigenes Utility CSS mit SASS/SCSS. In diesem Tutorial zeige ich dir wie du dir dein eigenes Klassen-System ähnlich der von Tailwind CSS oder Bootstrap aufbauen kannst. Wir generieren Klassen für das Spacing, eine Color Map und ein einfaches Grid System, welches an Bootstrap angelehnt ist. Happy Coding!
[](https://youtu.be/0_hNJPMgFAg)
## 📺 Playlists
[Webentwicklung für Anfänger](https://www.youtube.com/playlist?list=PLnqycjkeRGqmrzCAVKOc4RPhFWFMVpZ6x)
[CSS Tutorials Deutsch](https://www.youtube.com/playlist?list=PLnqycjkeRGqmNb4zay7i46-57KgnO_xcD)
[Visual Studio Code Tutorials](https://www.youtube.com/playlist?list=PLnqycjkeRGqmlJvXkxqSvIynlxaiKecPN)
[Frameworks, Libraries und Tools](https://www.youtube.com/playlist?list=PLnqycjkeRGqnqag9WBK1THbdwsf2E-6cV)
[Programmieren: Tipps, Ideen, Gedanken und Meinungen](https://www.youtube.com/playlist?list=PLnqycjkeRGqmxW1HaS897rvCapowxbtYH)
## Vernetze dich:
[
][website]
[
][youtube]
[
][twitter]
[
][instagram]
## Projekt Setup
Führe diesen Befehl im Terminal einmalig aus um alle notwendigen Dependencies zu installieren.
```
npm install
```
### Kompeliere SCSS zu CSS für Development
```
npm run sass-dev
```
### Kompeliere SCSS zu CSS für Produktion
```
npm run sass-prod
```
## License
[MIT](LICENSE)
[website]: http://programmierenmitmario.de
[twitter]: https://twitter.com/programmierenm
[youtube]: https://youtube.com/programmierenmitmario
[instagram]: https://instagram.com/programmierenm