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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

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


/* Styles for Stack */

.ZuStack-root {
  display: flex;
}

.ZuDirection-row {
  // FIXME(Shaohua): selector is wrong
  &.ZuStack-spacing-none > :not(style){
    margin-left: $zu-spacing-none;
  }

  &.ZuStack-spacing-xxs > :not(style){
    margin-left: $zu-spacing-xxs;
  }

  &.ZuStack-spacing-xs > :not(style){
    margin-left: $zu-spacing-xs;
  }

  &.ZuStack-spacing-sNudge > :not(style){
    margin-left: $zu-spacing-sNudge;
  }

  &.ZuStack-spacing-s > :not(style){
    margin-left: $zu-spacing-s;
  }

  &.ZuStack-spacing-mNudge > :not(style){
    margin-left: $zu-spacing-mNudge;
  }

  &.ZuStack-spacing-m > :not(style){
    margin-left: $zu-spacing-m;
  }

  &.ZuStack-spacing-l > :not(style){
    margin-left: $zu-spacing-l;
  }

  &.ZuStack-spacing-xl > :not(style){
    margin-left: $zu-spacing-xl;
  }

  &.ZuStack-spacing-xxl > :not(style){
    margin-left: $zu-spacing-xxl;
  }

  &.ZuStack-spacing-xxxl > :not(style){
    margin-left: $zu-spacing-xxxl;
  }
}

.ZuDirection-column {
  &.ZuStack-spacing-none > :not(style){
    margin-top: $zu-spacing-none;
  }

  &.ZuStack-spacing-xxs > :not(style){
    margin-top: $zu-spacing-xxs;
  }

  &.ZuStack-spacing-xs > :not(style){
    margin-top: $zu-spacing-xs;
  }

  &.ZuStack-spacing-sNudge > :not(style){
    margin-top: $zu-spacing-sNudge;
  }

  &.ZuStack-spacing-s > :not(style){
    margin-top: $zu-spacing-s;
  }

  &.ZuStack-spacing-mNudge > :not(style){
    margin-top: $zu-spacing-mNudge;
  }

  &.ZuStack-spacing-m > :not(style){
    margin-top: $zu-spacing-m;
  }

  &.ZuStack-spacing-l > :not(style){
    margin-top: $zu-spacing-l;
  }

  &.ZuStack-spacing-xl > :not(style){
    margin-top: $zu-spacing-xl;
  }

  &.ZuStack-spacing-xxl > :not(style){
    margin-top: $zu-spacing-xxl;
  }

  &.ZuStack-spacing-xxxl > :not(style){
    margin-top: $zu-spacing-xxxl;
  }
}