Sha256: 3f3dae19aae97222d750b1741f664a1f13a02686a22b8d83b2461d4cd17e15d6

Contents?: true

Size: 1.86 KB

Versions: 29

Compression:

Stored size: 1.86 KB

Contents

// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source

////
/// @group prototype-text-utilities
////

/// Responsive breakpoints for text utilities
/// @type Boolean
$prototype-utilities-breakpoints: $global-prototype-breakpoints !default;

/// Default Value for `text-overflow` variable
/// @type String
$prototype-text-overflow: ellipsis !default;

/// Image Replacement utility. `text-hide`
@mixin text-hide {
  font: 0/0 a !important;
  color: transparent !important;
  text-shadow: none !important;
  background-color: transparent !important;
  border: 0 !important;
}

/// Truncating the text, elipsis by default.
/// @param {String} $overflow [$prototype-text-overflow] Text Truncate
@mixin text-truncate(
  $overflow: $prototype-text-overflow
) {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: $overflow; 
  white-space: nowrap !important;
}

/// No wrapping of the text. `text-nowrap`
@mixin text-nowrap {
  white-space: nowrap !important;
}

/// Wrapping of the text. `text-wrap`
@mixin text-wrap {
  word-wrap: break-word !important;
}

@mixin foundation-prototype-text-utilities {
  .text-hide {
    @include text-hide;
  }

  .text-truncate {
    @include text-truncate;
  }

  .text-nowrap {
    @include text-nowrap;
  }

  .text-wrap {
    @include text-wrap;
  }

  @if ($prototype-utilities-breakpoints) {
    // Loop through Responsive Breakpoints
    @each $size in $breakpoint-classes {
      @include breakpoint($size) {
        @if $size != $-zf-zero-breakpoint {
          .#{$size}-text-hide {
            @include text-hide;
          }

          .#{$size}-text-truncate {
            @include text-truncate;
          }

          .#{$size}-text-nowrap {
            @include text-nowrap;
          }

          .#{$size}-text-wrap {
            @include text-wrap;
          }
        }
      }
    }
  }
}

Version data entries

29 entries across 29 versions & 4 rubygems

Version Path
bedrock_sass-0.2.2 assets/_vendor/foundation/scss/prototype/_text-utilities.scss
foundation-rails-6.6.1.0 vendor/assets/scss/prototype/_text-utilities.scss
foundation-rails-6.5.3.0 vendor/assets/scss/prototype/_text-utilities.scss
bedrock_sass-0.2.1 assets/_vendor/foundation/scss/prototype/_text-utilities.scss
foundation-rails-6.5.1.0 vendor/assets/scss/prototype/_text-utilities.scss
locomotivecms_wagon-2.4.1 generators/foundation/public/stylesheets/foundation6/prototype/_text-utilities.scss
bedrock_sass-0.2.0 assets/_vendor/foundation/scss/prototype/_text-utilities.scss
locomotivecms_wagon-2.4.0 generators/foundation/public/stylesheets/foundation6/prototype/_text-utilities.scss
foundation-rails-6.4.3.0 vendor/assets/scss/prototype/_text-utilities.scss
bedrock_sass-0.1.9 assets/_vendor/foundation/scss/prototype/_text-utilities.scss
bedrock_sass-0.1.8 assets/_vendor/foundation/scss/prototype/_text-utilities.scss
bedrock_sass-0.1.7 assets/_vendor/foundation/scss/prototype/_text-utilities.scss
bedrock_sass-0.1.6 assets/_vendor/foundation/scss/prototype/_text-utilities.scss
bedrock_sass-0.1.5 assets/_vendor/foundation/scss/prototype/_text-utilities.scss
bedrock_sass-0.1.4 assets/_vendor/foundation/scss/prototype/_text-utilities.scss
bedrock_sass-0.1.3 assets/_vendor/foundation/scss/prototype/_text-utilities.scss
bedrock_sass-0.1.2 assets/_vendor/foundation/scss/prototype/_text-utilities.scss
foundation-rails-6.4.1.3 vendor/assets/scss/prototype/_text-utilities.scss
jekyll-theme-foundation-0.3.6 _sass/scss/prototype/_text-utilities.scss
jekyll-theme-foundation-0.3.5 _sass/scss/prototype/_text-utilities.scss