mirror of
https://github.com/vercel/commerce.git
synced 2025-07-22 12:24:18 +00:00
🎨 styles: home banner
:%s
This commit is contained in:
@@ -8,7 +8,7 @@ interface Props {
|
|||||||
|
|
||||||
const option = {
|
const option = {
|
||||||
slidesPerView: 1,
|
slidesPerView: 1,
|
||||||
breakpoints: {}
|
mode: 'free',
|
||||||
}
|
}
|
||||||
const Banner = memo(({ data }: Props) => {
|
const Banner = memo(({ data }: Props) => {
|
||||||
if (data.length === 1) {
|
if (data.length === 1) {
|
||||||
|
@@ -31,11 +31,15 @@
|
|||||||
width: min-content;
|
width: min-content;
|
||||||
|
|
||||||
color: var(--white);
|
color: var(--white);
|
||||||
font-size: 8.8rem;
|
font-size: 7rem;
|
||||||
line-height: 8rem;
|
line-height: 8rem;
|
||||||
letter-spacing: -0.03em;
|
letter-spacing: -0.03em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
|
||||||
|
@screen 2xl {
|
||||||
|
line-height: 8rem;
|
||||||
|
}
|
||||||
&::after {
|
&::after {
|
||||||
@apply absolute;
|
@apply absolute;
|
||||||
content: "";
|
content: "";
|
||||||
|
Reference in New Issue
Block a user