Skip to content

Commit

Permalink
Little css fix
Browse files Browse the repository at this point in the history
  • Loading branch information
priandsf committed Jul 23, 2020
1 parent e585110 commit 21e5216
Show file tree
Hide file tree
Showing 3 changed files with 20 additions and 20 deletions.
1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
"start": "lerna run start --scope lwc-app --stream",
"clean": "lerna run clean --stream",
"test": "lerna run test --stream",
"build-storybook": "echo not from here!",
"build-static": "lerna run storybook:build-static --stream",
"deploy-static": "gh-pages -d static-site -u [email protected] -m \"Storybook static site\""
},
Expand Down
2 changes: 1 addition & 1 deletion packages/lwc-library/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@
"storybook:meta-vs": "web-component-analyzer src --format vscode --outFiles .storybook/build/documentation.md",
"storybook:buildlwc": "rollup -c ./.storybook/rollup.config.js",
"storybook:buildlwcw": "rollup -w -c ./.storybook/rollup.config.js",
"storybook:start": "start-storybook -s ./dist -p 6010",
"storybook:start": "start-storybook -s ./dist -p 6006",
"storybook:build-static": "yarn storybook:build && yarn build-storybook",
"build-storybook": "build-storybook -c .storybook -o ../../static-site/lwc-library && sb extract ../../static-site/lwc-library ../../static-site/lwc-library/stories.json"
},
Expand Down
37 changes: 18 additions & 19 deletions packages/lwc-library/stories/unit-cssvars.stories.js
Original file line number Diff line number Diff line change
Expand Up @@ -19,28 +19,27 @@ DefaultWithArgs.args = {
message: 'Hello, CSS Variables!',
}

export const SetVariables = ({message,...args}) => {
return html`
<style>
.vars {
--unit-border-width: ${args['--unit-border-width']};
--unit-border-color: ${args['--unit-border-color']};
--unit-text-color: ${args['--unit-text-color']};
--unit-text-size: ${args['--unit-text-size']};
}
</style>
<div class='vars'>
<unit-cssvars
message="${message}"
>
</unit-cssvars>
</div>
`
};
export const SetVariables = ({message,...args}) => html`
<style>
.vars {
--unit-border-width: ${args['--unit-border-width']};
--unit-border-color: ${args['--unit-border-color']};
--unit-text-color: ${args['--unit-text-color']};
--unit-text-size: ${args['--unit-text-size']};
}
</style>
<div class='vars'>
<unit-cssvars
message="${message}"
>
</unit-cssvars>
</div>
`
;
SetVariables.args = {
message: 'Hello, CSS Variables!',
"--unit-border-width": '1px',
"--unit-border-color": 'red',
"--unit-text-color": 'green',
"--unit-text-size": '20px'
"--unit-text-size": '20px',
}

0 comments on commit 21e5216

Please sign in to comment.