![]()
@@ -481,9 +461,6 @@ exports[`renders correctly with date 1`] = `
font-family: 'Montserrat',Helvetica,Arial,sans-serif;
font-weight: 400;
text-transform: inherit;
- -webkit-letter-spacing: 0;
- -moz-letter-spacing: 0;
- -ms-letter-spacing: 0;
letter-spacing: 0;
font-size: 1rem;
line-height: 1.25rem;
@@ -503,9 +480,6 @@ exports[`renders correctly with date 1`] = `
font-family: 'Montserrat',Helvetica,Arial,sans-serif;
font-weight: 700;
text-transform: inherit;
- -webkit-letter-spacing: 0;
- -moz-letter-spacing: 0;
- -ms-letter-spacing: 0;
letter-spacing: 0;
font-size: 1.25rem;
line-height: 1.5rem;
@@ -542,10 +516,9 @@ exports[`renders correctly with date 1`] = `
font-weight: normal;
}
-.c1:hover,
-.c1:focus {
+.c1 :hover,
+.c1 :focus {
color: #000000;
- -webkit-text-decoration: none;
text-decoration: none;
}
@@ -556,22 +529,16 @@ exports[`renders correctly with date 1`] = `
}
.c2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
height: 100%;
border: 0;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-text-decoration: none;
text-decoration: none;
color: inherit;
width: 100%;
}
-.c2:hover {
+.c2 :hover {
border: 0;
font-weight: normal;
}
@@ -581,16 +548,8 @@ exports[`renders correctly with date 1`] = `
}
.c6 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
padding: 1rem;
width: 100%;
@@ -600,49 +559,47 @@ exports[`renders correctly with date 1`] = `
margin: 0;
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c7 {
font-size: 1rem;
line-height: 1.25rem;
}
}
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
.c7 {
font-size: 1.125rem;
line-height: 1.375rem;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c8 {
font-size: 1.25rem;
line-height: 1.5rem;
}
}
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
.c8 {
font-size: 1.375rem;
line-height: 1.625rem;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c2 {
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
flex-direction: row;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c3 {
width: 45%;
}
}
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
.c3 {
width: 100%;
}
@@ -652,18 +609,31 @@ exports[`renders correctly with date 1`] = `
className="c0"
>
@@ -688,7 +660,6 @@ exports[`renders correctly with date 1`] = `
>
News article
-
@@ -699,9 +670,6 @@ exports[`renders correctly with date and type 1`] = `
font-family: 'Montserrat',Helvetica,Arial,sans-serif;
font-weight: 400;
text-transform: inherit;
- -webkit-letter-spacing: 0;
- -moz-letter-spacing: 0;
- -ms-letter-spacing: 0;
letter-spacing: 0;
font-size: 1rem;
line-height: 1.25rem;
@@ -721,9 +689,6 @@ exports[`renders correctly with date and type 1`] = `
font-family: 'Montserrat',Helvetica,Arial,sans-serif;
font-weight: 700;
text-transform: inherit;
- -webkit-letter-spacing: 0;
- -moz-letter-spacing: 0;
- -ms-letter-spacing: 0;
letter-spacing: 0;
font-size: 1.25rem;
line-height: 1.5rem;
@@ -760,10 +725,9 @@ exports[`renders correctly with date and type 1`] = `
font-weight: normal;
}
-.c1:hover,
-.c1:focus {
+.c1 :hover,
+.c1 :focus {
color: #000000;
- -webkit-text-decoration: none;
text-decoration: none;
}
@@ -774,22 +738,16 @@ exports[`renders correctly with date and type 1`] = `
}
.c2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
height: 100%;
border: 0;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-text-decoration: none;
text-decoration: none;
color: inherit;
width: 100%;
}
-.c2:hover {
+.c2 :hover {
border: 0;
font-weight: normal;
}
@@ -799,16 +757,8 @@ exports[`renders correctly with date and type 1`] = `
}
.c6 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
padding: 1rem;
width: 100%;
@@ -818,49 +768,47 @@ exports[`renders correctly with date and type 1`] = `
margin: 0;
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c7 {
font-size: 1rem;
line-height: 1.25rem;
}
}
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
.c7 {
font-size: 1.125rem;
line-height: 1.375rem;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c8 {
font-size: 1.25rem;
line-height: 1.5rem;
}
}
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
.c8 {
font-size: 1.375rem;
line-height: 1.625rem;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c2 {
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
flex-direction: row;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c3 {
width: 45%;
}
}
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
.c3 {
width: 100%;
}
@@ -870,18 +818,31 @@ exports[`renders correctly with date and type 1`] = `
className="c0"
>
@@ -906,7 +869,6 @@ exports[`renders correctly with date and type 1`] = `
>
News article
-
diff --git a/src/components/Molecules/ShareButton/ShareButton.test.js b/src/components/Molecules/ShareButton/ShareButton.test.js
index b1b7f26..5880864 100644
--- a/src/components/Molecules/ShareButton/ShareButton.test.js
+++ b/src/components/Molecules/ShareButton/ShareButton.test.js
@@ -8,12 +8,10 @@ it('renders correctly', () => {
expect(tree).toMatchInlineSnapshot(`
.c4 {
- -webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
display: block;
position: relative;
- -webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
@@ -27,17 +25,8 @@ it('renders correctly', () => {
}
.c0 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
}
@@ -82,6 +71,8 @@ it('renders correctly', () => {
className="c4"
data-test="icon-share-button-facebook"
href="#"
+ isHeader={false}
+ newStyle={false}
onClick={[Function]}
rel="noopener noreferrer"
role="button"
@@ -91,6 +82,7 @@ it('renders correctly', () => {
@@ -102,6 +94,8 @@ it('renders correctly', () => {
className="c4"
data-test="icon-share-button-twitter"
href="#"
+ isHeader={false}
+ newStyle={false}
onClick={[Function]}
rel="noopener noreferrer"
role="button"
@@ -111,6 +105,7 @@ it('renders correctly', () => {
diff --git a/src/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap b/src/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap
index bb19fb5..efaf4e3 100644
--- a/src/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap
+++ b/src/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap
@@ -1,29 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders Single Message with 100% vertical height image correctly 1`] = `
-.c6 {
- font-family: 'Montserrat',Helvetica,Arial,sans-serif;
- font-weight: 400;
- text-transform: inherit;
- -webkit-letter-spacing: 0;
- -moz-letter-spacing: 0;
- -ms-letter-spacing: 0;
- letter-spacing: 0;
- font-size: 1rem;
- line-height: 1.25rem;
-}
-
-.c6 {
- font-size: 3rem;
- line-height: normal;
- color: #FFFFFF;
-}
-
-.c6 span {
- font-size: inherit;
- line-height: inherit;
-}
-
.c3 {
display: block;
width: 100%;
@@ -39,13 +16,8 @@ exports[`renders Single Message with 100% vertical height image correctly 1`] =
}
.c0 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
position: relative;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
background: #6F3AAB;
@@ -81,93 +53,129 @@ exports[`renders Single Message with 100% vertical height image correctly 1`] =
z-index: 1;
}
-@media (min-width:740px) {
- .c6 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
+.c6 {
+ font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+ font-weight: 400;
+ text-transform: inherit;
+ letter-spacing: 0;
+ font-size: 1rem;
+ line-height: 1.25rem;
}
-@media (min-width:1024px) {
- .c6 {
- font-size: 1.125rem;
- line-height: 1.375rem;
- }
+.c6 {
+ font-size: 3rem;
+ line-height: normal;
+ color: #FFFFFF;
+}
+
+.c6 span {
+ font-size: inherit;
+ line-height: inherit;
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c0 {
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
flex-direction: row;
padding-top: 0rem;
padding-bottom: 0rem;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c5 {
min-height: calc(100vh - 5.625rem);
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
padding: 0 4rem;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c5 {
width: 50%;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c1 {
height: auto;
width: 50%;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c1 {
padding-bottom: 0;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c2 img {
position: absolute;
}
}
+@media (min-width: 740px) {
+ .c6 {
+ font-size: 1rem;
+ line-height: 1.25rem;
+ }
+}
+
+@media (min-width: 1024px) {
+ .c6 {
+ font-size: 1.125rem;
+ line-height: 1.375rem;
+ }
+}
+
CTA
@@ -513,29 +541,6 @@ exports[`renders Single Message with Image correctly 1`] = `
`;
exports[`renders Single Message with double image correctly 1`] = `
-.c6 {
- font-family: 'Montserrat',Helvetica,Arial,sans-serif;
- font-weight: 400;
- text-transform: inherit;
- -webkit-letter-spacing: 0;
- -moz-letter-spacing: 0;
- -ms-letter-spacing: 0;
- letter-spacing: 0;
- font-size: 1rem;
- line-height: 1.25rem;
-}
-
-.c6 {
- font-size: 3rem;
- line-height: normal;
- color: #000000;
-}
-
-.c6 span {
- font-size: inherit;
- line-height: inherit;
-}
-
.c3 {
display: block;
width: 100%;
@@ -551,13 +556,8 @@ exports[`renders Single Message with double image correctly 1`] = `
}
.c0 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
position: relative;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
background: #FFE400;
@@ -585,12 +585,7 @@ exports[`renders Single Message with double image correctly 1`] = `
width: 100%;
height: 280px;
position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
}
@@ -601,108 +596,121 @@ exports[`renders Single Message with double image correctly 1`] = `
z-index: 1;
}
-@media (min-width:740px) {
- .c6 {
- font-size: 1rem;
- line-height: 1.25rem;
- }
+.c6 {
+ font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+ font-weight: 400;
+ text-transform: inherit;
+ letter-spacing: 0;
+ font-size: 1rem;
+ line-height: 1.25rem;
}
-@media (min-width:1024px) {
- .c6 {
- font-size: 1.125rem;
- line-height: 1.375rem;
- }
+.c6 {
+ font-size: 3rem;
+ line-height: normal;
+ color: #000000;
+}
+
+.c6 span {
+ font-size: inherit;
+ line-height: inherit;
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c0 {
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
flex-direction: row;
padding-top: 0rem;
padding-bottom: 0rem;
}
}
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c5 {
height: auto;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
padding: 0 4rem;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c5 {
width: 50%;
}
}
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c1 {
height: auto;
width: 50%;
}
}
-@media (min-width:740px) {
+@media (min-width: 740px) {
.c1 {
padding-bottom: 0;
}
}
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
+@media (min-width: 740px) {
+ .c6 {
+ font-size: 1rem;
+ line-height: 1.25rem;
+ }
}
-@media (min-width:740px) {
-
+@media (min-width: 1024px) {
+ .c6 {
+ font-size: 1.125rem;
+ line-height: 1.375rem;
+ }
}