button.css 643 B

12345678910111213141516171819202122232425262728293031
  1. .storybook-button {
  2. font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  3. font-weight: 700;
  4. border: 0;
  5. border-radius: 3em;
  6. cursor: pointer;
  7. display: inline-block;
  8. line-height: 1;
  9. }
  10. .storybook-button--primary {
  11. color: white;
  12. background-color: #1ea7fd;
  13. }
  14. .storybook-button--secondary {
  15. color: #333;
  16. background-color: transparent;
  17. box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
  18. }
  19. .storybook-button--small {
  20. font-size: 12px;
  21. padding: 10px 16px;
  22. }
  23. .storybook-button--medium {
  24. font-size: 14px;
  25. padding: 11px 20px;
  26. }
  27. .storybook-button--large {
  28. font-size: 16px;
  29. padding: 12px 24px;
  30. }