frontend/src/index.css at 063c0c0b35a6d467175dcca8242eccc4bba85b34 · GoTogether-Inc/frontend · 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
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
103
104
105
106
107
108
109
@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: 'Apple SD Gothic Neo';
  font-weight: 100;
  font-style: Thin;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Thin.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Thin.ttf') format('truetype');
}
@font-face {
  font-family: 'Apple SD Gothic Neo';
  font-weight: 200;
  font-style: ExtraLight;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-ExtraLight.woff2')
      format('woff2'),
    url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-ExtraLight.ttf') format('truetype');
}
@font-face {
  font-family: 'Apple SD Gothic Neo';
  font-weight: 300;
  font-style: Light;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Light.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Apple SD Gothic Neo';
  font-weight: 400;
  font-style: Regular;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Regular.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Apple SD Gothic Neo';
  font-weight: 500;
  font-style: Medium;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Medium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Apple SD Gothic Neo';
  font-weight: 600;
  font-style: SemiBold;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-SemiBold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Apple SD Gothic Neo';
  font-weight: 700;
  font-style: Bold;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Bold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Apple SD Gothic Neo';
  font-weight: 800;
  font-style: heavy;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-ExtraBold.woff2')
      format('woff2'),
    url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'NEXON Lv1 Gothic OTF Bold';
  src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Nexon/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

body {
  overflow-y: scroll !important;
}

/* ReactQuill 커스텀 스타일 */
.custom-quill-editor .ql-toolbar {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: white;
}

.custom-quill-editor .ql-container {
  height: 250px;
  max-height: 300px;
  overflow-y: auto;
}

* {
  box-sizing: border-box;
}

@layer utilities {
  .clip-top-banner {
    clip-path: polygon(0% 0%, 3% 100%, 97% 100%, 100% 0%);
  }

  .clip-bottom-banner {
    clip-path: polygon(3% 0%, 0% 100%, 100% 100%, 97% 0%);
  }
}