crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-06 05:01:20 +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 { .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) => { const CollectionHeading = ({ type='default', children, subtitle }: CollectionHeadingProps) => {
return ( return (
<section className="collectionHeading"> <section>
<HeadingCommon type={type} children={children}/> <HeadingCommon type={type} children={children}/>
<div className={s.subtitle}>{subtitle}</div> <div className={s.subtitle}>{subtitle}</div>
</section> </section>

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

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