-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathglobal.scss
118 lines (101 loc) · 2.69 KB
/
global.scss
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
110
111
112
113
114
115
116
117
@use 'sass:math';
@font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Thin.woff')
format('woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-ExtraLight.woff')
format('woff');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-ExtraLight.woff')
format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Regular.woff')
format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Medium.woff')
format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-SemiBold.woff')
format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Bold.woff')
format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-ExtraBold.woff')
format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Black.woff')
format('woff');
font-weight: 900;
font-style: normal;
}
* {
font-family: 'Pretendard', san-serif;
}
// utils
$html-font-size: 16px;
@function stripUnit($value) {
@return math.div($value, ($value * 0 + 1));
}
@function rem($pxValue) {
@return #{math.div(stripUnit($pxValue), stripUnit($html-font-size))}rem;
}
// valuables
$base-font-size: 16px;
// colors
$gray-100: #f6f6f6;
$gray-200: #e5e5e5;
$gray-300: #dedede;
$gray-400: #cccccc;
$gray-500: #a1a1a1;
$gray-600: #9a9a9a;
$gray-700: #777777;
$gray-800: #333333;
$gray-900: #222222;
$primary-500: #7835f7;
$primary-400: #a072f7;
$primary-300: #e4dbf8;
$primary-300: #f6f2ff;
$primary-200: #f6f2ff;
$primary-100: #fbf9ff;
// constants
$max-width: 700px;
$top-bar-height: 48px;
$bottom-bar-height: calc(68px + env(safe-area-inset-bottom));
$chat-input-height: calc(64px + env(safe-area-inset-bottom));
body {
background-color: $gray-100;
}