[FeaturedBrandsPanel, Components] FeaturedBrandsPanel & TItemCard, Chorome38 style issue 수정
Detail Notes : 1. TItemCard, horizontal type, h3 수정 2. LiveVideoCard, live-tag와 contents사이의 간격 없는 문제 수정 3. 선택자 수정
This commit is contained in:
@@ -52,7 +52,7 @@
|
|||||||
width: 404px;
|
width: 404px;
|
||||||
padding: 12px 0;
|
padding: 12px 0;
|
||||||
|
|
||||||
h3 {
|
> h3 {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 24px);
|
.font(@fontFamily: @baseFontBold, @fontSize: 24px);
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
.elip(@clamp:2);
|
.elip(@clamp:2);
|
||||||
@@ -133,7 +133,7 @@
|
|||||||
.flex(@direction: column, @alignCenter: flex-start);
|
.flex(@direction: column, @alignCenter: flex-start);
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
||||||
h3 {
|
> h3 {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
margin-bottom: 6px;
|
margin-bottom: 6px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 24px);
|
.font(@fontFamily: @baseFontBold, @fontSize: 24px);
|
||||||
|
|||||||
@@ -25,13 +25,13 @@
|
|||||||
// top part (live info)
|
// top part (live info)
|
||||||
> div:nth-child(1) {
|
> div:nth-child(1) {
|
||||||
.flex(@justifyCenter: flex-start);
|
.flex(@justifyCenter: flex-start);
|
||||||
gap: 12px;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 18px;
|
padding: 18px;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
.size(@w: 108px, @h: 48px);
|
.size(@w: 108px, @h: 48px);
|
||||||
|
margin-right: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
.container {
|
.container {
|
||||||
padding-left: 60px;
|
padding-left: 60px;
|
||||||
|
|
||||||
h3 {
|
> h3 {
|
||||||
.font(@fontFamily: @arialFontBold, @fontSize: 36px);
|
.font(@fontFamily: @arialFontBold, @fontSize: 36px);
|
||||||
color: @COLOR_GRAY08;
|
color: @COLOR_GRAY08;
|
||||||
}
|
}
|
||||||
@@ -26,7 +26,7 @@
|
|||||||
&.listContainer {
|
&.listContainer {
|
||||||
margin-bottom: 14px;
|
margin-bottom: 14px;
|
||||||
|
|
||||||
h3 {
|
> h3 {
|
||||||
margin-bottom: -4px;
|
margin-bottom: -4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -39,7 +39,7 @@
|
|||||||
&.gridContainer {
|
&.gridContainer {
|
||||||
margin-bottom: 36px;
|
margin-bottom: 36px;
|
||||||
|
|
||||||
h3 {
|
> h3 {
|
||||||
margin-bottom: 18px;
|
margin-bottom: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -33,7 +33,7 @@
|
|||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
> h3 {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
|
|||||||
Reference in New Issue
Block a user