import { Meta } from '@storybook/addon-docs/blocks';

<Meta title="Guides/Custom Components/Less.js/Hover" />

# Less.js: Hover

Import `hover.less` from `@preply/ds-web-core` and use the `onHover` mixin to show hover only for **Desktops with mouse**:

```css
@import '@preply/ds-web-core/dist/generated/hover.less';

.some-css-class {
    background: lightblue;

    .onHover({
        background: lightpink;
    });
}
```
