Responsive new layout; Fixing search on mobile

This commit is contained in:
James Barnsley
2017-02-07 21:37:53 +13:00
parent 20e6d903c6
commit 013f259fa4
7 changed files with 106 additions and 74 deletions

View File

@ -1,6 +1,5 @@
.album-view {
.title {
padding: 30px 40px;
@ -21,9 +20,34 @@
@include clearfix();
}
.description {
padding-bottom: 5px;
}
.thumbnail {
float: left;
max-width: 230px;
margin: 0 30px 30px 0;
}
@include responsive( $bp_medium ){
.title {
padding: 20px 20px;
}
.thumbnail {
float: none;
max-width: none;
margin: 0 0 0 0;
.image {
padding-bottom: 70%;
}
}
.actions {
text-align: center;
padding-bottom: 20px;
}
}
}