Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@pismo/bolt-core

Package Overview
Dependencies
Maintainers
4
Versions
83
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@pismo/bolt-core - npm Package Compare versions

Comparing version 0.0.1-16 to 0.0.1-17

9

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc