crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-25 19:21:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

styles: banner common

Browse Source
This commit is contained in:
lytrankieio123
2021-09-13 10:30:09 +07:00
parent 2e3def034e
commit 50725d982f
4 changed files with 25 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/common/Banner/BannerItem/BannerItem.module.scss
View File

@@ -1,31 +1,28 @@
@import "../../../../styles/utilities";
.bannerItem {
@apply bg-primary-light custom-border-radius-lg overflow-hidden;
@screen md {
border: 1px solid var(--primary);
}
@apply bg-primary-light shape-common-lg overflow-hidden;
padding: 0;
&.large {
margin-bottom: 2.8rem;
.inner {
@screen xl {
@apply bg-right-bottom;
background-size: unset;
}
background-size: cover;
background-position: right bottom;
}
}
.inner {
@apply bg-no-repeat;
background-size: 90%;
background-position: right -500% bottom 0%;
background-position: right -500% bottom 0%;
.content {
background-image: linear-gradient(
to right,
rgb(227, 242, 233, 0.9),
rgb(227, 242, 233, 0.5) 80%,
rgb(227, 242, 233) 63%,
rgb(227, 242, 233, 0)
);
padding: 1.6rem;
padding: 2rem;
padding-bottom: 4rem;
max-width: 37rem;
@screen md {
max-width: 49.6rem;
@@ -38,9 +35,6 @@
}
.subHeading {
@apply sub-headline;
@screen md {
@apply caption;
}
}
}