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

🎨 styles: (heading common) remove padding in common

Browse Source 
:%s
This commit is contained in:
lytrankieio123 2021-08-26 17:44:57 +07:00
parent 3c7aa8e862
commit 7c1a6e4b99
3 changed files with 3 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/common/CollectionHeading/CollectionHeading.module.scss
View File

@ -1,5 +1,3 @@
@import '../../../styles/utilities';
.subtitle {
@apply spacing-horizontal-left collection-subtitle;
margin-top: .4rem;
}

2
src/components/common/CollectionHeading/CollectionHeading.tsx
View File

@ -11,7 +11,7 @@ interface CollectionHeadingProps {
const CollectionHeading = ({ type='default', children, subtitle }: CollectionHeadingProps) => {
return (
<section className="collectionHeading">
<section>
<HeadingCommon type={type} children={children}/>
<div className={s.subtitle}>{subtitle}</div>
</section>

10
src/components/common/HeadingCommon/HeadingCommon.module.scss
View File

@ -1,9 +1,7 @@
@import '../../../styles/utilities';
.headingCommon {
@apply font-heading uppercase text-left spacing-horizontal-left;
font-size: 3.2rem;
line-height: 4rem;
@apply heading-1 font-heading text-left;
&.highlight {
color: var(--negative);
@ -13,11 +11,5 @@
}
&.center {
@apply text-center;
}
@screen md {
@apply spacing-horizontal;
font-size: 4.8rem;
line-height: 5.6rem;
}
}