Core/utilities.css at main · CyanDesign/Core · GitHub

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
@utility bgp-* {
  background: --value(--color-*);
}

@utility no-bg {
  background: none;
}

@utility use-wallpaper {
  background-image: var(--cyan-background-img);
  background-size: cover;
}

@utility region-drag {
  -webkit-app-region: drag;
}

@utility region-no-drag {
  -webkit-app-region: no-drag;
}

@utility invis-btn {
  @apply cyan:use-transition cyan:bg-transparent cyan:hover:bg-second-layer-thin-hover cyan:active:bg-second-layer-thin-active cyan:border cyan:border-transparent cyan:hover:border-faint cyan:hover:shadow-glass
}

@utility btn {
  @apply cyan:use-transition cyan:bg-second-layer-thin cyan:hover:bg-second-layer-thin-hover cyan:active:bg-second-layer-thin-active cyan:border cyan:border-faint cyan:shadow-glass
}

@utility raised-interface {
  @apply cyan:bg-second-layer-thin cyan:border cyan:border-faint cyan:shadow-glass
}

@utility embed {
  @apply cyan:bg-second-layer-thin cyan:border-r cyan:border-t cyan:border-b cyan:border-t-subtle cyan:border-b-subtle cyan:border-r-subtle cyan:rounded-r-large
}

@utility raised-interface-large {
  @apply cyan:bg-second-layer-thin cyan:border cyan:border-subtle cyan:shadow-glass
}

@utility use-blur {
  @apply cyan:backdrop-blur-normal cyan:translate-z-0
}

@utility use-transition {
  @apply cyan:transition-all cyan:duration-200 cyan:ease-in-out cyan:translate-z-0
}

@utility use-enter-rtl {
  @apply cyan:!animate-enter-rtl cyan:translate-z-0
}

@utility use-enter-ltr {
  @apply cyan:!animate-enter-ltr cyan:translate-z-0
}

@utility use-enter-ttb {
  @apply cyan:!animate-enter-ttb cyan:translate-z-0
}

@utility use-enter-btt {
  @apply cyan:!animate-enter-btt cyan:translate-z-0
}

@utility use-horizontal-tab-indicator {
  @apply cyan:!animate-horizontal-tab-indicator cyan:translate-z-0
}

@utility use-user-area-container {
  @apply cyan:!animate-user-area-container cyan:translate-z-0
}

@utility use-sidebar-indicator {
  @apply cyan:!animate-sidebar-indicator cyan:translate-z-0
}

@utility use-exit-rtl {
  @apply cyan:!animate-exit-rtl cyan:translate-z-0
}

@utility use-exit-ltr {
  @apply cyan:!animate-exit-ltr cyan:translate-z-0
}

@utility use-exit-ttb {
  @apply cyan:!animate-exit-ttb cyan:translate-z-0
}