https://github.com/mobile-michel/color-design-system

Color Design System with Oklch
https://github.com/mobile-michel/color-design-system

design-system github-pages

Last synced: about 8 hours ago
JSON representation

Color Design System with Oklch

• Host: GitHub
• URL: https://github.com/mobile-michel/color-design-system
• Owner: mobile-michel
• Created: 2024-02-09T13:13:59.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-16T13:54:28.000Z (7 months ago)
• Last Synced: 2024-04-16T16:43:36.196Z (7 months ago)
• Topics: design-system, github-pages
• Language: SCSS
• Homepage: https://mobile-michel.github.io/color-design-system/
• Size: 22.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Basic template with Eleventy, LiquidJS & Sass processing

## Folder structure

- pages in /src

- Sass files in /sass

- layouts in /_layouts

- includes in /_components

- Json files in /_data

- images & JavaScripts in /assets

## Page layout

- _layouts/base.liquid

- _components/header.liquid

- _components/nav.liquid

- _components/footer.liquid

## Responsive navbar

- responsive mobile menu with CSS without JavaScript from [LogRocket](https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/), without classes

- add tags: primary in frontmatter

## Package.json scripts

- "watch:eleventy": "npx @11ty/eleventy --serve",

- "watch:sass": "npx sass src/sass:_site/assets/css --watch",

- "start": "npm run watch:eleventy & npm run watch:sass",

- "build": "sass src/sass:_site/assets/css --style=compressed && eleventy",

- "debug": "DEBUG=* eleventy"

## Dependencies

- "@11ty/eleventy": "^2.0.1",

- "sass": "^1.69.0"

- ready for [Decap CMS](https://decapcms.org/) integration.