Album view
This commit is contained in:
24
src/scss/views/_album.scss
Executable file
24
src/scss/views/_album.scss
Executable file
@ -0,0 +1,24 @@
|
||||
|
||||
.album-view {
|
||||
.intro {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 300px;
|
||||
background: $light_grey;
|
||||
|
||||
.thumbnail {
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
padding-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.main {
|
||||
padding-left: 300px;
|
||||
}
|
||||
}
|
||||
@ -2,13 +2,18 @@
|
||||
.artist-view {
|
||||
.intro {
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
margin: -100px 0 20px 0;
|
||||
@include clearfix;
|
||||
|
||||
.thumbnail {
|
||||
max-width: 200px;
|
||||
margin: -100px 20px 0 40px;
|
||||
margin: 0 20px 0 40px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #FFFFFF;
|
||||
padding-top: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
30
src/scss/views/_playlist.scss
Executable file
30
src/scss/views/_playlist.scss
Executable file
@ -0,0 +1,30 @@
|
||||
|
||||
.album-view {
|
||||
.intro {
|
||||
@include clearfix;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
padding: 20px;
|
||||
height: 40vh;
|
||||
z-index: 2;
|
||||
|
||||
.parallax {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.thumbnail {
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
max-width: 160px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
padding-top: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user