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.slide-it {
84  view-transition-name: slide-it;
85}
86
87::view-transition-old(slide-it) {
88  animation:
89    180ms cubic-bezier(0.4, 0, 1, 1) both fade-out,
90    600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
91}
92::view-transition-new(slide-it) {
93  animation:
94    420ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in,
95    600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
96}
97
98.gordon-title {
99  font-family: "LilitaOne-Regular", sans-serif;
100}
101
102.IBMPlexSans {
103  font-family: "IBMPlexSans-Regular", sans-serif;
104}
105
106.JetBrainsMonoNF, .iconf{
107  font-family: "JetBrainsMono-Nerd-Font-Regular", sans-serif;
108}
109
110.JetBrainsMonoBoldNF, .iconfb{
111  font-family: "JetBrainsMono-Nerd-Font-Bold", sans-serif;
112}