| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- // *************************************
- //
- // Bucket
- // -> Based on:
- // * http://jsfiddle.net/necolas/rZvEF/
- //
- // -------------------------------------
- // Template (Haml)
- // -------------------------------------
- //
- // .bucket[.bucket--flag]
- // .bucket-media
- // / ...
- // .bucket-content
- // / ...
- //
- // *************************************
- .bucket
- @extend %group
- // -------------------------------------
- // Modifiers
- // -------------------------------------
- // ----- Flag ----- //
- .bucket--flag
- display: table
- .bucket-content
- vertical-align: middle
- .bucket-media--center
- position: relative
- transform: translate(0, 20%)
- // -------------------------------------
- // Scaffolding
- // -------------------------------------
- // ----- Content ----- //
- .bucket-content
- display: table-cell
- width: 10000px
- // ----- Media ----- //
- .bucket-media
- float: left
- margin-right: $b-space
- > img
- display: block
- max-width: none
|
