Skip to content
New issue

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

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

Already on GitHub? # to your account

Create Masthead component #439

Merged
merged 17 commits into from
Jun 17, 2019
Merged

Create Masthead component #439

merged 17 commits into from
Jun 17, 2019

Conversation

yvonnetangsu
Copy link
Member

@yvonnetangsu yvonnetangsu commented Jun 11, 2019

READY FOR REVIEW

Summary

  • Create the masthead component

Needed By (Date)

  • When it's ready

Urgency

  • N/A

Steps to Test

  1. Pull this branch and compile styleguide
  2. Look at the masthead variants at all breakpoints

Affected Projects or Products

  • Decanter
  • Redwood WordPress

Associated Issues and/or People

@yvonnetangsu yvonnetangsu requested a review from sherakama June 13, 2019 19:50
@yvonnetangsu
Copy link
Member Author

Also requesting your review in advance, @sherakama . I still need to add all the variables properly from the nested components and some fixup I need to do, but please leave any comments. I'm thinking for the different brand bar colors the developers can just pass in the brand bar modifier class themselves instead of having those as masthead variants.

@include grid-media-max('md') {
@include flex-column($columns: 10);
// On mobile, lockup needs a higher z-index than nav because the nav takes up 100% width including margin
z-index: 10010;
Copy link
Member

Choose a reason for hiding this comment

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

@buttonwillowsix z-index here.

Copy link
Member

@sherakama sherakama left a comment

Choose a reason for hiding this comment

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

Looks great.

@sherakama sherakama merged commit 5b7712d into master Jun 17, 2019
@sherakama sherakama deleted the 222-masthead branch June 17, 2019 16:44
yvonnetangsu added a commit that referenced this pull request Jun 17, 2019
* master:
  Create Masthead component (#439)
  Link variants (#450)
  Create TERMSOFUSE.txt (#441)
  436 437 cards (#440)
  DEC-381: Responsive flex classes with responsive gutters (#425)

# Conflicts:
#	core/dist/css/decanter.css
#	core/src/scss/components/card/_card.scss
#	core/src/scss/components/card/index.scss
#	core/src/scss/utilities/placeholders/components/_card.scss
yvonnetangsu added a commit that referenced this pull request Jun 17, 2019
* master:
  Create Masthead component (#439)
  Link variants (#450)
  Create TERMSOFUSE.txt (#441)
JBCSU added a commit that referenced this pull request Jun 19, 2019
* master:
  date stacked component initial commit (#373)
  Add a variant for Card where the whole card is a link and add option to turn headline into a link (#444)
  Create Masthead component (#439)
  Link variants (#450)

# Conflicts:
#	core/src/scss/utilities/mixins/link/_external-link.scss - resolved using master
#	core/src/scss/utilities/mixins/shadow/_box-shadow.scss - manually resolved
sherakama pushed a commit that referenced this pull request Jul 3, 2019
* Create a masthead component with multiple variants.
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants