feat: many changes
This commit is contained in:
parent
215a9393b5
commit
6214e262cc
17 changed files with 64 additions and 70 deletions
BIN
packages/base/Resources/Public/Fonts/Barlow-Bold.woff2
Normal file
BIN
packages/base/Resources/Public/Fonts/Barlow-Bold.woff2
Normal file
Binary file not shown.
BIN
packages/base/Resources/Public/Fonts/Barlow-Medium.woff2
Normal file
BIN
packages/base/Resources/Public/Fonts/Barlow-Medium.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
.container {
|
||||
margin: auto;
|
||||
padding: 3rem 1rem;
|
||||
/* padding: 3rem 1rem; */
|
||||
|
||||
@include respond($breakpoint-sm) {
|
||||
max-width: 540px;
|
||||
|
|
|
|||
|
|
@ -9,11 +9,11 @@
|
|||
@import 'abstracts/icons';
|
||||
@import 'abstracts/fade-in';
|
||||
@import 'base/base';
|
||||
@import 'components/navigation';
|
||||
@import 'components/images';
|
||||
@import 'components/news';
|
||||
@import "components/news_detail";
|
||||
@import 'components/footer';
|
||||
/* @import 'components/navigation'; */
|
||||
/* @import 'components/images'; */
|
||||
/* @import 'components/news'; */
|
||||
/* @import "components/news_detail"; */
|
||||
/* @import 'components/footer'; */
|
||||
@import 'components/buttons';
|
||||
@import 'layouts/home-page';
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue