OCDE - Pattern Library v1.13.0

Text: Interactive 1 

u-text-interactive1
 
{{#if modifier}} {{modifier}}{{/if}}
 
{
  "modifier": "u-text-interactive1"
}
  • Content: 
    // Autogenerated, DO NOT EDIT
.u-text-title1 { @include textstyle-title1; }
.u-text-title2 { @include textstyle-title2; }
.u-text-h1 { @include textstyle-h1; }
.u-text-h2 { @include textstyle-h2; }
.u-text-h2-compact { @include textstyle-h2-compact; }
.u-text-bodylarge { @include textstyle-bodylarge; }
.u-text-bodylargebold { @include textstyle-bodylargebold; }
.u-text-bodylargecaps { @include textstyle-bodylargecaps; }
.u-text-body { @include textstyle-body; }
.u-text-bodybold { @include textstyle-bodybold; }
.u-text-bodycaps { @include textstyle-bodycaps; }
.u-text-small { @include textstyle-small; }
.u-text-smallbold { @include textstyle-smallbold; }
.u-text-smallcaps { @include textstyle-smallcaps; }
  • URL: /components/raw/u-text/_textstyles.scss
  • Filesystem Path: src/scss/01-utilities/u-text/_textstyles.scss
  • Size: 713 Bytes
  • Content: 
    // Basic Styles

.u-text-bold {
  font-weight: bold;
}

.u-text-italic {
  font-style: italic;
}

.u-text-uppercase {
  text-transform: uppercase;
}

// Alignment

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

// Whitespace

.u-text-nowrap {
  white-space: nowrap;
}

// Overflow

.u-text-breakword {
  hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word; // IE 11, identical to overflow-wrap
}

.u-text-interactive1 {
  color: $color-interactive1;
}

.u-text-interactive2 {
  color: $color-interactive2;
}

// Textstyles
@import 'textstyles';
  • URL: /components/raw/u-text/_u-text.scss
  • Filesystem Path: src/scss/01-utilities/u-text/_u-text.scss
  • Size: 596 Bytes

No notes defined.