diff --git a/components/01_Atoms/_atoms.scss b/components/01_Atoms/_atoms.scss index 30769b6..6f9c177 100644 --- a/components/01_Atoms/_atoms.scss +++ b/components/01_Atoms/_atoms.scss @@ -1,6 +1,6 @@ @import 'link/link'; @import 'headline/headline'; -@import 'text/text'; +@import 'paragraph/paragraph'; @import 'icon/icon'; @import 'button/button'; @import 'checkbox/checkbox'; diff --git a/components/01_Atoms/paragraph/_paragraph.scss b/components/01_Atoms/paragraph/_paragraph.scss new file mode 100644 index 0000000..5e8e641 --- /dev/null +++ b/components/01_Atoms/paragraph/_paragraph.scss @@ -0,0 +1,13 @@ +.LP-Paragraph { + color: black; + font-family: $-primary-serif-font; + font-size: 1.2rem; + + &--teaser{ + font-family: $-primary-sans-serif-font; + padding: 0; + margin: 0; + margin-top: 5px; + font-size: 0.9rem; + } +} \ No newline at end of file diff --git a/components/01_Atoms/text/text.config.json b/components/01_Atoms/paragraph/paragraph.config.json similarity index 83% rename from components/01_Atoms/text/text.config.json rename to components/01_Atoms/paragraph/paragraph.config.json index ff15fc3..61a794e 100644 --- a/components/01_Atoms/text/text.config.json +++ b/components/01_Atoms/paragraph/paragraph.config.json @@ -1,5 +1,14 @@ { "context": { "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet." - } + }, + "variants": [ + { + "name": "Teaser", + "context":{ + "text": "Hamm (Westf)", + "modifier": "--teaser" + } + } + ] } \ No newline at end of file diff --git a/components/01_Atoms/paragraph/paragraph.hbs b/components/01_Atoms/paragraph/paragraph.hbs new file mode 100644 index 0000000..f1d81cf --- /dev/null +++ b/components/01_Atoms/paragraph/paragraph.hbs @@ -0,0 +1 @@ +

{{text}}

\ No newline at end of file diff --git a/components/01_Atoms/text/_text.scss b/components/01_Atoms/text/_text.scss deleted file mode 100644 index 8bad50c..0000000 --- a/components/01_Atoms/text/_text.scss +++ /dev/null @@ -1,5 +0,0 @@ -.LP-Text { - color: black; - font-family: $-primary-serif-font; - font-size: 1.2rem; -} \ No newline at end of file diff --git a/components/01_Atoms/text/text.hbs b/components/01_Atoms/text/text.hbs deleted file mode 100644 index 391e23a..0000000 --- a/components/01_Atoms/text/text.hbs +++ /dev/null @@ -1 +0,0 @@ -

{{text}}

\ No newline at end of file