Before using source files you will need to create a `theme.config` by renaming `theme.config.example`, and a site folder by renaming `_site/` to `site/`
You can then import Semantic from your own LESS files:
```less
/* Import all components */
@import 'src/semantic';
```
To import individual components you will have to create a scope for each import using `& {}`
```less
/* Import a specific component */
& { @import 'src/definitions/elements/button'; }
@ -61,7 +64,6 @@ filename | usage | Initial Name
**site/** | folder storing all your site's variables and css overrides for each UI component | _site/
**semantic.json** | stores folder paths for build tools and current installed version for updates. Only necessary when using build tools | semantic.json.example
### Workflow
You will only need to use Semantic's build tools while refining your UI. When designing pages, you can rely on the compiled css packages in `dist/`.
@ -119,9 +121,9 @@ You may also specify your own custom LESS in `site/elements/button.overrides`. T
You can modify `theme.config` to use any prepackaged theme available in `src/themes/`.
For example you can modify `theme.config` to use a `github` button theme by changing
```less
@button: 'github';
```
View the [Customization Guide](http://learnsemantic.com/developing/customizing.html) to learn more