Files
Iris/src/scss/views/_album.scss

64 lines
769 B
SCSS
Raw Normal View History

2016-10-31 09:25:15 +13:00
2017-06-19 16:53:27 +12:00
main .album-view {
padding-left: 30%;
position: relative;
2017-06-19 16:53:27 +12:00
2017-02-07 20:07:04 +13:00
.title {
2017-06-19 16:53:27 +12:00
padding-bottom: 30px;
2016-11-01 07:37:18 +13:00
2017-02-07 20:07:04 +13:00
h3 {
color: $mid_grey;
a:hover {
color: darken($mid_grey, 20%);
2016-11-01 07:37:18 +13:00
}
}
}
2017-02-07 20:07:04 +13:00
.source {
text-transform: uppercase;
padding-bottom: 15px;
2016-10-31 09:25:15 +13:00
}
2017-02-07 20:07:04 +13:00
.actions {
2017-06-19 16:53:27 +12:00
padding-bottom: 30px;
2017-02-07 20:07:04 +13:00
}
.description {
padding-bottom: 5px;
}
.thumbnail-wrapper {
2017-06-19 16:53:27 +12:00
position: absolute;
padding: 40px;
width: 30%;
top: 0;
left: 0;
box-sizing: border-box;
.thumbnail {
max-width: 100%;
}
}
@include responsive( $bp_medium ){
.title {
2017-06-19 07:38:23 +12:00
padding: 0 20px 20px;
}
.thumbnail {
float: none;
max-width: none;
margin: 0 0 0 0;
.image {
padding-bottom: 70%;
}
}
.actions {
text-align: center;
padding-bottom: 20px;
}
}
2016-10-31 09:25:15 +13:00
}