Sha256: 8d1ec2ee02af5c0be236ea53eb96b09572320ff9a0842a04b0fb6e8a749ba13a

Contents?: true

Size: 673 Bytes

Versions: 62

Compression:

Stored size: 673 Bytes

Contents

#image-replacement.style-guide__subsection

  %h3= link_to_style_guide('trumps', 'image_replacement')

  %p Implements a CSS image replacement technique to hide the element's content and show a background image.

  %p without <code>image-replacement</code>:
  .style-guide__example-block
    %div{ style: "background: url('#{asset_url('workarea/core/placeholder.png')}') center / 100% 100%; width: 250px; height: 100px;" } I'm some text

  %p with <code>image-replacement</code>:
  .style-guide__example-block
    .image-replacement{ style: "background: url('#{asset_url('workarea/core/placeholder.png')}') center / 100% 100%; width: 250px; height: 100px;" } I'm some text

Version data entries

62 entries across 62 versions & 1 rubygems

Version Path
workarea-storefront-3.5.15 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.4.36 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.5.14 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.4.35 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.5.13 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.4.34 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.5.12 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.4.33 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.5.11 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.5.10 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.4.32 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.5.9 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.4.31 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.5.8 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.4.30 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.5.7 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.4.29 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.5.6 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.4.28 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml
workarea-storefront-3.5.5 app/views/workarea/storefront/style_guides/trumps/_image_replacement.html.haml