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-bottom: $spacer-md;
  font-size: $font-size-base;
  line-height: $paragraph-line-height;

  &:not([class]) {
    @extend %improved-hyphenation-text;
  }

  &.lead {
    @extend %body-font-italic;

    font-size: $font-size-sm;
    line-height: $paragraph-line-height;
  }

  &.display,
  &.standalone {
    @extend %heading-font-regular;

    margin-bottom: 0;
  }

  &.display {
    text-transform: uppercase;
  }

  &.small {
    font-size: $font-size-xxs;
  }
}

@media screen and (min-width: $grid-breakpoint-md) {
  p {
    font-size: $font-size-sm;

    &.lead {
      font-size: $font-size-md;
    }
  }
}
  • URL: /components/raw/paragraph/_paragraph.scss
  • Filesystem Path: components/05-atoms/text/block/paragraph/_paragraph.scss
  • Size: 657 Bytes
  • Handle: @paragraph--default
  • Preview:
  • Filesystem Path: components/05-atoms/text/block/paragraph/paragraph.html

No notes defined.