[Fonts] @baseFontBold 삭제 (58개 파일 변경)
Detail Notes : 1. @baseFontBold -> font-weight:bold; 교체
This commit is contained in:
Binary file not shown.
@@ -38,14 +38,15 @@
|
|||||||
.smsTitle {
|
.smsTitle {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
color: @COLOR_BLACK;
|
color: @COLOR_BLACK;
|
||||||
padding: 30px 60px;
|
padding: 30px 60px;
|
||||||
}
|
}
|
||||||
.subTitle {
|
.subTitle {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
.font(@fontFamily:@baseFont,@fontSize: 28px);
|
font-weight: normal;
|
||||||
|
font-size: 28px;
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
padding: 10px 60px 20px 60px;
|
padding: 10px 60px 20px 60px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@@ -56,7 +57,8 @@
|
|||||||
}
|
}
|
||||||
.price {
|
.price {
|
||||||
padding: 7px 60px 20px 60px;
|
padding: 7px 60px 20px 60px;
|
||||||
.font(@baseFontBold,@fontSize:28px);
|
font-size: 28px;
|
||||||
|
font-weight: bold;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -74,7 +76,8 @@
|
|||||||
.border-solid(@size:1px,#cccccc);
|
.border-solid(@size:1px,#cccccc);
|
||||||
height: 68px;
|
height: 68px;
|
||||||
cursor: text;
|
cursor: text;
|
||||||
.font(@fontFamily:@baseFont,@fontSize: 28px);
|
font-weight: normal;
|
||||||
|
font-size: 28px;
|
||||||
&::after {
|
&::after {
|
||||||
content: "";
|
content: "";
|
||||||
width: 2px;
|
width: 2px;
|
||||||
@@ -92,7 +95,8 @@
|
|||||||
margin-right: 80px;
|
margin-right: 80px;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
letter-spacing: -0.2px;
|
letter-spacing: -0.2px;
|
||||||
.font(@fontFamily:@baseFont,@fontSize: 24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -8,7 +8,8 @@
|
|||||||
.border-solid(@size:1px,#cccccc);
|
.border-solid(@size:1px,#cccccc);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
cursor: text;
|
cursor: text;
|
||||||
.font(@fontFamily:@baseFont,@fontSize: 28px);
|
font-weight: normal;
|
||||||
|
font-size: 28px;
|
||||||
}
|
}
|
||||||
.btnContainer {
|
.btnContainer {
|
||||||
width: 441px;
|
width: 441px;
|
||||||
|
|||||||
@@ -4,7 +4,8 @@
|
|||||||
.sectionTitle {
|
.sectionTitle {
|
||||||
.flex(@justifyCenter: flex-start);
|
.flex(@justifyCenter: flex-start);
|
||||||
min-height: 50px;
|
min-height: 50px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 42px);
|
font-weight: bold;
|
||||||
|
font-size: 42px;
|
||||||
color: @COLOR_GRAY08;
|
color: @COLOR_GRAY08;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
|
|||||||
@@ -10,7 +10,8 @@
|
|||||||
background-color: #7a808d;
|
background-color: #7a808d;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
.font (@baseFontBold, 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
transition: all 0.1s ease;
|
transition: all 0.1s ease;
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
|
|
||||||
@@ -170,7 +171,8 @@
|
|||||||
padding: 24px 30px;
|
padding: 24px 30px;
|
||||||
background-color: @COLOR_WHITE;
|
background-color: @COLOR_WHITE;
|
||||||
border-radius: 42px;
|
border-radius: 42px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-size: 30px;
|
||||||
|
font-weight: bold;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
color: @COLOR_GRAY08;
|
color: @COLOR_GRAY08;
|
||||||
|
|
||||||
@@ -201,7 +203,8 @@
|
|||||||
padding: 18px 30px;
|
padding: 18px 30px;
|
||||||
background-color: @COLOR_WHITE;
|
background-color: @COLOR_WHITE;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
.font(@fontFamily: @baseFont, @fontSize: 30px);
|
font-weight: normal;
|
||||||
|
font-size: 30px;
|
||||||
color: @COLOR_GRAY08;
|
color: @COLOR_GRAY08;
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
@@ -209,7 +212,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
@@ -250,7 +253,8 @@
|
|||||||
padding: 24px 30px 24px 90px;
|
padding: 24px 30px 24px 90px;
|
||||||
background-color: @COLOR_WHITE;
|
background-color: @COLOR_WHITE;
|
||||||
border-radius: 42px;
|
border-radius: 42px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-size: 30px;
|
||||||
|
font-weight: bold;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
color: @COLOR_GRAY08;
|
color: @COLOR_GRAY08;
|
||||||
|
|
||||||
|
|||||||
@@ -16,7 +16,8 @@
|
|||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 24px);
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
height: 60px !important;
|
height: 60px !important;
|
||||||
border-radius: 6px !important;
|
border-radius: 6px !important;
|
||||||
padding: 20px 19px !important;
|
padding: 20px 19px !important;
|
||||||
font-family: @baseFontBold !important;
|
font-weight: bold !important;
|
||||||
font-size: 24px !important;
|
font-size: 24px !important;
|
||||||
background-color: @COLOR_GRAY03 !important;
|
background-color: @COLOR_GRAY03 !important;
|
||||||
color: @COLOR_WHITE !important;
|
color: @COLOR_WHITE !important;
|
||||||
@@ -67,7 +67,7 @@
|
|||||||
background-color: @PRIMARY_COLOR_RED !important;
|
background-color: @PRIMARY_COLOR_RED !important;
|
||||||
color: @COLOR_WHITE !important;
|
color: @COLOR_WHITE !important;
|
||||||
}
|
}
|
||||||
font-family: @baseFontBold !important;
|
font-weight: bold !important;
|
||||||
color: @COLOR_WHITE !important;
|
color: @COLOR_WHITE !important;
|
||||||
font-size: 24px !important;
|
font-size: 24px !important;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 90px;
|
height: 90px;
|
||||||
color: #222;
|
color: #222;
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
|||||||
@@ -41,7 +41,8 @@
|
|||||||
.flex();
|
.flex();
|
||||||
.size(@w: 200px, @h: 200px);
|
.size(@w: 200px, @h: 200px);
|
||||||
background-color: rgba(26, 26, 26, 0.6);
|
background-color: rgba(26, 26, 26, 0.6);
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -53,7 +54,8 @@
|
|||||||
padding: 12px 0;
|
padding: 12px 0;
|
||||||
|
|
||||||
> h3 {
|
> h3 {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
.elip(@clamp:2);
|
.elip(@clamp:2);
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
@@ -62,12 +64,14 @@
|
|||||||
|
|
||||||
p {
|
p {
|
||||||
.flex(@justifyCenter: flex-start);
|
.flex(@justifyCenter: flex-start);
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
.font(@fontFamily: @baseFont, @fontSize: 18px);
|
font-weight: bold;
|
||||||
|
font-size: 18px;
|
||||||
color: @COLOR_GRAY04;
|
color: @COLOR_GRAY04;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
@@ -124,7 +128,8 @@
|
|||||||
.flex();
|
.flex();
|
||||||
.size(@w: 288px, @h: 288px);
|
.size(@w: 288px, @h: 288px);
|
||||||
background-color: rgba(26, 26, 26, 0.6);
|
background-color: rgba(26, 26, 26, 0.6);
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -136,7 +141,8 @@
|
|||||||
> h3 {
|
> h3 {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
margin-bottom: 6px;
|
margin-bottom: 6px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
.elip(@clamp:2);
|
.elip(@clamp:2);
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
@@ -145,12 +151,13 @@
|
|||||||
|
|
||||||
p {
|
p {
|
||||||
.flex(@justifyCenter: flex-start);
|
.flex(@justifyCenter: flex-start);
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
letter-spacing: -1px;
|
letter-spacing: -1px;
|
||||||
span {
|
span {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
.font(@fontFamily: @baseFont, @fontSize: 18px);
|
font-size: 18px;
|
||||||
color: @COLOR_GRAY04;
|
color: @COLOR_GRAY04;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
@@ -195,7 +202,7 @@
|
|||||||
background-color: @COLOR_WHITE;
|
background-color: @COLOR_WHITE;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
.border-solid(@size:1px,@color:@COLOR_GRAY02);
|
.border-solid(@size:1px,@color:@COLOR_GRAY02);
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
@@ -236,7 +243,7 @@
|
|||||||
background-color: @COLOR_WHITE;
|
background-color: @COLOR_WHITE;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
.border-solid(@size:1px,@color:@COLOR_GRAY02);
|
.border-solid(@size:1px,@color:@COLOR_GRAY02);
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
&:focus {
|
&:focus {
|
||||||
|
|||||||
@@ -34,7 +34,7 @@
|
|||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
font-family: @baseFont;
|
font-weight: normal;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
@@ -45,7 +45,7 @@
|
|||||||
.title {
|
.title {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
color: @COLOR_BLACK;
|
color: @COLOR_BLACK;
|
||||||
background-color: @COLOR_SKYBLUE;
|
background-color: @COLOR_SKYBLUE;
|
||||||
|
|||||||
@@ -87,11 +87,12 @@
|
|||||||
.text {
|
.text {
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
padding-left: 11px;
|
padding-left: 11px;
|
||||||
|
font-weight: bold;
|
||||||
.font(@fontFamily:@baseFontBold, @fontSize:36px);
|
font-size: 36px;
|
||||||
|
|
||||||
&.subItem {
|
&.subItem {
|
||||||
.font (@fontFamily:@baseFontBold, @fontSize:30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
width: 245px;
|
width: 245px;
|
||||||
// word-break:break-all;
|
// word-break:break-all;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -79,10 +79,12 @@
|
|||||||
padding-left: 11px;
|
padding-left: 11px;
|
||||||
|
|
||||||
.elip(@clamp: 1);
|
.elip(@clamp: 1);
|
||||||
.font(@fontFamily:@baseFontBold, @fontSize:36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
|
|
||||||
&.subItem {
|
&.subItem {
|
||||||
.font (@fontFamily:@baseFontBold, @fontSize:30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
width: 248px;
|
width: 248px;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -9,7 +9,8 @@
|
|||||||
padding: 18px;
|
padding: 18px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-image: linear-gradient(to top, #1a1a1a 93%, #8e8e8e);
|
background-image: linear-gradient(to top, #1a1a1a 93%, #8e8e8e);
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
box-shadow: 5px 8.7px 15px 0 rgba(6, 0, 1, 0.5);
|
box-shadow: 5px 8.7px 15px 0 rgba(6, 0, 1, 0.5);
|
||||||
|
|
||||||
|
|||||||
@@ -50,7 +50,6 @@
|
|||||||
src: url("../../assets/fonts/tahoma/tahomabd.ttf") format("ttf");
|
src: url("../../assets/fonts/tahoma/tahomabd.ttf") format("ttf");
|
||||||
}
|
}
|
||||||
@baseFont: "LG Smart";
|
@baseFont: "LG Smart";
|
||||||
@baseFontBold: "LG Smart";
|
|
||||||
@arialFont: "Arial";
|
@arialFont: "Arial";
|
||||||
@arialFontBold: "ArialBold";
|
@arialFontBold: "ArialBold";
|
||||||
@robotoFont: "Roboto";
|
@robotoFont: "Roboto";
|
||||||
|
|||||||
@@ -19,7 +19,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
> p {
|
> p {
|
||||||
.font (@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: #a3a3a3;
|
color: #a3a3a3;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,7 +4,8 @@
|
|||||||
.topsTitle {
|
.topsTitle {
|
||||||
margin-top: 70px;
|
margin-top: 70px;
|
||||||
color: @COLOR_GRAY08;
|
color: @COLOR_GRAY08;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topShowContainer {
|
.topShowContainer {
|
||||||
|
|||||||
@@ -10,7 +10,8 @@
|
|||||||
|
|
||||||
.title {
|
.title {
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
margin-bottom: 19px;
|
margin-bottom: 19px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -22,7 +23,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.cardFooter {
|
.cardFooter {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
|
|
||||||
.callNumber {
|
.callNumber {
|
||||||
|
|||||||
@@ -8,7 +8,8 @@
|
|||||||
.subject {
|
.subject {
|
||||||
margin-top: 60px;
|
margin-top: 60px;
|
||||||
padding: 28px 0 28px 60px;
|
padding: 28px 0 28px 60px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border-top: solid 1px #dadada;
|
border-top: solid 1px #dadada;
|
||||||
border-bottom: solid 1px #dadada;
|
border-bottom: solid 1px #dadada;
|
||||||
|
|||||||
@@ -12,7 +12,8 @@
|
|||||||
padding: 69px 60px 40px 60px;
|
padding: 69px 60px 40px 60px;
|
||||||
|
|
||||||
> h3 {
|
> h3 {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
padding-bottom: 29px;
|
padding-bottom: 29px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -23,7 +24,8 @@
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
.itemWrap {
|
.itemWrap {
|
||||||
.font(@fontFamily: @baseFont, @fontSize: 24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
color: #cccccc;
|
color: #cccccc;
|
||||||
}
|
}
|
||||||
.item {
|
.item {
|
||||||
@@ -39,11 +41,13 @@
|
|||||||
padding: 31px 59px 0 61px;
|
padding: 31px 59px 0 61px;
|
||||||
margin-bottom: 147px;
|
margin-bottom: 147px;
|
||||||
> div {
|
> div {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.price {
|
.price {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 42px);
|
font-weight: bold;
|
||||||
|
font-size: 42px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -62,7 +66,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.contents {
|
.contents {
|
||||||
.font(@fontFamily: @baseFont, @fontSize: 24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
color: #009cff;
|
color: #009cff;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
|
|
||||||
.header {
|
.header {
|
||||||
> div {
|
> div {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px) !important;
|
font-weight: bold !important;
|
||||||
|
font-size: 30px !important;
|
||||||
.elip(@clamp: 1);
|
.elip(@clamp: 1);
|
||||||
}
|
}
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -12,7 +12,8 @@
|
|||||||
.flex(@direction:row ,@justifyCenter:flex-start);
|
.flex(@direction:row ,@justifyCenter:flex-start);
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
.font(@fontFamily:@baseFontBold,30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
img {
|
img {
|
||||||
width: 42px;
|
width: 42px;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
@@ -30,7 +31,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
.font(@fontFamily:@baseFontBold,@fontSize:36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_GRAY08;
|
color: @COLOR_GRAY08;
|
||||||
width: 739px;
|
width: 739px;
|
||||||
.elip(@clamp:2);
|
.elip(@clamp:2);
|
||||||
|
|||||||
@@ -5,7 +5,8 @@
|
|||||||
padding-left: 120px;
|
padding-left: 120px;
|
||||||
.size(@w: 894px, @h: 930px);
|
.size(@w: 894px, @h: 930px);
|
||||||
.order {
|
.order {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
.size(@w: 560px, @h: 68px);
|
.size(@w: 560px, @h: 68px);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
@@ -38,7 +39,8 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
.font(@fontFamily: @baseFont, @fontSize: 24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
.size(@w: 362px, @h: 60px);
|
.size(@w: 362px, @h: 60px);
|
||||||
box-shadow: 0px 3px 6px 0 rgba(2, 3, 3, 0.1);
|
box-shadow: 0px 3px 6px 0 rgba(2, 3, 3, 0.1);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
@@ -83,12 +85,14 @@
|
|||||||
}
|
}
|
||||||
// 상품 ID
|
// 상품 ID
|
||||||
> div > span {
|
> div > span {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
// 상품명
|
// 상품명
|
||||||
> h3 {
|
> h3 {
|
||||||
.elip(2);
|
.elip(2);
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
padding-top: 24px;
|
padding-top: 24px;
|
||||||
margin-bottom: 14px;
|
margin-bottom: 14px;
|
||||||
margin-right: 22px;
|
margin-right: 22px;
|
||||||
@@ -139,7 +143,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.scrollContainer {
|
.scrollContainer {
|
||||||
.font(@fontFamily: @baseFont, @fontSize: 24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
color: #808080;
|
color: #808080;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
|
|||||||
@@ -5,7 +5,8 @@
|
|||||||
display: block;
|
display: block;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
.font(@fontFamily:@baseFontBold,@fontSize:24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
background-color: @backgroundColor;
|
background-color: @backgroundColor;
|
||||||
color: @fontColor;
|
color: @fontColor;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -29,7 +30,8 @@
|
|||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 42px;
|
line-height: 42px;
|
||||||
.font(@fontFamily:@baseFontBold,@fontSize:24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
.size(@w: 120px, @h: 42px);
|
.size(@w: 120px, @h: 42px);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -53,6 +55,7 @@
|
|||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 42px;
|
line-height: 42px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize:24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -17,8 +17,8 @@
|
|||||||
padding: 30px;
|
padding: 30px;
|
||||||
> p {
|
> p {
|
||||||
margin-bottom: 13px;
|
margin-bottom: 13px;
|
||||||
.font(@fontFamily:@baseFont,@fontSize:24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
}
|
}
|
||||||
> .groupOptionInfo {
|
> .groupOptionInfo {
|
||||||
@@ -31,7 +31,8 @@
|
|||||||
background-color: @COLOR_WHITE;
|
background-color: @COLOR_WHITE;
|
||||||
|
|
||||||
.productName {
|
.productName {
|
||||||
.font(@baseFontBold,@fontSize:24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
}
|
}
|
||||||
.priceInfo {
|
.priceInfo {
|
||||||
@@ -40,12 +41,14 @@
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
.priceAfter {
|
.priceAfter {
|
||||||
.font(@baseFontBold,@fontSize:30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
.priceBefore {
|
.priceBefore {
|
||||||
.font(@baseFont,@fontSize:18px);
|
font-weight: normal;
|
||||||
|
font-size: 18px;
|
||||||
color: @COLOR_GRAY04;
|
color: @COLOR_GRAY04;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
@@ -62,7 +65,8 @@
|
|||||||
.flex(@direction:column);
|
.flex(@direction:column);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #a3a3a3;
|
color: #a3a3a3;
|
||||||
.font(@fontFamily:@baseFontBold,@fontSize:36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
line-height: 1.11;
|
line-height: 1.11;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
img {
|
img {
|
||||||
|
|||||||
@@ -12,7 +12,8 @@
|
|||||||
.flex(@direction:row ,@justifyCenter:flex-start);
|
.flex(@direction:row ,@justifyCenter:flex-start);
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
.font(@fontFamily:@baseFontBold,30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
img {
|
img {
|
||||||
width: 42px;
|
width: 42px;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
@@ -30,7 +31,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
.font(@fontFamily:@baseFontBold,@fontSize:36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_GRAY08;
|
color: @COLOR_GRAY08;
|
||||||
width: 739px;
|
width: 739px;
|
||||||
.elip(@clamp:2);
|
.elip(@clamp:2);
|
||||||
|
|||||||
@@ -25,13 +25,15 @@
|
|||||||
.optionLayer {
|
.optionLayer {
|
||||||
.flex(@justifyCenter:space-between);
|
.flex(@justifyCenter:space-between);
|
||||||
color: @COLOR_GRAY05;
|
color: @COLOR_GRAY05;
|
||||||
.font(@baseFontBold,@fontSize:24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
|
||||||
.optionBtn {
|
.optionBtn {
|
||||||
.border-solid(1px,@COLOR_GRAY02);
|
.border-solid(1px,@COLOR_GRAY02);
|
||||||
.flex();
|
.flex();
|
||||||
.font(@baseFontBold,@fontSize:24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
|
|
||||||
min-width: 560px;
|
min-width: 560px;
|
||||||
background-color: @COLOR_WHITE;
|
background-color: @COLOR_WHITE;
|
||||||
@@ -67,7 +69,8 @@
|
|||||||
// QUANTITY
|
// QUANTITY
|
||||||
.quantityLayer {
|
.quantityLayer {
|
||||||
.flex(@justifyCenter:space-between);
|
.flex(@justifyCenter:space-between);
|
||||||
.font(@baseFontBold,@fontSize:24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY05;
|
color: @COLOR_GRAY05;
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
@@ -123,17 +126,19 @@
|
|||||||
.flex(@direction:column, @justifyCenter:center,@alignCenter:flex-start);
|
.flex(@direction:column, @justifyCenter:center,@alignCenter:flex-start);
|
||||||
.promotionName {
|
.promotionName {
|
||||||
color: @COLOR_GRAY05;
|
color: @COLOR_GRAY05;
|
||||||
.font(@baseFontBold,@fontSize:24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
.promotionDesc {
|
.promotionDesc {
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
.font(@baseFont,@fontSize:24px);
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.promotionBtn {
|
.promotionBtn {
|
||||||
min-width: 144px;
|
min-width: 144px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
.font(@baseFontBold,@fontSize:24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
line-height: 60px;
|
line-height: 60px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background: @COLOR_GRAY03;
|
background: @COLOR_GRAY03;
|
||||||
@@ -146,7 +151,8 @@
|
|||||||
|
|
||||||
.discountedPriceLayer {
|
.discountedPriceLayer {
|
||||||
.flex(@justifyCenter:space-between);
|
.flex(@justifyCenter:space-between);
|
||||||
.font(@baseFontBold,@fontSize:36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_GRAY07;
|
color: @COLOR_GRAY07;
|
||||||
margin-top: 31px;
|
margin-top: 31px;
|
||||||
|
|
||||||
@@ -158,7 +164,8 @@
|
|||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
background: #f00;
|
background: #f00;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
.font(@baseFontBold,@fontSize:24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
@@ -166,14 +173,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.discountedPrice {
|
.discountedPrice {
|
||||||
.font(@baseFontBold,@fontSize:44px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
line-height: 1.14;
|
line-height: 1.14;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.originalPrice {
|
.originalPrice {
|
||||||
.font(@baseFont,@fontSize:24px);
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
margin-left: 9px;
|
margin-left: 9px;
|
||||||
@@ -182,14 +190,16 @@
|
|||||||
|
|
||||||
.notDiscountedPriceLayer {
|
.notDiscountedPriceLayer {
|
||||||
.flex(@justifyCenter:space-between);
|
.flex(@justifyCenter:space-between);
|
||||||
.font(@baseFontBold,@fontSize:36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_GRAY07;
|
color: @COLOR_GRAY07;
|
||||||
margin-top: 31px;
|
margin-top: 31px;
|
||||||
.priceWrapper {
|
.priceWrapper {
|
||||||
.flex();
|
.flex();
|
||||||
}
|
}
|
||||||
.discountedPrice {
|
.discountedPrice {
|
||||||
.font(@baseFontBold,@fontSize:44px);
|
font-weight: bold;
|
||||||
|
font-size: 44px;
|
||||||
line-height: 1.14;
|
line-height: 1.14;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
@@ -201,7 +211,7 @@
|
|||||||
.flex(@justifyCenter:space-between);
|
.flex(@justifyCenter:space-between);
|
||||||
margin-top: 13px;
|
margin-top: 13px;
|
||||||
> span {
|
> span {
|
||||||
.font(@baseFont,@fontSize:24px);
|
font-size: 24px;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
}
|
}
|
||||||
@@ -283,12 +293,14 @@
|
|||||||
.border-solid(@size:1px,@color:@COLOR_GRAY02);
|
.border-solid(@size:1px,@color:@COLOR_GRAY02);
|
||||||
|
|
||||||
.couponLate {
|
.couponLate {
|
||||||
.font(@baseFontBold,36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
line-height: 42px;
|
line-height: 42px;
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
.font(@baseFontBold,36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
line-height: 42px;
|
line-height: 42px;
|
||||||
color: @COLOR_GRAY07;
|
color: @COLOR_GRAY07;
|
||||||
margin-bottom: 25px;
|
margin-bottom: 25px;
|
||||||
@@ -296,7 +308,8 @@
|
|||||||
.elip(1);
|
.elip(1);
|
||||||
}
|
}
|
||||||
.content {
|
.content {
|
||||||
.font(@baseFont,24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
}
|
}
|
||||||
.couponBtn {
|
.couponBtn {
|
||||||
@@ -306,7 +319,8 @@
|
|||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
margin-top: 18px;
|
margin-top: 18px;
|
||||||
> div {
|
> div {
|
||||||
.font(@baseFontBold, 24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,7 +12,8 @@
|
|||||||
.flex(@direction:row ,@justifyCenter:flex-start);
|
.flex(@direction:row ,@justifyCenter:flex-start);
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
.font(@fontFamily:@baseFontBold,30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
img {
|
img {
|
||||||
width: 42px;
|
width: 42px;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
@@ -30,7 +31,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
.font(@fontFamily:@baseFontBold,@fontSize:36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_GRAY08;
|
color: @COLOR_GRAY08;
|
||||||
width: 739px;
|
width: 739px;
|
||||||
.elip(@clamp:2);
|
.elip(@clamp:2);
|
||||||
|
|||||||
@@ -30,11 +30,13 @@
|
|||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
.font(@baseFontBold,24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
.flex();
|
.flex();
|
||||||
}
|
}
|
||||||
.name {
|
.name {
|
||||||
.font(@baseFontBold,36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_GRAY07;
|
color: @COLOR_GRAY07;
|
||||||
}
|
}
|
||||||
.btmLayer {
|
.btmLayer {
|
||||||
@@ -42,7 +44,8 @@
|
|||||||
margin-top: 14px;
|
margin-top: 14px;
|
||||||
}
|
}
|
||||||
.price {
|
.price {
|
||||||
.font(@baseFontBold,60px);
|
font-weight: bold;
|
||||||
|
font-size: 60px;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
margin-right: 9px;
|
margin-right: 9px;
|
||||||
|
|
||||||
@@ -51,7 +54,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.discountedPrc {
|
.discountedPrc {
|
||||||
.font(@baseFont,24px);
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
@@ -62,7 +65,8 @@
|
|||||||
border-bottom: 1px solid @COLOR_GRAY02;
|
border-bottom: 1px solid @COLOR_GRAY02;
|
||||||
|
|
||||||
> span {
|
> span {
|
||||||
.font(@baseFontBold,36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
}
|
}
|
||||||
.partnerPrc {
|
.partnerPrc {
|
||||||
@@ -73,7 +77,8 @@
|
|||||||
padding-top: 24px;
|
padding-top: 24px;
|
||||||
.flex(@direction:column,@alignCenter:flex-start);
|
.flex(@direction:column,@alignCenter:flex-start);
|
||||||
.rewdNm {
|
.rewdNm {
|
||||||
.font(@baseFontBold,36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_BLACK;
|
color: @COLOR_BLACK;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -82,12 +87,14 @@
|
|||||||
padding: 4px 0;
|
padding: 4px 0;
|
||||||
.flex();
|
.flex();
|
||||||
.rewdPrc {
|
.rewdPrc {
|
||||||
.font(@baseFontBold,60px);
|
font-weight: bold;
|
||||||
|
font-size: 60px;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
.rewdRate {
|
.rewdRate {
|
||||||
.font(@baseFont,24px);
|
font-size: 24px;
|
||||||
|
font-weight: normal;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -119,7 +126,8 @@
|
|||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
.font(@baseFont,22px);
|
font-size: 24px;
|
||||||
|
font-weight: normal;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: "";
|
content: "";
|
||||||
@@ -142,7 +150,8 @@
|
|||||||
border-bottom: 1px solid @COLOR_GRAY02;
|
border-bottom: 1px solid @COLOR_GRAY02;
|
||||||
background: @BG_COLOR_02;
|
background: @BG_COLOR_02;
|
||||||
color: @COLOR_GRAY05;
|
color: @COLOR_GRAY05;
|
||||||
.font(@baseFontBold,24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnContainer {
|
.btnContainer {
|
||||||
|
|||||||
@@ -26,7 +26,8 @@
|
|||||||
.button {
|
.button {
|
||||||
.flex();
|
.flex();
|
||||||
.size(@w: 324px,@h: 78px);
|
.size(@w: 324px,@h: 78px);
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
.position(@position: absolute, @top: -41px, @left: 60px);
|
.position(@position: absolute, @top: -41px, @left: 60px);
|
||||||
|
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
|||||||
@@ -19,7 +19,8 @@
|
|||||||
|
|
||||||
// patner title
|
// patner title
|
||||||
h2 {
|
h2 {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,7 +5,8 @@
|
|||||||
> h3 {
|
> h3 {
|
||||||
margin: 36px 0 12px;
|
margin: 36px 0 12px;
|
||||||
padding-left: 60px;
|
padding-left: 60px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_GRAY08;
|
color: @COLOR_GRAY08;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -29,7 +29,8 @@
|
|||||||
.tButtonMore {
|
.tButtonMore {
|
||||||
width: 180px;
|
width: 180px;
|
||||||
background-color: #7a808d;
|
background-color: #7a808d;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
|
|||||||
@@ -21,7 +21,8 @@
|
|||||||
|
|
||||||
> h3 {
|
> h3 {
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_GRAY10;
|
color: @COLOR_GRAY10;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -35,13 +35,15 @@
|
|||||||
|
|
||||||
div {
|
div {
|
||||||
h3 {
|
h3 {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
.elip(@clamp:1);
|
.elip(@clamp:1);
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
time {
|
time {
|
||||||
.font(@fontFamily: @baseFont, @fontSize: 24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -53,7 +55,8 @@
|
|||||||
padding: 6px 18px 18px;
|
padding: 6px 18px 18px;
|
||||||
.size(@w: 100%, @h: 54px);
|
.size(@w: 100%, @h: 54px);
|
||||||
background-color: rgba(0, 0, 0, 0.9);
|
background-color: rgba(0, 0, 0, 0.9);
|
||||||
.font(@fontFamily: @baseFont, @fontSize: 20px);
|
font-weight: normal;
|
||||||
|
font-size: 20px;
|
||||||
color: @COLOR_GRAY04;
|
color: @COLOR_GRAY04;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|||||||
@@ -52,18 +52,20 @@
|
|||||||
|
|
||||||
> time:nth-child(2) {
|
> time:nth-child(2) {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
}
|
}
|
||||||
|
|
||||||
> h3:nth-child(3) {
|
> h3:nth-child(3) {
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
}
|
}
|
||||||
|
|
||||||
> p:nth-child(4) {
|
> p:nth-child(4) {
|
||||||
.font(@fontFamily: @baseFont, @fontSize: 24px);
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -74,7 +76,8 @@
|
|||||||
|
|
||||||
.tButton {
|
.tButton {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
background-color: #7a808d;
|
background-color: #7a808d;
|
||||||
|
|
||||||
|
|||||||
@@ -59,7 +59,8 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 540px;
|
width: 540px;
|
||||||
margin-bottom: 18px;
|
margin-bottom: 18px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
.elip(@clamp:2);
|
.elip(@clamp:2);
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
@@ -67,12 +68,14 @@
|
|||||||
|
|
||||||
> p {
|
> p {
|
||||||
.flex(@justifyCenter: flex-start);
|
.flex(@justifyCenter: flex-start);
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 46px);
|
font-weight: bold;
|
||||||
|
font-size: 46px;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
|
|
||||||
> span {
|
> span {
|
||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
.font(@fontFamily: @baseFont, @fontSize: 24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
color: #7f7f7f;
|
color: #7f7f7f;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
@@ -92,14 +95,16 @@
|
|||||||
margin-bottom: 6px;
|
margin-bottom: 6px;
|
||||||
background-color: #f40000;
|
background-color: #f40000;
|
||||||
border-radius: 44px;
|
border-radius: 44px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 54px);
|
font-weight: bold;
|
||||||
|
font-size: 54px;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
}
|
}
|
||||||
|
|
||||||
> span:nth-child(2) {
|
> span:nth-child(2) {
|
||||||
.flex();
|
.flex();
|
||||||
.size(@w: 174px, @h: 72px);
|
.size(@w: 174px, @h: 72px);
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 60px);
|
font-weight: bold;
|
||||||
|
font-size: 60px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -20,7 +20,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -29,13 +30,15 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
min-height: 42px;
|
min-height: 42px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
}
|
}
|
||||||
|
|
||||||
> h3 {
|
> h3 {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
.elip(@clamp:2);
|
.elip(@clamp:2);
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
@@ -44,7 +47,8 @@
|
|||||||
|
|
||||||
p {
|
p {
|
||||||
margin-bottom: 18px;
|
margin-bottom: 18px;
|
||||||
.font(@fontFamily: @baseFont, @fontSize: 24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY04;
|
color: @COLOR_GRAY04;
|
||||||
.elip(@clamp:1);
|
.elip(@clamp:1);
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
@@ -57,7 +61,8 @@
|
|||||||
.size(@w: 420px, @h: 84px);
|
.size(@w: 420px, @h: 84px);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color: @PRIMARY_COLOR_RED;
|
background-color: @PRIMARY_COLOR_RED;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -6,6 +6,7 @@
|
|||||||
|
|
||||||
.subTitle {
|
.subTitle {
|
||||||
margin: 0 0 20px 60px;
|
margin: 0 0 20px 60px;
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.grid {
|
.grid {
|
||||||
height: 300px;
|
height: 300px;
|
||||||
|
|||||||
@@ -35,11 +35,11 @@
|
|||||||
text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
|
text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
|
||||||
letter-spacing: -2.5px;
|
letter-spacing: -2.5px;
|
||||||
line-height: 60px;
|
line-height: 60px;
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
.onSaleItemListBoxSaleBoxPer {
|
.onSaleItemListBoxSaleBoxPer {
|
||||||
font-size: 84px;
|
font-size: 84px;
|
||||||
letter-spacing: -3.8px;
|
letter-spacing: -3.8px;
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.onSaleItemListBoxName {
|
.onSaleItemListBoxName {
|
||||||
@@ -49,7 +49,7 @@
|
|||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.onSaleItemListBoxPrice {
|
.onSaleItemListBoxPrice {
|
||||||
margin-top: 9px;
|
margin-top: 9px;
|
||||||
@@ -58,7 +58,7 @@
|
|||||||
line-height: 0.93;
|
line-height: 0.93;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
.onSaleItemListBoxPriceStripe {
|
.onSaleItemListBoxPriceStripe {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
color: #d5d5d5;
|
color: #d5d5d5;
|
||||||
@@ -67,7 +67,7 @@
|
|||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
line-height: 1.56;
|
line-height: 1.56;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
font-family: @baseFont;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -18,7 +18,8 @@
|
|||||||
.textBox {
|
.textBox {
|
||||||
.size(@w: 100%, @h: 80px);
|
.size(@w: 100%, @h: 80px);
|
||||||
.elip(@clamp:2);
|
.elip(@clamp:2);
|
||||||
.font (@fontFamily:@baseFontBold, @fontSize:30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
line-height: 1.27;
|
line-height: 1.27;
|
||||||
margin-bottom: 6px;
|
margin-bottom: 6px;
|
||||||
@@ -26,12 +27,14 @@
|
|||||||
|
|
||||||
.accBox {
|
.accBox {
|
||||||
.size(@w: 100%, @h: 50px);
|
.size(@w: 100%, @h: 50px);
|
||||||
.font (@fontFamily:@baseFontBold, @fontSize:42px);
|
font-weight: bold;
|
||||||
|
font-size: 42px;
|
||||||
color: @PRIMARY_COLOR_RED;
|
color: @PRIMARY_COLOR_RED;
|
||||||
line-height: 1.14;
|
line-height: 1.14;
|
||||||
margin-bottom: 35px;
|
margin-bottom: 35px;
|
||||||
.saleAccBox {
|
.saleAccBox {
|
||||||
.font (@fontFamily:@baseFont, @fontSize:24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY04;
|
color: @COLOR_GRAY04;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
|
|||||||
@@ -55,7 +55,6 @@
|
|||||||
.border-solid(@size:1px,@color:@COLOR_GRAY02);
|
.border-solid(@size:1px,@color:@COLOR_GRAY02);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-family: @baseFontBold;
|
|
||||||
&:focus {
|
&:focus {
|
||||||
border: 4px solid @PRIMARY_COLOR_RED;
|
border: 4px solid @PRIMARY_COLOR_RED;
|
||||||
box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);
|
box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);
|
||||||
|
|||||||
@@ -5,7 +5,8 @@
|
|||||||
.size(@w: 100%, @h:210px);
|
.size(@w: 100%, @h:210px);
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
background-color: @BG_COLOR_01;
|
background-color: @BG_COLOR_01;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 28px);
|
font-weight: bold;
|
||||||
|
font-size: 28px;
|
||||||
.tVirtualGridList {
|
.tVirtualGridList {
|
||||||
height: 210px;
|
height: 210px;
|
||||||
> div {
|
> div {
|
||||||
|
|||||||
@@ -9,7 +9,6 @@
|
|||||||
.introLayout {
|
.introLayout {
|
||||||
.flex(@direction: column);
|
.flex(@direction: column);
|
||||||
background-color: @BG_COLOR_03;
|
background-color: @BG_COLOR_03;
|
||||||
font-family: @baseFont;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
@@ -22,7 +21,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.txtPoint {
|
.txtPoint {
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
font-size: 74px;
|
font-size: 74px;
|
||||||
color: #57585a;
|
color: #57585a;
|
||||||
}
|
}
|
||||||
@@ -55,7 +54,7 @@
|
|||||||
.termsTitle {
|
.termsTitle {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
color: @COLOR_BLACK;
|
color: @COLOR_BLACK;
|
||||||
background-color: @COLOR_SKYBLUE;
|
background-color: @COLOR_SKYBLUE;
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
line-height: 84px;
|
line-height: 84px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.infoBottomBox {
|
.infoBottomBox {
|
||||||
|
|||||||
@@ -10,7 +10,8 @@
|
|||||||
|
|
||||||
.title {
|
.title {
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
margin-bottom: 19px;
|
margin-bottom: 19px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -22,7 +23,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.cardFooter {
|
.cardFooter {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
|
|
||||||
.callNumber {
|
.callNumber {
|
||||||
|
|||||||
@@ -13,7 +13,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
> p {
|
> p {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
color: @COLOR_GRAY10;
|
color: @COLOR_GRAY10;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -15,7 +15,8 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.cardKnd {
|
.cardKnd {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardNo {
|
.cardNo {
|
||||||
|
|||||||
@@ -10,7 +10,8 @@
|
|||||||
|
|
||||||
.title {
|
.title {
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
margin-bottom: 19px;
|
margin-bottom: 19px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -22,7 +23,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.cardFooter {
|
.cardFooter {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY03;
|
color: @COLOR_GRAY03;
|
||||||
|
|
||||||
.callNumber {
|
.callNumber {
|
||||||
|
|||||||
@@ -33,12 +33,10 @@
|
|||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-family: @baseFontBold;
|
|
||||||
.orderNm {
|
.orderNm {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
color: @COLOR_WHITE;
|
color: @COLOR_WHITE;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-family: @baseFont;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.orderCancelBtn {
|
.orderCancelBtn {
|
||||||
|
|||||||
@@ -69,7 +69,8 @@
|
|||||||
}
|
}
|
||||||
.notiBottom {
|
.notiBottom {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
.font(@fontFamily: @baseFont,@fontSize:24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
color: @COLOR_GRAY06;
|
color: @COLOR_GRAY06;
|
||||||
margin-top: 71px;
|
margin-top: 71px;
|
||||||
white-space: pre-line;
|
white-space: pre-line;
|
||||||
|
|||||||
@@ -65,14 +65,16 @@
|
|||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
|
|
||||||
.faqTitle {
|
.faqTitle {
|
||||||
.font(@fontFamily: @baseFontBold,@fontSize:30px);
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
border-bottom: 1px solid @COLOR_GRAY02;
|
border-bottom: 1px solid @COLOR_GRAY02;
|
||||||
padding: 20px 30px;
|
padding: 20px 30px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.expDate {
|
.expDate {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
.font(@fontFamily: @baseFont,@fontSize:24px);
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -9,7 +9,8 @@
|
|||||||
> div {
|
> div {
|
||||||
min-width: 330px;
|
min-width: 330px;
|
||||||
> div {
|
> div {
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 24px);
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -31,7 +31,7 @@
|
|||||||
border: 3px solid #e7e7e7;
|
border: 3px solid #e7e7e7;
|
||||||
}
|
}
|
||||||
.subTitle {
|
.subTitle {
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
margin-bottom: 27px;
|
margin-bottom: 27px;
|
||||||
}
|
}
|
||||||
.text {
|
.text {
|
||||||
|
|||||||
@@ -5,7 +5,8 @@
|
|||||||
z-index: 10;
|
z-index: 10;
|
||||||
.size(@w: 100%, @h:236px);
|
.size(@w: 100%, @h:236px);
|
||||||
background-color: @BG_COLOR_01;
|
background-color: @BG_COLOR_01;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 28px);
|
font-weight: bold;
|
||||||
|
font-size: 28px;
|
||||||
|
|
||||||
// tVirtualGridListContainer
|
// tVirtualGridListContainer
|
||||||
> div:nth-child(1) {
|
> div:nth-child(1) {
|
||||||
|
|||||||
@@ -19,7 +19,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
> p {
|
> p {
|
||||||
.font (@fontFamily: @baseFontBold, @fontSize: 36px);
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
color: #a3a3a3;
|
color: #a3a3a3;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -37,7 +37,8 @@
|
|||||||
border: 1px solid @COLOR_GRAY09;
|
border: 1px solid @COLOR_GRAY09;
|
||||||
background-color: @BG_COLOR_04;
|
background-color: @BG_COLOR_04;
|
||||||
color: #333;
|
color: #333;
|
||||||
.font(@fontFamily: @baseFontBold, @fontSize: 40px);
|
font-weight: bold;
|
||||||
|
font-size: 40px;
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
overflow: unset;
|
overflow: unset;
|
||||||
|
|||||||
@@ -4,7 +4,6 @@
|
|||||||
.serviceLayout {
|
.serviceLayout {
|
||||||
display: flex;
|
display: flex;
|
||||||
.flex(@direction: column);
|
.flex(@direction: column);
|
||||||
font-family: @baseFont;
|
|
||||||
color: @COLOR_GRAY08;
|
color: @COLOR_GRAY08;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|||||||
@@ -69,7 +69,7 @@
|
|||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
|
|
||||||
.termsTitle {
|
.termsTitle {
|
||||||
font-family: @baseFontBold;
|
font-weight: bold;
|
||||||
border-bottom: 1px solid @COLOR_GRAY02;
|
border-bottom: 1px solid @COLOR_GRAY02;
|
||||||
padding: 20px 30px;
|
padding: 20px 30px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user