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

// 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.

/* red color scheme */
$zu-colors-red-50: #ffebee;
$zu-colors-red-100: #ffcdd2;
$zu-colors-red-200: #ef9a9a;
$zu-colors-red-300: #e57373;
$zu-colors-red-400: #ef5350;
$zu-colors-red-500: #f44336;
$zu-colors-red-600: #e53935;
$zu-colors-red-700: #d32f2f;
$zu-colors-red-800: #c62828;
$zu-colors-red-900: #b71c1c;
$zu-colors-red-a100: #ff8a80;
$zu-colors-red-a200: #ff5252;
$zu-colors-red-a400: #ff1744;
$zu-colors-red-a700: #d50000;

:root {
  --zu-colors-red-50: #{$zu-colors-red-50};
  --zu-colors-red-100: #{$zu-colors-red-100};
  --zu-colors-red-200: #{$zu-colors-red-200};
  --zu-colors-red-300: #{$zu-colors-red-300};
  --zu-colors-red-400: #{$zu-colors-red-400};
  --zu-colors-red-500: #{$zu-colors-red-500};
  --zu-colors-red-600: #{$zu-colors-red-600};
  --zu-colors-red-700: #{$zu-colors-red-700};
  --zu-colors-red-800: #{$zu-colors-red-800};
  --zu-colors-red-900: #{$zu-colors-red-900};
  --zu-colors-red-a100: #{$zu-colors-red-a100};
  --zu-colors-red-a200: #{$zu-colors-red-a200};
  --zu-colors-red-a400: #{$zu-colors-red-a400};
  --zu-colors-red-a700: #{$zu-colors-red-a700};
}