[howaboutthese] 스타일변경
- 마퀴부분 오른쪽 mask처리.
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
@import "../../../style/CommonStyle.module.less";
|
||||
@import "../../../style/utils.module.less";
|
||||
@import '../../../style/CommonStyle.module.less';
|
||||
@import '../../../style/utils.module.less';
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
@@ -54,7 +54,7 @@
|
||||
.title {
|
||||
color: #272727;
|
||||
font-size: 24px;
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-weight: 700;
|
||||
white-space: nowrap; // ⭐ 1줄로 표시
|
||||
line-height: 1; // 텍스트 높이 조정
|
||||
@@ -68,6 +68,8 @@
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0 19px;
|
||||
-webkit-mask-image: linear-gradient(to right, black 95%, transparent 100%);
|
||||
mask-image: linear-gradient(to right, black 95%, transparent 100%);
|
||||
}
|
||||
|
||||
.bubblesTrack {
|
||||
@@ -139,7 +141,7 @@
|
||||
.bubbleText {
|
||||
color: black;
|
||||
font-size: 24px;
|
||||
font-family: "LG Smart UI", sans-serif;
|
||||
font-family: 'LG Smart UI', sans-serif;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -171,7 +173,7 @@
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: 24px;
|
||||
font-family: "LG Smart UI", sans-serif;
|
||||
font-family: 'LG Smart UI', sans-serif;
|
||||
font-weight: 700;
|
||||
line-height: 24px;
|
||||
word-wrap: break-word;
|
||||
|
||||
Reference in New Issue
Block a user