feat: many changes
This commit is contained in:
@@ -1,64 +1,76 @@
|
||||
// Update font file names and ensure no spaces for better compatibility.
|
||||
@font-face {
|
||||
font-family: 'Hajime Sans';
|
||||
src: url('../Fonts/Hajime-Sans.woff2') format('woff2');
|
||||
font-weight: 400;
|
||||
font-family: 'Barlow';
|
||||
src: url('../Fonts/Barlow-Medium.woff2') format('woff2');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
src: url('../Fonts/Inter.woff2') format('woff2');
|
||||
font-weight: 100 900; // Adjust as needed for variable font range
|
||||
font-family: 'Barlow';
|
||||
src: url('../Fonts/Barlow-Bold.woff2') format('woff2');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-family: 'Barlow', sans-serif;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
|
||||
@media (min-width: $breakpoint-md) {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
font-family: 'Hajime Sans', sans-serif;
|
||||
color: var(--bs-primary);
|
||||
font-weight: 400;
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: 'Barlow', sans-serif;
|
||||
color: var(--color-primary);
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
|
||||
@media (min-width: $breakpoint-md) {
|
||||
font-size: 4.5rem;
|
||||
}
|
||||
/* @media (min-width: $breakpoint-md) { */
|
||||
/* font-size: 4.5rem; */
|
||||
/* } */
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
|
||||
@media (min-width: $breakpoint-md) {
|
||||
font-size: 3rem;
|
||||
}
|
||||
/* @media (min-width: $breakpoint-md) { */
|
||||
/* font-size: 3rem; */
|
||||
/* } */
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
font-size: 1.75rem;
|
||||
|
||||
@media (min-width: $breakpoint-md) {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
/* @media (min-width: $breakpoint-md) { */
|
||||
/* font-size: 1.5rem; */
|
||||
/* } */
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
|
||||
@media (min-width: $breakpoint-md) {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
/* @media (min-width: $breakpoint-md) { */
|
||||
/* font-size: 1.5rem; */
|
||||
/* } */
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
p {
|
||||
@@ -71,11 +83,11 @@ a {
|
||||
font-weight: 700;
|
||||
|
||||
&:hover {
|
||||
color: var(--bs-primary-light)
|
||||
color: var(--bs-primary)
|
||||
}
|
||||
}
|
||||
|
||||
button, .btn {
|
||||
font-family: 'Hajime Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-family: 'Barlow', sans-serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user