You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
1.5 KiB
SCSS
113 lines
1.5 KiB
SCSS
:host {
|
|
ion-content {
|
|
--background: #fff;
|
|
}
|
|
}
|
|
ion-back-button {
|
|
--color: #333333;
|
|
}
|
|
|
|
.article-title {
|
|
font-size: 24px;
|
|
color: #1D1E22;
|
|
font-weight: 600;
|
|
line-height: 1.4;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.article-meta {
|
|
font-size: 14px;
|
|
color: #999;
|
|
margin-bottom: 16px;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.date {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.weekday {
|
|
color: #666;
|
|
}
|
|
}
|
|
|
|
.article-brief {
|
|
background: #F5F5F5;
|
|
padding: 16px;
|
|
margin-bottom: 24px;
|
|
border-radius: 8px;
|
|
|
|
p {
|
|
font-size: 16px;
|
|
color: #78787A;
|
|
letter-spacing: 0.6px;
|
|
line-height: 24px;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
.article-content {
|
|
font-size: 16px;
|
|
line-height: 1.8;
|
|
color: #333;
|
|
white-space: pre-wrap;
|
|
|
|
p {
|
|
margin: 0 0 16px;
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.stocks-content {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-content: center;
|
|
margin-bottom: 24px;
|
|
.sc-title {
|
|
font-size: 12px;
|
|
color: #8B8D93;
|
|
font-weight: 500;
|
|
margin-right: 10px;
|
|
}
|
|
.sc-content {
|
|
font-size: 12px;
|
|
color: #1D1E22;
|
|
font-weight: 500;
|
|
|
|
.change {
|
|
margin-left: 4px;
|
|
font-weight: 500;
|
|
|
|
&.up {
|
|
color: #F93034;
|
|
}
|
|
|
|
&.down {
|
|
color: #07A50B;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.public-content {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-content: center;
|
|
margin-bottom: 24px;
|
|
span{
|
|
opacity: 0.75;
|
|
font-size: 12px;
|
|
color: #8B8D93;
|
|
font-weight: 400;
|
|
}
|
|
.pb-title {
|
|
width: 60px;
|
|
}
|
|
.pb-content {
|
|
|
|
}
|
|
}
|