Skip to content

Commit d369099

Browse files
brenzibrenzi
committed
replace variables
1 parent 0d4b4ff commit d369099

10 files changed

Lines changed: 42 additions & 42 deletions

File tree

‎assets/scss/main.scss‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ a {
4444
}
4545

4646
&.blue {
47-
color: $ltBlue;
47+
color: #5B92FF;
4848
}
4949
}
5050

@@ -78,7 +78,7 @@ a {
7878
.btn {
7979
position: relative;
8080
display: inline-block;
81-
font-size: $pDef;
81+
font-size: 1.125em;
8282
padding: 14px 22px;
8383
font-weight: 500;
8484
border-radius: 12px;
@@ -88,7 +88,7 @@ a {
8888
backdrop-filter: blur(30px);
8989

9090
@media screen and (max-width: 840px) {
91-
font-size: $sm_pDef;
91+
font-size: .875em;
9292
padding: 12px 18px;
9393
border-radius: 10px;
9494
}
@@ -135,39 +135,39 @@ a {
135135

136136
&_h2 {
137137
line-height: 110%;
138-
font-size: $tMd;
138+
font-size: 4em;
139139
font-weight: 500;
140140
margin-bottom: 24px;
141141

142142
@media screen and (max-width: 1200px) {
143-
font-size: $md_tMd;
143+
font-size: 3em;
144144
margin-bottom: 16px;
145145
}
146146

147147
@media screen and (max-width: 840px) {
148-
font-size: $sm_tMd;
148+
font-size: 2.25em;
149149
}
150150
}
151151

152152
&_sub {
153-
font-size: $tSmd;
153+
font-size: 2em;
154154
font-weight: 500;
155155

156156
@media screen and (max-width: 840px) {
157-
font-size: $sm_tSmd;
157+
font-size: 1.5em;
158158
}
159159
}
160160

161161
&_hero {
162-
font-size: $tLg;
162+
font-size: 4.5em;
163163
font-weight: 500;
164164

165165
@media screen and (max-width: 1200px) {
166-
font-size: $md_tLg;
166+
font-size: 3.375em;
167167
}
168168

169169
@media screen and (max-width: 840px) {
170-
font-size: $sm_tLg;
170+
font-size: 2.5em;
171171
}
172172
}
173173

@@ -177,31 +177,31 @@ a {
177177
line-height: 150%;
178178

179179
&_medium {
180-
font-size: $pDef;
180+
font-size: 1.125em;
181181

182182
@media screen and (max-width: 1200px) {
183-
font-size: $md_pDef;
183+
font-size: 1em;
184184
}
185185

186186
@media screen and (max-width: 840px) {
187-
font-size: $sm_pDef;
187+
font-size: .875em;
188188
}
189189
}
190190

191191
&_large {
192192
font-weight: 500;
193-
font-size: $pLg;
193+
font-size: 1.5em;
194194

195195
@media screen and (max-width: 840px) {
196-
font-size: $sm_pLg;
196+
font-size: 1.125em;
197197
}
198198
}
199199

200200
&_small {
201-
font-size: $pSm;
201+
font-size: 0.875em;
202202

203203
@media screen and (max-width: 840px) {
204-
font-size: $sm_pSm;
204+
font-size: 0.875em;
205205
}
206206
}
207207
}
@@ -236,7 +236,7 @@ a {
236236

237237
.color {
238238
&_blue {
239-
color: $ltBlue;
239+
color: #5B92FF;
240240
}
241241
}
242242

@@ -298,7 +298,7 @@ a {
298298

299299

300300
.tag {
301-
font-size: $pSm;
301+
font-size: 0.875em;
302302
background: rgba(255, 255, 255, 0.05);
303303
border: 1px solid #34343a;
304304
backdrop-filter: blur(30px);

‎components/Developers/Resources.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -206,15 +206,15 @@ const items = [
206206
&__item-title {
207207
font-family: 'WhyteInktrap';
208208
font-weight: 500;
209-
font-size: $md_tMd;
209+
font-size: 3em;
210210
line-height: 120%;
211211
background: linear-gradient(90deg, #B000FD 0.01%, #B000FD 0.02%, #30DAFF 97.96%);
212212
-webkit-background-clip: text;
213213
-webkit-text-fill-color: transparent;
214214
margin-bottom: 8px;
215215
216216
@media screen and (max-width: 1200px) {
217-
font-size: $sm_tMd;
217+
font-size: 2.25em;
218218
}
219219
220220
@media screen and (max-width: 1024px) {

‎components/Footer/index.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -446,7 +446,7 @@ import {
446446
}
447447
448448
&__column-title {
449-
color: $gray;
449+
color: #88888C;
450450
margin-bottom: 32px;
451451
line-height: 150%;
452452
font-size: 14px;
@@ -470,7 +470,7 @@ import {
470470
justify-content: space-between;
471471
padding: 36px 0;
472472
margin-top: 36px;
473-
border-top: 2px solid $alphaGray;
473+
border-top: 2px solid rgba(255, 255, 255, 0.2);
474474
475475
@media screen and (max-width: 1024px) {
476476
padding: 24px 0;

‎components/Global/Simple.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -68,12 +68,12 @@ defineProps<{
6868
z-index: 2;
6969
font-family: 'WhyteInktrap';
7070
font-weight: 500;
71-
font-size: $tDef;
71+
font-size: 3em;
7272
line-height: 110%;
7373
color: #ffffff;
7474
7575
@media screen and (max-width: 1200px) {
76-
font-size: $sm_tMd;
76+
font-size: 2.25em;
7777
}
7878
7979
@media screen and (max-width: 840px) {

‎components/Header/Menu.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ const props = defineProps({
3737
top: 0;
3838
height: 100%;
3939
width: 100%;
40-
background: $darkBlue;
40+
background: #11111A;
4141
z-index: 4;
4242
display: flex;
4343
align-items: center;
@@ -46,14 +46,14 @@ const props = defineProps({
4646
gap: 64px;
4747
4848
&__button {
49-
font-size: $pDef;
49+
font-size: 1.125em;
5050
}
5151
5252
&__nav {
5353
a {
5454
display: block;
5555
text-align: center;
56-
font-size: $pDef;
56+
font-size: 1.125em;
5757
margin-bottom: 24px;
5858
5959
&:last-child {

‎components/Index/Scalability.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,7 @@ import Speed from '@/assets/img/index/scalability/speed.svg'
9393
9494
&__item-title {
9595
@media screen and (max-width: 1024px) {
96-
font-size: $pLg;
96+
font-size: 1.5em;
9797
}
9898
}
9999

‎components/Index/Token.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -209,11 +209,11 @@ import { BASILISK_LINK, GATE_LINK, KRAKEN_LINK } from '@/configs/app.config'
209209
210210
@media screen and (max-width: 1200px) {
211211
margin-bottom: 32px;
212-
font-size: $pLg;
212+
font-size: 1.5em;
213213
}
214214
215215
@media screen and (max-width: 420px) {
216-
font-size: $sm_pLg;
216+
font-size: 1.125em;
217217
margin-bottom: 24px;
218218
}
219219
}
@@ -251,11 +251,11 @@ import { BASILISK_LINK, GATE_LINK, KRAKEN_LINK } from '@/configs/app.config'
251251
252252
&__right-item-name {
253253
@media screen and (max-width: 1200px) {
254-
font-size: $sm_pLg;
254+
font-size: 1.125em;
255255
}
256256
257257
@media screen and (max-width: 420px) {
258-
font-size: $md_pDef;
258+
font-size: 1em;
259259
}
260260
}
261261

‎components/Socials/Section.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -154,7 +154,7 @@ import { TELEGRAM_LINK, TWITTER_LINK, DISCORD_LINK } from '@/configs/app.config'
154154
155155
@media screen and (max-width: 840px) {
156156
height: 150px;
157-
font-size: $sm_pDef;
157+
font-size: .875em;
158158
border-radius: 14px;
159159
}
160160

‎components/UseCases/Item.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -241,7 +241,7 @@ const tag = computed(() => {
241241
}
242242
243243
&__text-title {
244-
font-size: $tDef;
244+
font-size: 3em;
245245
font-weight: 500;
246246
font-family: 'WhyteInktrap';
247247
line-height: 120%;

‎pages/blog/[slug].vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ const related = await postsStore.getPostsByCat(post.categories[0], post.id)
7777
7878
.new {
7979
&__title {
80-
font-size: $tDef;
80+
font-size: 3em;
8181
font-weight: 500;
8282
line-height: 120%;
8383
@@ -123,31 +123,31 @@ const related = await postsStore.getPostsByCat(post.categories[0], post.id)
123123
124124
&__content {
125125
h2 {
126-
font-size: $tSmd;
126+
font-size: 2em;
127127
margin-bottom: 28px;
128128
margin-top: 22px;
129129
line-height: 120%;
130130
131131
@media screen and (max-width: 840px) {
132132
margin: 20px 0;
133-
font-size: $sm_tSmd;
133+
font-size: 1.5em;
134134
}
135135
}
136136
137137
h3 {
138-
font-size: $pLg;
138+
font-size: 1.5em;
139139
margin-bottom: 22px;
140140
margin-top: 22px;
141141
line-height: 120%;
142142
143143
@media screen and (max-width: 840px) {
144144
margin: 16px 0;
145-
font-size: $sm_pLg;
145+
font-size: 1.125em;
146146
}
147147
}
148148
149149
p {
150-
font-size: $pDef;
150+
font-size: 1.125em;
151151
margin-bottom: 16px;
152152
line-height: 150%;
153153

0 commit comments

Comments
 (0)