import { Meta } from '@storybook/blocks';
import { parameters } from './../utils/docsPage.js';

<Meta title="Styles/Intro" parameters={{ ...parameters }} />

# Styles

This library also includes our main SCSS stylesheets with pre-defined classes you can use to style your page.

### Importing our main stylesheet

Import the SCSS directly in your top-level component. (This is done for you in the graphics kit.)

```svelte
<!-- pages/index.svelte -->
<script>
  // other imports and stuffs ...

  import '@reuters-graphics/graphics-components/scss/main.scss';
</script>
```