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.
104 lines
1.9 KiB
SCSS
104 lines
1.9 KiB
SCSS
2 years ago
|
.artist-info{
|
||
|
|
display:flex;
|
||
|
|
> div{
|
||
|
|
flex:1;
|
||
|
|
padding:0px 60px;
|
||
|
|
}
|
||
|
|
.artist-image-container{
|
||
|
|
padding-left:0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.artist-profile{
|
||
|
|
.name-box{
|
||
|
|
padding-bottom:30px;
|
||
|
|
}
|
||
|
|
.intro-box{
|
||
|
|
padding:30px 0px;
|
||
|
|
}
|
||
|
|
.career-box{
|
||
|
|
padding:30px 0px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.artist-eng-name{
|
||
|
|
font-size:30px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 39px;
|
||
|
|
}
|
||
|
|
.artist-kor-name{
|
||
|
|
font-size: 42px;
|
||
|
|
line-height: 50.41px;
|
||
|
|
letter-spacing: -0.005em;
|
||
|
|
font-weight: 200;
|
||
|
|
}
|
||
|
|
.artist-box-title{
|
||
|
|
font-weight: 400;
|
||
|
|
font-size: 20px;
|
||
|
|
line-height: 130%;
|
||
|
|
letter-spacing: -0.5px;
|
||
|
|
padding-bottom:20px;
|
||
|
|
}
|
||
|
|
.artist-text-content{
|
||
|
|
font-weight: 300;
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 130%;
|
||
|
|
letter-spacing: -0.5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list-container{
|
||
|
|
display: flex;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
/************ BreakPoints ************/
|
||
|
|
// Small devices (landscape phones, 576px and up)
|
||
|
|
@media (max-width: 576px) {
|
||
|
|
}
|
||
|
|
|
||
|
|
// Medium devices (tablets, 768px and up)
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// Large devices (desktops, 992px and up)
|
||
|
|
@media (max-width: 992px) {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// X-Large devices (large desktops, 1200px and up)
|
||
|
|
@media (max-width: 1200px) {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// XX-Large devices (larger desktops, 1400px and up)
|
||
|
|
@media (max-width: 1400px) {
|
||
|
|
.artist-info{
|
||
|
|
flex-direction: column;
|
||
|
|
|
||
|
|
> div{
|
||
|
|
padding:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.artist-profile{
|
||
|
|
.career-box{
|
||
|
|
border-top:1px solid rgba(0, 0, 0, 0.05);
|
||
|
|
border-bottom:1px solid rgba(0, 0, 0, 0.05);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.artist-price, .artist-exhibit{
|
||
|
|
border:0;
|
||
|
|
padding:20px 0px;
|
||
|
|
border-bottom:1px solid rgba(0, 0, 0, 0.05);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.artist-swiper{
|
||
|
|
overflow: unset;
|
||
|
|
}
|
||
|
|
.artist-swiper-wrapper{
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
}
|