hacktoberfest.jscebu.org/global.css at main · javascriptcebu/hacktoberfest.jscebu.org · 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
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    /* Brand Colors */
    --color-void: #1C1C3F;
    --color-space-white: #FFFFFF;
    --color-space-gray: #F2F4F7;
    --color-space-dust: #D0CCE3;
    --color-space-haze: #5E577C;
    --color-melrose: #C2C2FF;
    --color-lavender: #A0A0FF;
    --color-blue-violet: #5A5AB5;
    --color-east-bay: #403F7D;
  }

  .text-edge-outline {
    -webkit-text-stroke: 1px rgba(255,255,255,0.3);
  }

  @keyframes shimmer {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100%);
    }
  }

  .animate-shimmer {
    animation: shimmer 3s ease-in-out infinite;
  }

  /* Award Theme Styles - Apply when award-theme-active class is present */
  .award-theme-active {
    /* Theme will be applied via CSS variables set by AwardThemeWrapper */
  }

  /* Glow effect for award-themed pages */
  @keyframes award-glow {
    0%, 100% {
      box-shadow: 0 0 20px var(--award-glow, rgba(160, 160, 255, 0.3));
    }
    50% {
      box-shadow: 0 0 40px var(--award-glow, rgba(160, 160, 255, 0.5));
    }
  }

  .award-glow {
    animation: award-glow 3s ease-in-out infinite;
  }
}

/* Prevent accidental horizontal scroll caused by 100vw/w-screen usage
   and scrollbar width calculations elsewhere in the layout. This keeps
   the page visually full-width while avoiding the tiny extra space. */
html, body, #__next {
  overflow-x: hidden;
}