Living Styleguide

Paragraph: Default 

<p>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.</p>
 
<p>{context.text}</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.