cleansh 0.1.5

Sanitize your terminal output. One tool. One purpose.
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

/* ---------------------------------------------------------
   1. Tailwind Directives
--------------------------------------------------------- */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* ---------------------------------------------------------
   2. Base Layer Overrides
--------------------------------------------------------- */
@layer base {
  /* Custom default font stacks */
  body {
    @apply bg-gray-950 text-white antialiased;
    font-family: 'Inter', sans-serif;
  }
  .font-mono {
    font-family: 'IBM Plex Mono', monospace;
  }

  /* Dark mode background fix */
  html.dark body {
    @apply bg-gray-900;
  }

  /* Placeholder color for inputs/textareas */
  input::placeholder,
  textarea::placeholder {
    color: #6B7280; /* Tailwind gray-500 */
    opacity: 1;
  }
}

/* ---------------------------------------------------------
   3. Components Layer: Enterprise Animations & Diffs
--------------------------------------------------------- */
@layer components {
  /* Fade‑in animations */
  .fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  }
  .fade-in.appear {
    opacity: 1;
    transform: translateY(0);
  }

  /* Diff highlighting for live demo */
  .diff-added {
    color: #6EE7B7; /* Tailwind emerald-300 */
  }
  .diff-removed {
    color: #F87171; /* Tailwind red-400 */
    text-decoration: line-through;
  }

  /* Separator between navbar links */
  .nav-separator {
    @apply mx-2 text-gray-500;
  }

  /* Dark‑mode toggle button */
  #theme-toggle {
    @apply fixed bottom-4 right-4 z-50 bg-gray-800 text-gray-100 p-2 rounded-md cursor-pointer;
  }
}

/* ---------------------------------------------------------
   4. Utilities Layer: Custom Helpers
--------------------------------------------------------- */
@layer utilities {
  /* Responsive utility: hide on small, show on large */
  .hidden-lg {
    @apply hidden lg:block;
  }
  .block-lg {
    @apply block lg:hidden;
  }

  /* Smooth scroll for anchor links */
  .scroll-smooth {
    scroll-behavior: smooth;
  }
}

/* ---------------------------------------------------------
   5. Keyframes (if you wish to extend with more complex anims)
--------------------------------------------------------- */
/* Example: subtle pulse on CTA buttons */
@keyframes pulse-slow {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}
.btn-pulse {
  @apply inline-block;
  animation: pulse-slow 4s ease-in-out infinite;
}