@enhance/arc-plugin-styles
Advanced tools
Comparing version 0.0.2 to 0.0.3
{ | ||
"name": "@enhance/arc-plugin-styles", | ||
"version": "0.0.2", | ||
"version": "0.0.3", | ||
"description": "Plugin for generating enhance CSS utility classes", | ||
@@ -32,3 +32,3 @@ "main": "src/index.js", | ||
"@architect/functions": "^5.2.1", | ||
"@enhance/styles": "^1.1.1", | ||
"@enhance/styles": "^1.1.2", | ||
"esm": "^3.2.25" | ||
@@ -35,0 +35,0 @@ }, |
@@ -25,3 +25,3 @@ # `arc-plugin-styles` | ||
config ./enhance-styles.json | ||
``` | ||
``` | ||
@@ -35,1 +35,36 @@ > Configure `enhance-styles` by providing a .json file with the `config` option. See the [enhance-styles documentation](https://github.com/enhance-dev/enhance-styles). | ||
``` | ||
### getStyles | ||
Call the `getStyles` function to get either a link tag or a style tag for your utility css file. | ||
It takes two arguments, the name of your output utility css file and a configuration object for enhance styles. | ||
``` | ||
const stylesFileName = 'utility-classes.css' | ||
const config = { | ||
base: 20, | ||
scale: { | ||
ratio: 'goldenRatio', | ||
steps: 12 | ||
}, | ||
fonts: { | ||
sans: "system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif", | ||
serif: "Georgia,Cambria,Times New Roman,Times,serif", | ||
mono: "Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace" | ||
}, | ||
base: 20, | ||
steps: 8, | ||
theme: { | ||
light: "#fff", | ||
dark: "#222", | ||
primary: "#1f74d6", | ||
secondary: "#7327ce", | ||
success: "#2cdd93", | ||
info: "#2196f3", | ||
warning: "#ffeb3b", | ||
error: "#e21893" | ||
} | ||
} | ||
const styles = getStyles(stylesFileName, config) | ||
console.log(styles) | ||
``` |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
16520
80
69
1
Updated@enhance/styles@^1.1.2