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

🎨 styles: banner home

Browse Source 
:%s
This commit is contained in:
lytrankieio123
2021-08-26 13:59:05 +07:00
parent d345020e6e
commit e1088bfb88
9 changed files with 93 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/modules/home/HomeBanner/HomeBanner.module.scss
View File

@@ -1,23 +1,23 @@
@import "../../../../styles/utilities";
.homeBanner {
@apply spacing-horizontal;
.left {
@apply hidden;
}
@screen md {
@screen xl {
@apply grid;
grid-template-columns: 2fr 4fr;
grid-template-columns: 1fr 1.8fr;
.left {
@apply flex items-end justify-center custom-border-radius-lg;
background: pink;
margin-right: 1.6rem;
// background-image: url('./assets/home_banner.png');
// background-image: url('https://user-images.githubusercontent.com/76729908/130574371-3b75fa72-9552-4605-aba9-a4b31cd9dce7.png');
// background-repeat: no-repeat;
background-image: url('./assets/home_banner.png');
background-repeat: no-repeat;
background-size: cover;
.text {
@apply relative font-heading text-center;
padding-bottom: 4.8rem;
padding: 2.4rem 2.4rem 4.8rem;
width: min-content;
color: var(--white);
@@ -29,8 +29,8 @@
&::after {
@apply absolute;
content: "";
top: -4rem;
right: -1.6rem;
top: -2.4rem;
right: 0.8rem;
width: 5.7rem;
height: 4.7rem;
background-image: url("./assets/text-decorative.svg");