Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Divider component #92

Closed
wants to merge 1 commit into from
Closed

Divider component #92

wants to merge 1 commit into from

Conversation

wujingquan
Copy link
Contributor

No description provided.


$padding-base: 4px;
$padding-md: $padding-base * 4;
$gray-3: #ebedf0;
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

these 2 colors are already defined in colors variables file


$baseClass: 'vant-divider';

$padding-base: 4px;
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use the spacing variables

$padding-md: $padding-base * 4;
$gray-3: #ebedf0;
$gray-6: #969799;
$font-size-md: 14px;
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you can find the font variables in typography

$divider-margin: $padding-md 0;
$divider-text-color: $gray-6;
$divider-font-size: $font-size-md;
$divider-line-height: 24px;
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use typography variables

&::before,
&::after {
display: block;
flex: 1;
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we need flex:1 if it's display block?

import '../../styles/stories.scss';

export default {
title: 'Divier',
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Divider

@mxdi9i7
Copy link
Owner

mxdi9i7 commented Dec 24, 2020

Remember to upgrade package.json version by patch version, and check this item off in README.md

@mxdi9i7 mxdi9i7 added the enhancement New feature or request label Dec 26, 2020
@mxdi9i7 mxdi9i7 closed this May 20, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants