bulma-variables-export
Advanced tools
Comparing version 0.1.0 to 0.2.0
{ | ||
"name": "bulma-variables-export", | ||
"version": "0.1.0", | ||
"version": "0.2.0", | ||
"description": "Library exporting Bulma sass variables which can be used in Webpack project.", | ||
@@ -5,0 +5,0 @@ "main": "bulma-variables-export.scss", |
# bulma-variables-export | ||
Library exporting Bulma sass variables which can be used in Webpack project. Bulma variables can be imported into any Javascript/Typescript project. | ||
<img src="https://raw.githubusercontent.com/jgthms/bulma/master/docs/images/bulma-banner.png" width="600" height="315" class="center"> | ||
![Bulma.io](https://raw.githubusercontent.com/jgthms/bulma/master/docs/images/bulma-banner.png) | ||
- [bulma-variables-export](#bulma-variables-export) | ||
- [Quick install](#Quick-install) | ||
- [NPM](#NPM) | ||
- [Webpack Setup](#Webpack-Setup) | ||
- [Quick install](#quick-install) | ||
- [NPM](#npm) | ||
- [Webpack Setup](#webpack-setup) | ||
- [import](#import) | ||
- [Usage](#Usage) | ||
- [Usage](#usage) | ||
@@ -16,2 +17,3 @@ ## Quick install | ||
### NPM | ||
```sh | ||
@@ -22,5 +24,7 @@ npm install bulma-variables-export | ||
## Webpack Setup | ||
When working with Javascript/Typescript and Sass, sometimes you want to be able to share variables defined in stylesheets with your code. This is actually pretty simple with Webpack. | ||
First make sure webpack is set up to import scss: | ||
```javascript | ||
@@ -46,5 +50,7 @@ // webpack.config.js | ||
## import | ||
Now you can import any Bulma variables in your project. | ||
You can import every variables using: | ||
```javascript | ||
@@ -55,2 +61,3 @@ import variables from 'bulma-variables-export' | ||
You can also import specific set of variables using: | ||
```javascript | ||
@@ -63,3 +70,5 @@ import initialVariables from 'bulma-variables-export/sass/initial-variables' | ||
## Usage | ||
Usage in your code is very simple. The variables name are exactly defined as Bulma but in camelCase. | ||
```javascript | ||
@@ -66,0 +75,0 @@ import variables from 'bulma-variables-export' |
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
78
7772