packages/react/src/components/Button/index.scss

.c__button {
  background-image: var(--c--theme--colors--primary-gradient);
  padding: 8px 30px;
  border-radius: var(--c--components--button--border-radius);
  border: none;
  box-shadow: var(--c--components--button--shadow);
  color: white;
  font-weight: bold;
  cursor: pointer;
}
✨(components) add react repo This repo only contains a Button which is here only for demonstration purpose. Its purpose is to contain all the future react-based components of the design system. 2022-12-01 12:05:08 +01:00			`.c__button {`
✨(react) add tokens.ts files handling These files will be used to define the custom design tokens per components. They are automatically aggregated by the packages/react/cunningham.ts file, this is why handling typescript config file was important. 2023-01-04 15:52:24 +01:00			`background-image: var(--c--theme--colors--primary-gradient);`
✨(components) add react repo This repo only contains a Button which is here only for demonstration purpose. Its purpose is to contain all the future react-based components of the design system. 2022-12-01 12:05:08 +01:00			`padding: 8px 30px;`
✨(react) add tokens.ts files handling These files will be used to define the custom design tokens per components. They are automatically aggregated by the packages/react/cunningham.ts file, this is why handling typescript config file was important. 2023-01-04 15:52:24 +01:00			`border-radius: var(--c--components--button--border-radius);`
✨(components) add react repo This repo only contains a Button which is here only for demonstration purpose. Its purpose is to contain all the future react-based components of the design system. 2022-12-01 12:05:08 +01:00			`border: none;`
✨(react) add tokens.ts files handling These files will be used to define the custom design tokens per components. They are automatically aggregated by the packages/react/cunningham.ts file, this is why handling typescript config file was important. 2023-01-04 15:52:24 +01:00			`box-shadow: var(--c--components--button--shadow);`
✨(components) add react repo This repo only contains a Button which is here only for demonstration purpose. Its purpose is to contain all the future react-based components of the design system. 2022-12-01 12:05:08 +01:00			`color: white;`
			`font-weight: bold;`
✨(react) add tokens.ts files handling These files will be used to define the custom design tokens per components. They are automatically aggregated by the packages/react/cunningham.ts file, this is why handling typescript config file was important. 2023-01-04 15:52:24 +01:00			`cursor: pointer;`
✨(components) add react repo This repo only contains a Button which is here only for demonstration purpose. Its purpose is to contain all the future react-based components of the design system. 2022-12-01 12:05:08 +01:00			`}`