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

Feautre/261 Heading component review #266

Open
wants to merge 4 commits into
base: develop
Choose a base branch
from
Open

Conversation

ofrankowska
Copy link

No description provided.

@vercel
Copy link

vercel bot commented May 8, 2020

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/snowdog/alpaca-ui/kucp7rpsl
✅ Preview: https://alpaca-ui-git-feature-261.snowdog1.now.sh

@ofrankowska ofrankowska changed the title #261 update heading styles, add BEM modifier Feautre/261 Heading component review May 8, 2020
@ofrankowska ofrankowska requested a review from szafran89 May 8, 2020 11:15
src/atoms/heading/Heading.scss Outdated Show resolved Hide resolved
$headings-font-weight : $font-weight-medium !default;
$headings-line-height : $font-line-height !default;
$headings-color : $color-primary !default;
$headings-text-transform : uppercase !default;
Copy link
Contributor

Choose a reason for hiding this comment

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

as I can see it should not be uppercase by default.

src/atoms/heading/Heading.stories.js Show resolved Hide resolved
$heading-font-size--first-level : $font-size-extra-large !default;
$heading-font-size--second-level\@screen-m: $font-size-extra-large !default;
$heading-font-size--second-level : $font-size-large !default;
$heading-font-size--third-level\@screen-m : $font-size-large !default;
Copy link
Contributor

Choose a reason for hiding this comment

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

IMO we should do it as simple as possible. Maybe it would be good do keep 1 size for one heading for now? @anqaka WDYT?

Copy link
Contributor

Choose a reason for hiding this comment

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

Regarding to UX, I think smaller font-size for h1 and h2 for mobile view is often requested and useful, not sure about h3

Copy link
Contributor

Choose a reason for hiding this comment

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

ok, lets leave this problem for now

@szafran89 szafran89 requested a review from anqaka May 22, 2020 09:46
Copy link
Contributor

@anqaka anqaka left a comment

Choose a reason for hiding this comment

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

Looks good

@anqaka anqaka self-requested a review June 5, 2020 14:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants