alga-css - npm Package Compare versions

package.json

		{
		"name": "alga-css",
		"version": "1.0.0-development3",
		"version": "1.0.0-development4",
		"description": "Alga CSS is a scoped-first CSS toolkit for quickly compose or share any design between components",
		@@ -30,23 +30,9 @@ "main": "js/index.js",
		"devDependencies": {
		"autoprefixer": "^10.0.2",
		"eslint": "^7.30.0",
		"gulp": "^4.0.2",
		"gulp-autoprefixer": "^6.1.0",
		"gulp-clean-css": "^4.3.0",
		"gulp-postcss": "^9.0.0",
		"gulp-rename": "^2.0.0",
		"gulp-sourcemaps": "^2.6.5",
		"gulp-terser": "^1.4.1",
		"jest": "^27.0.6",
		"postcss": "^8.1.7",
		"postcss-custom-properties": "^10.0.0",
		"postcss-header": "^3.0.1",
		"postcss-import": "^13.0.0",
		"postcss-mixins": "^7.0.2",
		"postcss-nested": "^5.0.1"
		"postcss": "^8.1.7"
		},
		"dependencies": {
		"glob": "^7.1.7",
		"postcss-selector-parser": "^6.0.4"
		"glob": "^7.1.7"
		}
		}

README.md

		@@ -17,3 +17,3 @@ <p align="center">

		No doubt about the current class names are very confusing because we write the value first and before the colon. So, now we provide a new way to create perfect css names by using dot/period (.) for breakpoint and colon (:) for value.
		What I mean by scope-first is, this Alga CSS is specially made for frameworks or libraries that support scoped-css like `Vue`, `Svelte` and `Astro`. Also, my goal in building this is to support all the UI libraries that I have now like `vidie` or `sastra`

		@@ -28,6 +28,33 @@ All the main features:

		## Composable CSS Component (@set, @get, @props and @ref)
		## Utility and Mixin
		For getting CSS utility, I provide a custom property which is `ref`.

		```css
		.className {
		ref: flex justifyCenter flex-20 bgPrimary-3;
		}

		.otherClassName {
		ref: flex;
		ref: justifyCenter;
		ref: flex-20;
		ref: bgPrimary-3;
		}
		```

		For mixing or composing CSS properties, we can use `props` custom property.

		```css
		@set className {
		ref: flex justifyCenter flex-20 bgPrimary-3;
		}

		.otherClassName {
		props: className;
		}
		```

		## Composable CSS Component (@set, @get)

		## Advanced CSS Component (@provide, @inject, @prefers, @screen)

		## CSS Utility/Helper

dist/alga-v1.css

gulpfile.js

New alerts