gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(tools): create ui-components package and setup Storybook (#41920)

Browse Source 
* feat(client): basic Storybook setup

* Revert "feat(client): basic Storybook setup"

This reverts commit f55e249326.

* feat(tools): create ui-components package and setup Storybook

* Add ui-components to lerna.json
This commit is contained in:
Huyen Nguyen
2021-05-11 02:07:01 +07:00
committed by GitHub
parent 83943de719
commit 3efe3fa73f
21 changed files with 14074 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
tools/ui-components/src/button.css Normal file
View File

@@ -0,0 +1,30 @@
.storybook-button {
font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
border: 0;
border-radius: 3em;
cursor: pointer;
display: inline-block;
line-height: 1;
}
.storybook-button--primary {
color: white;
background-color: #1ea7fd;
}
.storybook-button--secondary {
color: #333;
background-color: transparent;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
}
.storybook-button--small {
font-size: 12px;
padding: 10px 16px;
}
.storybook-button--medium {
font-size: 14px;
padding: 11px 20px;
}
.storybook-button--large {
font-size: 16px;
padding: 12px 24px;
}