import { ComponentMeta, ComponentStory } from '@storybook/react'; import CogIcon from './cog'; /** * Cogs icon - Storybook Meta */ export default { title: 'Atoms/Illustrations/Icons', component: CogIcon, argTypes: { className: { control: { type: 'text', }, description: 'Set additional classnames.', table: { category: 'Styles', }, type: { name: 'string', required: false, }, }, }, } as ComponentMeta; const Template: ComponentStory = (args) => ( ); /** * Icons Stories - Cogs */ export const Cog = Template.bind({}); pository'/>
aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/icons/magnifying-glass.module.scss
blob: 33a82d67abc22b2e6ed8141a23698f831b64d1c9 (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

@use "../../../styles/abstracts/functions" as fun;

.icon {
  width: var(--icon-size, #{fun.convert-px(40)});
}

.big-handle {
  fill: var(--color-primary-lighter);
  stroke: var(--color-primary-darker);
  stroke-width: 3;
}

.glass {
  fill: var(--color-bg-opacity);
  stroke: var(--color-primary-darker);
  stroke-width: 2;
}

.upright {
  fill: var(--color-primary-lighter);
  stroke: var(--color-primary-darker);
  stroke-width: 3;
}

.small-handle {
  fill: var(--color-primary);
  stroke: var(--color-primary-darker);
  stroke-width: 2;
}
generated by cgit v1.2.3 (git 2.39.1) at 2025-11-16 09:42:58 +0000