Related artists list
This commit is contained in:
@ -139,8 +139,8 @@
|
||||
&--right {
|
||||
float: right;
|
||||
|
||||
.list__item {
|
||||
padding: 10px 0 0 14px;
|
||||
.list__item__column__item {
|
||||
padding-left: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
@ -230,39 +230,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
&--related-artists {
|
||||
padding-bottom: 20px;
|
||||
cursor: pointer;
|
||||
|
||||
.artist {
|
||||
display: block;
|
||||
border: 0;
|
||||
margin: 20px 0;
|
||||
@include clearfix;
|
||||
|
||||
.thumbnail {
|
||||
@include animate();
|
||||
border-radius: 50%;
|
||||
width: 60px;
|
||||
margin-right: 15px;
|
||||
float: left;
|
||||
border: 3px solid transparent;
|
||||
}
|
||||
|
||||
.name {
|
||||
display: block;
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
a.artist:hover {
|
||||
.thumbnail {
|
||||
border-color: colour(turquoise);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include responsive($bp_medium){
|
||||
|
||||
&__item {
|
||||
|
||||
41
src/scss/components/_related-artists.scss
Executable file
41
src/scss/components/_related-artists.scss
Executable file
@ -0,0 +1,41 @@
|
||||
|
||||
.related-artists {
|
||||
padding-bottom: 20px;
|
||||
cursor: pointer;
|
||||
|
||||
&__item {
|
||||
@include clearfix();
|
||||
display: block;
|
||||
border: 0;
|
||||
margin: 20px 0;
|
||||
padding: 0;
|
||||
|
||||
&__thumbnail {
|
||||
@include animate();
|
||||
border-radius: 50%;
|
||||
width: 60px;
|
||||
margin-right: 15px;
|
||||
float: left;
|
||||
border: 3px solid transparent;
|
||||
}
|
||||
|
||||
&__name {
|
||||
display: block;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
&--link {
|
||||
border: none !important;
|
||||
|
||||
&:hover {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
|
||||
.related-artists__item__thumbnail {
|
||||
border-color: colour(turquoise);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user