search

milohuang / reverie

Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
http://theakiba.com/reverie/
MIT License
916 stars 196 forks source link

captions match image's width #81

Closed NRG-R9T closed 12 years ago

NRG-R9T commented 12 years ago

the width of "figcaption" match the width of the "figure" tag, while preserving flexibility, responsivenes and keeping captions at the bottom of the images

NRG-R9T commented 12 years ago

Changed display attribute and added the following in line 71 and line 72

    figure { display: table; }

    figcaption { display: table-caption; caption-side: bottom ; }

New lines

    figure.figure { margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: table; }
    figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: white; background: #555; display: table-caption; caption-side: bottom ;}