thainv-dev: Fix

This commit is contained in:
nguyen van thai
2024-07-03 15:33:51 +07:00
parent ee5c6f40f1
commit 554ceab3c6
36 changed files with 1033 additions and 231 deletions
+95 -91
View File
@@ -22,99 +22,103 @@ body {
font-family: $font-raleway;
}
%headings {
color: $color-text;
font-family: $font-gelasio;
line-height: 130%;
font-weight: 700;
}
// %headings {
// color: $color-text;
// font-family: $font-gelasio;
// line-height: 130%;
// font-weight: 700;
// }
%label {
color: $color-text;
font-family: $font-raleway;
line-height: 130%;
font-weight: 700;
}
// %label {
// color: $color-text;
// font-family: $font-raleway;
// line-height: 130%;
// font-weight: 700;
// }
%paragraph {
color: $color-paragraph;
font-family: $font-raleway;
line-height: 180%;
font-weight: 500;
}
// %paragraph {
// color: $color-paragraph;
// font-family: $font-raleway;
// line-height: 180%;
// font-weight: 500;
// }
h1, h2, h3, h4, h5, h6 {
font-family: $font-gelasio;
}
// h1, h2, h3, h4, h5, h6 {
// font-family: $font-gelasio;
// }
h1 a {
@extend %headings;
font-size: 64px;
}
// h1 a {
// @extend %headings;
// font-size: 64px;
// }
h2 a{
@extend %headings;
font-size: 44px;
}
// h2 a{
// @extend %headings;
// font-size: 44px;
// }
h3 a{
@extend %headings;
font-size: 24px;
}
// h3 a{
// @extend %headings;
// font-size: 24px;
// }
h4 a{
@extend %headings;
font-size: 20px;
}
// h4 a{
// @extend %headings;
// font-size: 20px;
// }
h5 a{
@extend %headings;
font-size: 18px;
}
// h5 a{
// @extend %headings;
// font-size: 18px;
// }
h6 a{
@extend %headings;
font-size: 16px;
}
// h6 a{
// @extend %headings;
// font-size: 16px;
// }
h6.h6-plus a {
@extend %headings;
font-size: 14px;
font-weight: 500;
}
// h6.h6-plus a {
// @extend %headings;
// font-size: 14px;
// font-weight: 500;
// }
label {
&.label-l1 {
@extend %label;
font-size: 18px;
}
// label {
// &.label-l1 {
// @extend %label;
// font-size: 18px;
// }
&.label-l2 {
@extend %label;
font-size: 16px;
}
// &.label-l2 {
// @extend %label;
// font-size: 16px;
// }
&.label-l3 {
@extend %label;
font-size: 14px;
}
}
// &.label-l3 {
// @extend %label;
// font-size: 14px;
// }
// }
p {
&.paragraph-p1 {
font-size: 18px;
}
// p {
// &.paragraph-p1 {
// font-size: 18px;
// }
&.paragraph-p2 {
font-size: 16px;
}
// &.paragraph-p2 {
// font-size: 16px;
// }
&.paragraph-p2 {
font-size: 14px;
}
// &.paragraph-p2 {
// font-size: 14px;
// }
// }
a {
@apply hover:text-primary font-gelasio font-700 leading-130%;
}
figure {
@@ -125,27 +129,27 @@ img {
object-fit: cover!important;
}
.content {
& p {
@apply mb-2 font-arial leading-160%;
}
// .content {
// & p {
// @apply mb-2 font-arial leading-160%;
// }
& #title {
@apply font-merriweather font-bold leading-150%;
}
// & #title {
// @apply font-merriweather font-bold leading-150%;
// }
& #intro, & #sub {
@apply font-arial font-medium leading-160%;
}
// & #intro, & #sub {
// @apply font-arial font-medium leading-160%;
// }
& audio {
@apply w-full;
}
// & audio {
// @apply w-full;
// }
& document, & a, & custom-figure, & author {
@apply cursor-pointer text-primary-600;
}
}
// & document, & a, & custom-figure, & author {
// @apply cursor-pointer text-primary;
// }
// }
div[layout="TYPE:Detail-LAYOUT:image"] {
& p,& figure.align-center-image, & #sub, & #title, & #intro, & #breadcrumb, & #navigation__bottom {