Sha256: d9da6e0994d08a5d0e030ad1d0eda26a4334470143cdff55ec0bad8d065496b6

Contents?: true

Size: 740 Bytes

Versions: 169

Compression:

Stored size: 740 Bytes

Contents

/// Hides the text in an element, commonly used to show an image. Some elements will need block-level styles applied.
///
/// @link http://zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement
///
/// @example scss - Usage
///   .element {
///     @include hide-text;
///   }
///
/// @example css - CSS Output
///   .element {
///     overflow: hidden;
///     text-indent: 101%;
///     white-space: nowrap;
///   }
///
/// @todo Remove height argument in v5.0.0

@mixin hide-text($height: null) {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;

  @if $height {
    @warn "The `hide-text` mixin has changed and no longer requires a height. The height argument will no longer be accepted in v5.0.0";
  }
}

Version data entries

169 entries across 162 versions & 26 rubygems

Version Path
nesta-contentfocus-extensions-0.0.2 assets/stylesheets/bourbon/addons/_hide-text.scss
solidus_backend-1.0.0.pre2 vendor/bundle/gems/bourbon-4.2.3/app/assets/stylesheets/addons/_hide-text.scss
mifflin-0.1.1 vendor/assets/bower_components/bourbon/app/assets/stylesheets/addons/_hide-text.scss
bourbon-4.2.3 app/assets/stylesheets/addons/_hide-text.scss
bourbon-4.2.2 app/assets/stylesheets/addons/_hide-text.scss
bourbon-4.2.1 app/assets/stylesheets/addons/_hide-text.scss
bourbon-4.2.0 app/assets/stylesheets/addons/_hide-text.scss
bourbon-4.2.0.beta app/assets/stylesheets/addons/_hide-text.scss
bourbon-4.2.0.pre app/assets/stylesheets/addons/_hide-text.scss