편집 요약 없음 |
편집 요약 없음 |
||
36번째 줄: | 36번째 줄: | ||
border-bottom: 1px solid rgba(200, 200, 200, 0.4); | border-bottom: 1px solid rgba(200, 200, 200, 0.4); | ||
} | } | ||
.lyrics-row-end .lyrics-2- | .lyrics-row-end .lyrics-2 .end-2 { | ||
background: rgb(242, 242, 242); | background: rgb(242, 242, 242); | ||
background: rgba(220, 220, 220, 0.2); | background: rgba(220, 220, 220, 0.2); | ||
} | } | ||
} | } |
2020년 1월 27일 (월) 22:43 판
.lyrics-row {
clear: both;
}
.lyrics-row-start {
border-top: 1px solid #e1e8ed;
border-top: 1px solid rgba(200, 200, 200, 0.4);
}
.lyrics-1 {
background: rgb(251, 251, 251);
background: rgba(230, 230, 230, 0.1);
}
.lyrics-2 {
background: rgb(242, 242, 242);
background: rgba(220, 220, 220, 0.2);
}
.lyrics-3 {
background: rgb(251, 251, 251);
background: rgba(230, 230, 230, 0.1);
}
@media screen and (min-width: 544px) {
.lyrics-row {
display: flex;
}
.lyrics-row-end {
border-bottom: 1px solid #e1e8ed;
border-bottom: 1px solid rgba(200, 200, 200, 0.4);
}
}
@media screen and (max-width: 543px) {
.lyrics-row {
border-top: 1px solid #e1e8ed;
border-top: 1px solid rgba(200, 200, 200, 0.4);
}
.lyrics-row-end .lyrics-3 {
border-bottom: 1px solid #e1e8ed;
border-bottom: 1px solid rgba(200, 200, 200, 0.4);
}
.lyrics-row-end .lyrics-2 .end-2 {
background: rgb(242, 242, 242);
background: rgba(220, 220, 220, 0.2);
}
}