add font face and create navbar component
This commit is contained in:
+15
-15
@@ -3,8 +3,8 @@
|
||||
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
src: url('/fonts/manrope/manrope-cyrillic-200-normal.woff2') format('woff2'),
|
||||
url('/fonts/manrope/manrope-cyrillic-200-normal.woff') format('woff');
|
||||
src: url('../assets/fonts/manrope/manrope-cyrillic-200-normal.woff2') format('woff2'),
|
||||
url('../assets/fonts/manrope/manrope-cyrillic-200-normal.woff') format('woff');
|
||||
font-weight: 200;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -12,43 +12,43 @@
|
||||
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
src: url('/fonts/manrope/manrope-cyrillic-300-normal.woff2') format('woff2'),
|
||||
url('/fonts/manrope/manrope-cyrillic-300-normal.woff') format('woff');
|
||||
src: url('../assets/fonts/manrope/manrope-cyrillic-300-normal.woff2') format('woff2'),
|
||||
url('../assets/fonts/manrope/manrope-cyrillic-300-normal.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
src: url('/fonts/manrope/manrope-cyrillic-400-normal.woff2') format('woff2'),
|
||||
url('/fonts/manrope/manrope-cyrillic-400-normal.woff') format('woff');
|
||||
src: url('../assets/fonts/manrope/manrope-cyrillic-400-normal.woff2') format('woff2'),
|
||||
url('../assets/fonts/manrope/manrope-cyrillic-400-normal.woff') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
src: url('/fonts/manrope/manrope-cyrillic-500-normal.woff2') format('woff2'),
|
||||
url('/fonts/manrope/manrope-cyrillic-500-normal.woff') format('woff');
|
||||
src: url('../assets/fonts/manrope/manrope-cyrillic-500-normal.woff2') format('woff2'),
|
||||
url('../assets/fonts/manrope/manrope-cyrillic-500-normal.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
src: url('/fonts/manrope/manrope-cyrillic-600-normal.woff2') format('woff2'),
|
||||
url('/fonts/manrope/manrope-cyrillic-600-normal.woff') format('woff');
|
||||
src: url('../assets/fonts/manrope/manrope-cyrillic-600-normal.woff2') format('woff2'),
|
||||
url('../assets/fonts/manrope/manrope-cyrillic-600-normal.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
src: url('/fonts/manrope/manrope-cyrillic-700-normal.woff2') format('woff2'),
|
||||
url('/fonts/manrope/manrope-cyrillic-700-normal.woff') format('woff');
|
||||
src: url('../assets/fonts/manrope/manrope-cyrillic-700-normal.woff2') format('woff2'),
|
||||
url('../assets/fonts/manrope/manrope-cyrillic-700-normal.woff') format('woff');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
src: url('/fonts/manrope/manrope-cyrillic-800-normal.woff2') format('woff2'),
|
||||
url('/fonts/manrope/manrope-cyrillic-800-normal.woff') format('woff');
|
||||
src: url('../assets/fonts/manrope/manrope-cyrillic-800-normal.woff2') format('woff2'),
|
||||
url('../assets/fonts/manrope/manrope-cyrillic-800-normal.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -59,7 +59,7 @@
|
||||
}
|
||||
|
||||
:root {
|
||||
--primary: #6366F1;
|
||||
--primary: #FA003F;
|
||||
--secondary: #A78BFA;
|
||||
--textColorLight: #FFFFFF;
|
||||
--textColorGray: #222222;
|
||||
|
||||
Reference in New Issue
Block a user