@pismo/bolt-core
Advanced tools
Comparing version 0.0.1-16 to 0.0.1-17
{ | ||
"name": "@pismo/bolt-core", | ||
"version": "0.0.1-16", | ||
"version": "0.0.1-17", | ||
"description": "Pismo Bolt core UI style", | ||
"main": "src/index.js", | ||
"scripts": { | ||
"setup": "yarn", | ||
"test": "npm test" | ||
@@ -31,9 +32,9 @@ }, | ||
"devDependencies": { | ||
"@pismo/eslint-config-bolt": "^0.0.1-16", | ||
"@pismo/eslint-config-bolt": "^0.0.1-17", | ||
"node-sass": "^4.7.2" | ||
}, | ||
"dependencies": { | ||
"@pismo/bolt-colors": "^0.0.1-16", | ||
"@pismo/bolt-typography": "^0.0.1-16" | ||
"@pismo/bolt-colors": "^0.0.1-17", | ||
"@pismo/bolt-typography": "^0.0.1-17" | ||
} | ||
} |
@@ -12,4 +12,6 @@ # Bolt Core | ||
### In JS | ||
This loads every module style (colors, typography, etc) for you and make them available globally to the document, along with a few core styles from this very package: | ||
`my-app/app.js`: | ||
```js | ||
@@ -21,2 +23,3 @@ import '@pismo/bolt-core' | ||
`my-app/app.js`: | ||
```js | ||
@@ -33,2 +36,3 @@ import styleguide from '@pismo/bolt-core' | ||
`my-app/app.js`: | ||
```js | ||
@@ -43,2 +47,23 @@ import { colors, typography } from '@pismo/bolt-core' | ||
### In SCSS | ||
Just import the sub-package you need inside your sass and use the variables as you want: | ||
`my-app/component.scss`: | ||
```scss | ||
import '~@pismo/bolt-core/typography.scss'; | ||
import '~@pismo/bolt-core/colors.scss'; | ||
.my-custom-error-label { | ||
font-size: $f7; | ||
color: $red; | ||
} | ||
``` | ||
This loads everything into your .scss file as well, making all variables and styles available to be used in scss. But we strongly recommend importing each submodule independently as you need them, so you only get the variables to be reused inside scss instead of repeating styles everywhere, since you probably have already imported the core main js in your app js. | ||
`my-app/index.scss`: | ||
```scss | ||
import '~@pismo/bolt-core/index.scss' | ||
``` | ||
## Dependencies | ||
@@ -45,0 +70,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
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
2683
70