alga-css - npm Package Compare versions

Comparing version 1.0.0-emerald-3 to 1.0.0-emerald-4

package.json

 {
   "name": "alga-css",
-  "version": "1.0.0-emerald-3",
+  "version": "1.0.0-emerald-4",
   "description": "Alga CSS is a scope or component-first CSS toolkit for quickly mix or compose CSS components and properties",
@@ -5,0 +5,0 @@ "main": "./src/index.js",

src/cores/atrules.js

@@ -146,3 +146,10 @@ const postcss = require('postcss')
         if(opts.prefers[refs[0]]?.selector) {
-          newRule = postcss.rule({ selector: opts.prefers[refs[0]].selector+' .'+ref.replaceAll(':', '\\:').replaceAll('.', '\\.').replaceAll(',', '\\,').replaceAll('/', '\\/').replaceAll('(', '\\(').replaceAll(')', '\\)'), source: source })
+          newRule = postcss.rule({ selector: 'html'+opts.prefers[refs[0]].selector+' .'+ref
+            .replaceAll(':', '\\:')
+            .replaceAll('.', '\\.')
+            .replaceAll(',', '\\,')
+            .replaceAll('/', '\\/')
+            .replaceAll('(', '\\(')
+            .replaceAll(')', '\\)')
+          , source: source })
         }
@@ -149,0 +156,0 @@ //const declVal = postcss.decl({ prop: camelDash(refs[1]), value: value(refs[2], opts) })

src/index.js

@@ -33,2 +33,17 @@ const chokidar = require('chokidar')
   
+  if(options?.mode) {
+    config.prefers = Object.assign({}, config.prefers, {
+      toDark: {
+        media: 'prefers-color-scheme',
+        selector: options.mode.replaceAll('{theme}', 'dark'),
+        prefers: 'light'
+      },
+      toLight: {
+        media: 'prefers-color-scheme',
+        selector: options.mode.replaceAll('{theme}', 'light'),
+        prefers: 'dark'
+      }
+    })
+  }
+  
   const opts = {preset: config.preset, screen: config.screen, state: config.state, prefers: config.prefers, color: config.color}
@@ -35,0 +50,0 @@

No alert changes

Improved metrics

Total package byte prevSize

181594

increased by0.29%

Lines of code

2080

increased by1.02%

No dependency changes