mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-09-01 10:02:57 +02:00
Code Issues Releases Wiki Activity

refactor(storybook/webpack.config.js): add custom functions

Browse Source
This commit is contained in:
BcRikko
2019-06-04 09:12:58 +09:00
parent 8fe6d40e19
commit bd118e236c
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
.storybook/webpack.config.js
View File

@@ -1,11 +1,21 @@
const path = require('path'); const path = require('path');
const scssFunctions = require('../scripts/scssFunctions');
module.exports = { module.exports = {
module: { module: {
rules: [ rules: [
{ {
test: /\.scss$/, test: /\.scss$/,
loaders: ['style-loader', 'css-loader', 'sass-loader'], use: [
{ loader: 'style-loader' },
{ loader: 'css-loader' },
{
loader: 'sass-loader',
options: {
functions: scssFunctions,
},
},
],
include: path.resolve(__dirname, '../'), include: path.resolve(__dirname, '../'),
}, },
{ {

4
scss/base/variables.scss
View File

@@ -5,8 +5,8 @@ $font-size: 16px !default;
$base-color: $color-black !default; $base-color: $color-black !default;
$background-color: $color-white !default; $background-color: $color-white !default;
$cursor-url: url(get-file-as-data-uri('../assets/cursor.png')) !default; $cursor-url: url(get-file-as-data-uri("../assets/cursor.png")) !default;
$cursor-click-url: url(get-file-as-data-uri('../assets/cursor-click.png')) 14 0 !default; $cursor-click-url: url(get-file-as-data-uri("../assets/cursor-click.png")) 14 0 !default;
$border-size: 4px !default; $border-size: 4px !default;