diff --git a/assets/components/organisms/fullwidth-teaser/fullwidth-teaser-left.twig b/assets/components/organisms/fullwidth-teaser/fullwidth-teaser-left.twig new file mode 100644 index 000000000..a0e1d312f --- /dev/null +++ b/assets/components/organisms/fullwidth-teaser/fullwidth-teaser-left.twig @@ -0,0 +1,40 @@ +
+ + {% if not img %}{% set img %}./images/basic_page_teaser.jpg{% endset %}{% endif %} + An image description + + +
+ +
+
+

+ {% if not title %}{% set title %}Des océans plus froids que ce que nous le pensions{% endset %}{% endif %} + {{title}} +

+
    +
  • Actualités
  • +
  • Biologie
  • +
+
+ + Lire l'article + sur Tech Transfer. + {% include '@atoms/icon/icon.twig' with {icon: 'icon-chevron-right'} %} + +
+ +
+

+ {% if not content %} + {% set content %}Une équipe de chercheurs de l’EPFL et européenne a découvert une erreur dans la façon dont ont été estimées jusqu’ici les températures des océans, faisant potentiellement du réchauffement climatique actuel un évènement sans précédent ces cent derniers millions d’années.{% endset %} + {% endif %} + {{content}} +

+
+ + +
+
diff --git a/assets/components/organisms/fullwidth-teaser/fullwidth-teaser.scss b/assets/components/organisms/fullwidth-teaser/fullwidth-teaser.scss index 65bc6632a..bd005e960 100644 --- a/assets/components/organisms/fullwidth-teaser/fullwidth-teaser.scss +++ b/assets/components/organisms/fullwidth-teaser/fullwidth-teaser.scss @@ -249,3 +249,24 @@ } } } + +.fullwidth-teaser-left { + + @include media-breakpoint-up(md) { + picture img { + right: -10%; + left: auto; + } + } + + @include media-breakpoint-up(lg) { + picture img { + right: 0; + } + .fullwidth-teaser-text { + right: auto; + left: 2rem; + } + } +} + diff --git a/assets/components/organisms/fullwidth-teaser/fullwidth-teaser.yml b/assets/components/organisms/fullwidth-teaser/fullwidth-teaser.yml index bc5f94535..74ff0390d 100644 --- a/assets/components/organisms/fullwidth-teaser/fullwidth-teaser.yml +++ b/assets/components/organisms/fullwidth-teaser/fullwidth-teaser.yml @@ -2,4 +2,6 @@ title: Fullwidth teaser name: fullwidth-teaser variants: - name: horizontal - title: Horizontal \ No newline at end of file + title: Horizontal + - name: left + title: Left aligned \ No newline at end of file