Merge pull request #1 from Respo/colors

more color enums

Author: NoEgAm

.github/workflows/check.yml

@@ -0,0 +1,64 @@
+name: check
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+jobs:
+  build:
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Moonbit
+        uses: hustcer/setup-moonbit@v1
+        # with:
+        #   version: "nightly"
+
+      # - uses: actions/setup-node@v4
+      #   with:
+      #     node-version: 20
+      #     cache: "yarn"
+
+      - name: moon check
+        run: moon update && moon version && moon check --target js
+
+      # - name: moon info
+      #   run: |
+      #     moon info
+      #     git diff --exit-code
+
+      - name: moon test
+        run: |
+          moon build --target js --debug
+
+      # - name: "compiles to js"
+      #   run: yarn && yarn vite build --base=./
+
+      # - name: moon bundle
+      #   run: moon bundle
+
+      # - name: check core size
+      #   run: ls -alh `find ./target/bundle -name *.core`
+
+      # - name: format diff
+      #   run: |
+      #     moon fmt
+      #     git diff
+
+      # - name: Deploy to server
+      #   id: deploy
+      #   uses: Pendect/action-rsyncer@v2.0.0
+      #   env:
+      #     DEPLOY_KEY: ${{secrets.rsync_private_key}}
+      #   with:
+      #     flags: "-avzr --progress"
+      #     options: ""
+      #     ssh_options: ""
+      #     src: "dist/*"
+      #     dest: "rsync-user@tiye.me:/web-assets/repo/${{ github.repository }}"
+
+      # - name: Display status from deploy
+      #   run: echo "${{ steps.deploy.outputs.status }}"

README.mbt.md

@@ -30,14 +30,17 @@ moon add tiye/respo_css
 
 ```moonbit
 // Create basic styles
+///|
 let style : RespoStyle = respo_style(
   color=CssColor::Red,
   font_size=16,
   margin=CssSize::Px(10.0),
-  display=CssDisplay::Flex
+  display=CssDisplay::Flex,
 )
 
 // Convert to CSS string
+
+///|
 let _css_string : String = style.to_string()
 // Output: "color:red; font-size:16px; margin:10px; display:flex; "
 ```
@@ -46,13 +49,23 @@ let _css_string : String = style.to_string()
 
 ```moonbit
 // Create multiple styles
+///|
 let base_style : RespoStyle = respo_style(color=CssColor::Blue, font_size=14)
-let layout_style : RespoStyle = respo_style(display=CssDisplay::Grid, gap=CssSize::Px(20.0))
+
+///|
+let layout_style : RespoStyle = respo_style(
+  display=CssDisplay::Grid,
+  gap=CssSize::Px(20.0),
+)
 
 // Merge styles
+
+///|
 let combined : RespoStyle = base_style.merge(layout_style)
 
 // Add custom properties
+
+///|
 let _extended : RespoStyle = combined.add("custom-property", "custom-value")
 ```
 

moon.mod.json

@@ -1,6 +1,6 @@
 {
   "name": "tiye/respo_css",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "readme": "README.mbt.md",
   "repository": "git@github.com:Respo/respo_css.mbt.git",
   "license": "Apache-2.0",