From cbc7276454f5d3ef7f4b95d1a785aaf5754f3114 Mon Sep 17 00:00:00 2001 From: Denis Hernandez Date: Tue, 15 Oct 2019 12:12:34 +0100 Subject: [PATCH] Finally update the snapshot --- .../src/__snapshots__/index.test.jsx.snap | 64 +++++++++++-------- 1 file changed, 37 insertions(+), 27 deletions(-) diff --git a/packages/components/psammead-story-promo-list/src/__snapshots__/index.test.jsx.snap b/packages/components/psammead-story-promo-list/src/__snapshots__/index.test.jsx.snap index 8c1c6dd169..07b6df6529 100644 --- a/packages/components/psammead-story-promo-list/src/__snapshots__/index.test.jsx.snap +++ b/packages/components/psammead-story-promo-list/src/__snapshots__/index.test.jsx.snap @@ -16,6 +16,13 @@ exports[`StoryPromo list should render correctly 1`] = ` position: relative; } +.c5 { + display: inline-block; + vertical-align: top; + width: 66.67%; + padding: 0 0.5rem; +} + .c6 { font-size: 0.9375rem; line-height: 1.25rem; @@ -38,13 +45,6 @@ exports[`StoryPromo list should render correctly 1`] = ` padding-bottom: 0.5rem; } -.c5 { - display: inline-block; - vertical-align: top; - width: 66.67%; - padding: 0 0.5rem; -} - .c1 { border-bottom: 0.0625rem solid #F2F2F2; padding: 0.5rem 0 1rem; @@ -73,9 +73,10 @@ exports[`StoryPromo list should render correctly 1`] = ` } } -@media (min-width:80rem) { +@media (min-width:63rem) { .c3 { - width: 33.33%; + display: block; + width: 100%; } } @@ -87,6 +88,29 @@ exports[`StoryPromo list should render correctly 1`] = ` } } +@media (min-width:37.5rem) { + .c5 { + padding: 0 1rem; + } +} + +@media (min-width:63rem) { + .c5 { + display: block; + width: 100%; + padding: 0.5rem 0; + } +} + +@supports (grid-template-columns:fit-content(200px)) { + .c5 { + display: block; + width: initial; + padding: initial; + grid-column: 3 / span 4; + } +} + @media (min-width:20rem) and (max-width:37.4375rem) { .c6 { font-size: 1rem; @@ -129,24 +153,10 @@ exports[`StoryPromo list should render correctly 1`] = ` } } -@media (min-width:37.5rem) { - .c5 { - padding: 0 1rem; - } -} - -@media (min-width:80rem) { - .c5 { - width: 66.67%; - } -} - -@supports (grid-template-columns:fit-content(200px)) { - .c5 { - display: block; - width: initial; - padding: initial; - grid-column: 3 / span 4; +@media (min-width:63rem) { + .c7 { + display: none; + visibility: hidden; } }