thainv-dev: Fix
This commit is contained in:
nguyen van thai
Binary file not shown.
|
After Width: | Height: | Size: 212 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.1 KiB After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
+95
-91
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user