Styling improvements to the popups for producers

This commit is contained in:
Will Marshall
2014-03-12 12:52:21 +11:00
parent f73cd3db7d
commit 3ec80aaaa3
3 changed files with 14 additions and 0 deletions

View File

@@ -13,3 +13,4 @@
$ ->
$(document).foundation()
$(document).foundation('reveal', {animation: 'fade'})

View File

@@ -90,6 +90,10 @@ product
max-width: 555px
@media all and (max-width: 768px)
height: auto !important
ul
list-style-type: none
padding-left: none
& > .title, &.active > .title
text-transform: uppercase
line-height: 50px

View File

@@ -0,0 +1,9 @@
- for producer in @producers
.reveal-modal{id: "producer_details_#{producer.id}"}
%h2
%img.left{src: producer.logo.url(:thumb)}
= producer.name
%img.about.right{src: producer.promo_image.url(:large)}
= producer.description.andand.html_safe
%a.close-reveal-modal ×