From a244816a949fec3bf6324676bcb30378a505f794 Mon Sep 17 00:00:00 2001 From: nael Date: Wed, 12 Jun 2019 16:16:24 +0200 Subject: [PATCH] wip #2755 @4 --- public/_modules/news-feed/index.html | 155 ++++++++++++++++++++++----- public/_modules/news-feed/style.css | 27 +++++ public/_modules/news-feed/style.styl | 15 +++ 3 files changed, 172 insertions(+), 25 deletions(-) diff --git a/public/_modules/news-feed/index.html b/public/_modules/news-feed/index.html index d876f54..6f02f0b 100644 --- a/public/_modules/news-feed/index.html +++ b/public/_modules/news-feed/index.html @@ -12,36 +12,141 @@ -
-
- -
- 12/01/19 -

LSO-12-X98 - Surveillance de pont

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum dolor diam, - ac venenatis tortor egestas in. Curabitur nec enim interdum, blandit mi at, accumsan - purus. Phasellus a nisl vel mauris fringilla dapibus in ac turpis. In vel purus metus. - Vivamus aliquet pretium mi, eget tempor neque suscipit sit amet. -

- En savoir plus +
+
+ +
+
+ +
+
+ 12/01/19 +

LSO-12-X98 - Surveillance de pont

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum dolor diam, + ac venenatis tortor egestas in. Curabitur nec enim interdum, blandit mi at, accumsan + purus. Phasellus a nisl vel mauris fringilla dapibus in ac turpis. In vel purus metus. + Vivamus aliquet pretium mi, eget tempor neque suscipit sit amet. +

+ En savoir plus +
+
+ +
+
+ +
+
+ 12/01/19 +

LSO-12-X98 - Surveillance de pont

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum dolor diam, + ac venenatis tortor egestas in. Curabitur nec enim interdum, blandit mi at, accumsan + purus. Phasellus a nisl vel mauris fringilla dapibus in ac turpis. In vel purus metus. + Vivamus aliquet pretium mi, eget tempor neque suscipit sit amet. +

+ En savoir plus +
+
+ +
+
+ +
+
+ 12/01/19 +

LSO-12-X98 - Surveillance de pont

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum dolor diam, + ac venenatis tortor egestas in. Curabitur nec enim interdum, blandit mi at, accumsan + purus. Phasellus a nisl vel mauris fringilla dapibus in ac turpis. In vel purus metus. + Vivamus aliquet pretium mi, eget tempor neque suscipit sit amet. +

+ En savoir plus +
+
+ +
+
+ +
+
+ 12/01/19 +

LSO-12-X98 - Surveillance de pont

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum dolor diam, + ac venenatis tortor egestas in. Curabitur nec enim interdum, blandit mi at, accumsan + purus. Phasellus a nisl vel mauris fringilla dapibus in ac turpis. In vel purus metus. + Vivamus aliquet pretium mi, eget tempor neque suscipit sit amet. +

+ En savoir plus +
+
+ +
+
+ +
+
+ 12/01/19 +

LSO-12-X98 - Surveillance de pont

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum dolor diam, + ac venenatis tortor egestas in. Curabitur nec enim interdum, blandit mi at, accumsan + purus. Phasellus a nisl vel mauris fringilla dapibus in ac turpis. In vel purus metus. + Vivamus aliquet pretium mi, eget tempor neque suscipit sit amet. +

+ En savoir plus +
+
+ +
+
+ +
+
+ 12/01/19 +

LSO-12-X98 - Surveillance de pont

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum dolor diam, + ac venenatis tortor egestas in. Curabitur nec enim interdum, blandit mi at, accumsan + purus. Phasellus a nisl vel mauris fringilla dapibus in ac turpis. In vel purus metus. + Vivamus aliquet pretium mi, eget tempor neque suscipit sit amet. +

+ En savoir plus +
-
- -
- 12/01/19 -

LSO-12-X98 - Surveillance de pont

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum dolor diam, - ac venenatis tortor egestas in. Curabitur nec enim interdum, blandit mi at, accumsan - purus. Phasellus a nisl vel mauris fringilla dapibus in ac turpis. In vel purus metus. - Vivamus aliquet pretium mi, eget tempor neque suscipit sit amet. -

- En savoir plus +
+
+

Évènements

+
+
+ +
+
+
Automotive Testing Expo 2019
+

+ 21-23 Mai 2019, Hambourg +

+ En savoir plus +
+
+
+
+ +
+
+
Automotive Testing Expo 2019
+

+ 21-23 Mai 2019, Hambourg +

+ En savoir plus +
+
diff --git a/public/_modules/news-feed/style.css b/public/_modules/news-feed/style.css index d8425d9..8a102c0 100644 --- a/public/_modules/news-feed/style.css +++ b/public/_modules/news-feed/style.css @@ -4,9 +4,36 @@ margin: 0; font-family: 'Muli', sans-serif; } +#news { + margin: 5vw; +} +#news h3 { + font-size: 24px; +} #news .news-actu { max-width: 744px; } +@media (max-width: 767px) { + #news .news-actu { + margin-top: 2.5vw; + } +} #news .news-date { font-size: 14px; } +#news .news-txt { + margin-bottom: 0 !important; +} +#news .section-event { + background: #f7f8fc; + width: 18.125vw; +} +@media (max-width: 1280px) { + #news .section-event { + width: 100%; + } +} +#news .event-title { + font-family: 'Barlow', sans-serif; + font-weight: 500; +} diff --git a/public/_modules/news-feed/style.styl b/public/_modules/news-feed/style.styl index f6517dc..84bd3bd 100644 --- a/public/_modules/news-feed/style.styl +++ b/public/_modules/news-feed/style.styl @@ -15,7 +15,22 @@ $verylightgrey =#E7E9F3 font-family: $muli #news + margin 5vw // à supprimer + h3 + font-size: 24px .news-actu max-width: 744px + @media (max-width : 767px) + margin-top: 2.5vw .news-date font-size: 14px + .news-txt + margin-bottom: 0 !important + .section-event + background $lightgrey + width 18.125vw + @media (max-width : 1280px) + width 100% + .event-title + font-family: $barlow + font-weight: 500 \ No newline at end of file -- 2.39.5