diff --git a/app/assets/stylesheets/movies.scss b/app/assets/stylesheets/movies.scss index 7eb8d95b..cd089c8c 100644 --- a/app/assets/stylesheets/movies.scss +++ b/app/assets/stylesheets/movies.scss @@ -1,6 +1,9 @@ @import "colors"; @import "fonts"; +$index-poster-width: 125px; +$index-poster-height: 185px; + /* MOVIE INDEX PAGE */ .tile-container { @@ -10,22 +13,23 @@ article.tile-cover-pic { float: left; margin: 0px 10px 10px 0px; - width: 125px; - height: 185px; + width: $index-poster-width; + height: $index-poster-height; overflow: hidden; img { - width: 100%; + width: $index-poster-width; + height: $index-poster-height; } /* img */ } /* article.tile-cover-pic */ .missing-poster { - position: realative; + position: relative; background-color: lighten($primary-background-color, 20%); float: left; margin: -10px 10px 10px 0px; - width: 125px; - height: 185px; + width: $index-poster-width; + height: $index-poster-height; overflow: hidden; padding: 5%; text-align: center;