src/components/FormElements/Label/Label.module.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

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

.regular {
  display: block;
  color: var(--color-primary-darker);
  font-size: var(--font-size-sm);
  font-variant: small-caps;
  font-weight: 600;
}

.settings {
  --icon-size: #{fun.convert-px(25)};
  --toggle-width: #{fun.convert-px(45)};
  --toggle-height: calc(var(--toggle-width) / 2);

  display: inline-flex;
  align-items: center;
}

.required {
  color: var(--color-secondary);
}