<p class="display"><strong>Display Text: </strong>wird immer dann verwendet, wenn innerhalb
    von Komponenten Paragraph Text eingesetzt, aber eine serifenlose Schrift
    angezeigt werden soll.</p>
<p class="display">
    <strong>Display Text: </strong>
    wird immer dann verwendet, wenn innerhalb von Komponenten Paragraph Text eingesetzt, aber eine serifenlose Schrift angezeigt werden soll.
</p>
{
  "text": "Die individuelle Technologie-und Strategieberatung für Ihr Unternehmen beginnt – ganz allgemein – zunächst bei uns selbst. Die Logik dahinter ist ganz einfach: Nur wenn wir uns bestens mit Technologie auskennen, können auch wir Sie bestens beraten. Die neuesten Trends, bevorstehende Umbrüche, neue Produkte und Entwicklungen gehören ebenso wie Standardtechnologien ganz selbstverständlich zu unserem Alltag. Nahezu jede Mitarbeiterin und jeder Mitarbeiter ist sozusagen eine eigene Forschungs- und Entwicklungsabteilung. Und das Beste daran: Alle geben Ihr Wissen an Ihre Kolleginnen und Kollegen weiter. So häufen wir intern branchenübergreifendes Knowhow an, das wir dann auf branchenspezifische Anforderungen herunterbrechen können."
}
  • Content:
    p {
      @extend %body-font-regular;
      margin-top: 0;
      margin-bottom: $content-spacer-base;
      line-height: $paragraph-line-height-small;
      font-size: $paragraph-font-size-small;
    
      &:not([class]) {
        @extend %improved-hyphenation-text;
      }
    
      &.lead {
        @extend %body-font-italic;
        line-height: $paragraph-lead-line-height-small;
        font-size: $paragraph-lead-font-size-small;
      }
    
      &.display,
      &.standalone {
        @extend %heading-font-regular;
        margin-bottom: 0;
        line-height: $paragraph-line-height-small;
        font-size: $paragraph-font-size-small;
      }
    
      &.display {
        text-transform: uppercase;
      }
    }
    
    @media screen and (min-width: $grid-breakpoint-md) {
      p {
        line-height: $paragraph-line-height;
        font-size: $paragraph-font-size;
    
        &.lead {
          line-height: $paragraph-lead-line-height;
          font-size: $paragraph-lead-font-size;
        }
      }
    }
    
  • URL: /components/raw/paragraph/_paragraph.scss
  • Filesystem Path: components/01-atoms/text/block/paragraph/_paragraph.scss
  • Size: 877 Bytes

There are no notes for this item.