zu 0.3.3

Yew web components, implementing Material Design
Documentation 
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

// Copyright (c) 2024 Xu Shaohua <shaohua@biofan.org>. All rights reserved.
// Use of this source is governed by Lesser General Public License
// that can be found in the LICENSE file.


/* Export scss variables to css variables */

:root {
  --zu-palette-mode: #{$zu-palette-mode};

  --zu-palette-primary-main: #{$zu-palette-primary-main};
  --zu-palette-primary-light: #{$zu-palette-primary-light};
  --zu-palette-primary-dark: #{$zu-palette-primary-dark};
  --zu-palette-primary-contrastText: #{$zu-palette-primary-contrastText};

  --zu-palette-secondary-main: #{$zu-palette-secondary-main};
  --zu-palette-secondary-light: #{$zu-palette-secondary-light};
  --zu-palette-secondary-dark: #{$zu-palette-secondary-dark};
  --zu-palette-secondary-contrastText: #{$zu-palette-secondary-contrastText};

  --zu-palette-error-main: #{$zu-palette-error-main};
  --zu-palette-error-light: #{$zu-palette-error-light};
  --zu-palette-error-dark: #{$zu-palette-error-dark};
  --zu-palette-error-contrastText: #{$zu-palette-error-contrastText};

  --zu-palette-warning-main: #{$zu-palette-warning-main};
  --zu-palette-warning-light: #{$zu-palette-warning-light};
  --zu-palette-warning-dark: #{$zu-palette-warning-dark};
  --zu-palette-warning-contrastText: #{$zu-palette-warning-contrastText};

  --zu-palette-info-main: #{$zu-palette-info-main};
  --zu-palette-info-light: #{$zu-palette-info-light};
  --zu-palette-info-dark: #{$zu-palette-info-dark};
  --zu-palette-info-contrastText: #{$zu-palette-info-contrastText};

  --zu-palette-success-main: #{$zu-palette-success-main};
  --zu-palette-success-light: #{$zu-palette-success-light};
  --zu-palette-success-dark: #{$zu-palette-success-dark};
  --zu-palette-success-contrastText: #{$zu-palette-success-contrastText};

  --zu-palette-contrastThreshold: #{$zu-palette-contrastThreshold};
  --zu-palette-totalOffset: #{$zu-palette-totalOffset};

  --zu-palette-text-primary: #{$zu-palette-text-primary};
  --zu-palette-text-secondary: #{$zu-palette-text-secondary};
  --zu-palette-text-disabled: #{$zu-palette-text-disabled};

  --zu-palette-divider: #{$zu-palette-divider};

  --zu-palette-background-paper: #{$zu-palette-background-paper};
  --zu-palette-background-default: #{$zu-palette-background-default};

  --zu-palette-action-active: #{$zu-palette-action-active};
  --zu-palette-action-hover: #{$zu-palette-action-hover};
  --zu-palette-action-selected: #{$zu-palette-action-selected};
  --zu-palette-action-selectedOpacity: #{$zu-palette-action-selectedOpacity};
  --zu-palette-action-disabled: #{$zu-palette-action-disabled};
  --zu-palette-action-disabledBackground: #{$zu-palette-action-disabledBackground};
  --zu-palette-action-disabledOpacity: #{$zu-palette-action-disabledOpacity};
  --zu-palette-action-focus: #{$zu-palette-action-focus};
  --zu-palette-action-focusOpacity: #{$zu-palette-action-focusOpacity};
  --zu-palette-action-activatedOpacity: #{$zu-palette-action-activatedOpacity};
}