Agrocylo-PIP/client/src/index.css at master · ghzhost/Agrocylo-PIP · 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
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
  }

  body {
    margin: 0;
    font-family: theme('fontFamily.body');
    font-size: theme('fontSize.body');
    color: theme('colors.soil.900');
    background-color: theme('colors.soil.50');
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #root {
    min-height: 100vh;
  }

  h1 {
    font-size: theme('fontSize.h1');
    font-family: theme('fontFamily.heading');
  }

  h2 {
    font-size: theme('fontSize.h2');
    font-family: theme('fontFamily.heading');
  }

  h3 {
    font-size: theme('fontSize.h3');
    font-family: theme('fontFamily.heading');
  }

  h4 {
    font-size: theme('fontSize.h4');
    font-family: theme('fontFamily.heading');
  }

  img,
  svg,
  video,
  canvas {
    display: block;
    max-width: 100%;
  }

  a {
    color: inherit;
    text-decoration: none;
  }
}

@layer components {
  .status-badge {
    @apply inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-semibold;
  }
}