custom.css RawHistoryFolder

1/**
2 * Path: internal/ui/public/assets/css/custom.css
3 *
4 * @format
5 */
6
7/* Embeded path : assets/css/cutsom.css */
8
9@tailwind base;
10@tailwind components;
11@tailwind utilities;
12
13/* Import IBM Plex Fonts */
14@font-face {
15  font-family: "IBMPlexSans-Bold";
16  src: url("/assets/fonts/IBMPlex/IBMPlexSans-Bold.woff2") format("woff2");
17  font-weight: bold;
18  font-style: normal;
19}
20
21@font-face {
22  font-family: "IBMPlexSans-Regular";
23  src: url("/assets/fonts/IBMPlex/IBMPlexSans-Regular.woff2") format("woff2");
24  font-weight: normal;
25  font-style: normal;
26}
27
28/* Import Jetbrains Mono Nerd Font */
29@font-face {
30  font-family: "JetBrainsMono-Nerd-Font-Regular";
31  src: url("/assets/fonts/JetBrainsMonoNerd/JetBrainsMonoNerdFont-Regular.woff2")
32    format("woff2");
33  font-weight: normal;
34  font-style: normal;
35}
36
37/* Import Jetbrains Mono Nerd Font Bold */
38@font-face {
39  font-family: "JetBrainsMono-Nerd-Font-Bold";
40  src: url("/assets/fonts/JetBrainsMonoNerd/JetBrainsMonoNerdFont-Bold.woff2")
41    format("woff2");
42  font-weight: bold;
43  font-style: normal;
44}
45
46@font-face {
47  font-family: "LilitaOne-Regular";
48  src: url("/assets/fonts/LilitaOne/LilitaOne-Regular.ttf") format("truetype");
49  font-weight: normal;
50  font-style: normal;
51}
52
53.fade-me-out.htmx-swapping {
54  opacity: 0;
55  transition: opacity 1s ease-out;
56}
57
58/* View transition */
59@keyframes fade-in {
60  from {
61    opacity: 0;
62  }
63}
64
65@keyframes fade-out {
66  to {
67    opacity: 0;
68  }
69}
70
71@keyframes slide-from-right {
72  from {
73    transform: translateX(90px);
74  }
75}
76
77@keyframes slide-to-left {
78  to {
79    transform: translateX(-90px);
80  }
81}
82
83@keyframes wiggle {
84
85  0%,
86  100% {
87    transform: rotate(-3deg);
88  }
89
90  50% {
91    transform: rotate(3deg);
92  }
93}
94
95#update-available {
96  animation: wiggle 1s ease-in-out infinite;
97}
98
99.slide-it {
100  view-transition-name: slide-it;
101}
102
103::view-transition-old(slide-it) {
104  animation:
105    180ms cubic-bezier(0.4, 0, 1, 1) both fade-out,
106    600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
107}
108::view-transition-new(slide-it) {
109  animation:
110    420ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in,
111    600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
112}
113
114.gordon-title {
115  font-family: "LilitaOne-Regular", sans-serif;
116}
117
118.IBMPlexSans {
119  font-family: "IBMPlexSans-Regular", sans-serif;
120}
121
122.JetBrainsMonoNF, .iconf{
123  font-family: "JetBrainsMono-Nerd-Font-Regular", sans-serif;
124}
125
126.JetBrainsMonoBoldNF, .iconfb{
127  font-family: "JetBrainsMono-Nerd-Font-Bold", sans-serif;
128}