joyent-portal/packages/ui-toolkit/src/text/__tests__/__snapshots__/text.spec.js.snap

219 lines
2.5 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Button H1 1`] = `
.c0 {
font-size: 2rem;
margin: 0.625rem 0;
color: rgba(73,73,73,1);
font-size: 2.25rem;
line-height: 2.8125rem;
font-style: normal;
font-stretch: normal;
margin: 0;
}
.c0 + p,
.c0 + small,
.c0 + h1,
.c0 + h2,
.c0 + label,
.c0 + h3,
.c0 + h4,
.c0 + h5,
.c0 + div,
.c0 + span {
margin-top: 1.5rem;
}
<h1
className="c0"
>
Inspire the lazy
</h1>
`;
exports[`Button H2 1`] = `
.c0 {
color: rgba(73,73,73,1);
line-height: 1.875rem;
font-size: 1.5rem;
margin: 0;
}
.c0 + p,
.c0 + small,
.c0 + h1,
.c0 + h2,
.c0 + label,
.c0 + h3,
.c0 + h4,
.c0 + h5,
.c0 + div,
.c0 + span {
margin-top: 1.5rem;
}
<h2
className="c0"
>
Inspire the lazy
</h2>
`;
exports[`Button H3 1`] = `
.c0 {
color: rgba(73,73,73,1);
line-height: 1.625rem;
font-size: 1.3125rem;
margin: 0;
}
.c0 + p,
.c0 + small,
.c0 + h1,
.c0 + h2,
.c0 + label,
.c0 + h3,
.c0 + h4,
.c0 + h5,
.c0 + div,
.c0 + span {
margin-top: 1.5rem;
}
<h3
className="c0"
>
Inspire the lazy
</h3>
`;
exports[`Button H4 1`] = `
.c0 {
color: rgba(73,73,73,1);
font-weight: 600;
line-height: 1.5rem;
font-size: 0.9375rem;
margin: 0;
}
.c0 + p,
.c0 + small,
.c0 + h1,
.c0 + h2,
.c0 + label,
.c0 + h3,
.c0 + h4,
.c0 + h5,
.c0 + div,
.c0 + span {
margin-top: 0.75rem;
}
<h4
className="c0"
>
Inspire the lazy
</h4>
`;
exports[`Button H5 1`] = `
.c0 {
color: rgba(73,73,73,1);
line-height: 1.5rem;
font-size: 0.9375rem;
margin: 0;
}
.c0 + p,
.c0 + small,
.c0 + h1,
.c0 + h2,
.c0 + label,
.c0 + h3,
.c0 + h4,
.c0 + h5,
.c0 + div,
.c0 + span {
margin-top: 0.75rem;
}
<h4
className="c0"
>
Inspire the lazy
</h4>
`;
exports[`Button H6 1`] = `
.c0 {
color: rgba(73,73,73,1);
line-height: 1.125rem;
font-size: 0.8125rem;
margin: 0;
}
.c0 + p,
.c0 + small,
.c0 + h1,
.c0 + h2,
.c0 + label,
.c0 + h3,
.c0 + h4,
.c0 + h5,
.c0 + div,
.c0 + span {
margin-top: 0.75rem;
}
<h6
className="c0"
>
Inspire the lazy
</h6>
`;
exports[`Button Paragraph 1`] = `
.c0 {
color: rgba(73,73,73,1);
line-height: 1.5rem;
font-size: 0.9375rem;
margin: 0;
}
.c0 + p,
.c0 + small,
.c0 + h1,
.c0 + h2,
.c0 + label,
.c0 + h3,
.c0 + h4,
.c0 + h5,
.c0 + div,
.c0 + span {
padding-bottom: 2.25rem;
}
<p
className="c0"
>
Inspire the lazy
</p>
`;
exports[`Button Small 1`] = `
.c0 {
font-size: 80%;
color: rgba(73,73,73,1);
line-height: 1.125rem;
font-size: 0.8125rem;
padding-bottom: 0.75rem;
}
<small
className="c0"
>
Inspire the lazy
</small>
`;