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

feat: add feature-card and card-section components #3119

Merged
merged 23 commits into from
May 16, 2020

Conversation

freefaller69
Copy link
Contributor

Description

Create feature-card template component extended from fast-card with a header slot, footer slot, and default slot for content. Create card-section component for grid placement of feature-cards. Implement hover behaviors on cards and card sections to match design.

Screen Shot 2020-05-13 at 1 40 35 PM

Screen Shot 2020-05-13 at 1 39 57 PM

Motivation & context

Issue type checklist

  • Chore: A change that does not impact distributed packages.
  • Bug fix: A change that fixes an issue, link to the issue above.
  • New feature: A change that adds functionality.

Is this a breaking change?

  • This change causes current functionality to break.

Process & policy checklist

  • I have added tests for my changes.
  • I have tested my changes.
  • I have updated the project documentation to reflect my changes.
  • I have read the CONTRIBUTING documentation and followed the standards for this project.

@msftclas
Copy link

msftclas commented May 13, 2020

CLA assistant check
All CLA requirements met.

@chrisdholt chrisdholt force-pushed the feature/fast-frame branch from 6f3af9e to 0a2ad02 Compare May 13, 2020 22:09
@freefaller69 freefaller69 force-pushed the users/v-mbenso/features-cards branch from d3159f2 to 32ac79e Compare May 14, 2020 17:43
@freefaller69 freefaller69 marked this pull request as ready for review May 14, 2020 17:46
@freefaller69 freefaller69 force-pushed the users/v-mbenso/features-cards branch from ab15341 to b0f80e7 Compare May 15, 2020 17:52
@freefaller69 freefaller69 force-pushed the users/v-mbenso/features-cards branch from b867dd2 to 2d7f7d3 Compare May 15, 2020 23:57
@freefaller69 freefaller69 merged commit 9ddc2a3 into feature/fast-frame May 16, 2020
@freefaller69 freefaller69 deleted the users/v-mbenso/features-cards branch May 16, 2020 00:49
chrisdholt pushed a commit that referenced this pull request May 18, 2020
* Add feature card component

* Add feature card section

* Add feature card section to index.html

* Update card styles

* change links slot to footer

* Add neutralForegroundRestBehavior to feature-card

* Remove unused css custom property

* Add ::before separator element to cards

* feat: add accent color and background color selection (#3123)

* feat: add color pickers and preview

* formatting

* added dark / light mode

* add prettier

* ran prettier

* saved last index for selecting background

* addressed Rob's comments

* ran prettier

* addressed comments

* styling fixes

* fix file formatting

* fix import

* formatting issue

* formatting

* fix tabs to spaces

* change selector from h5 to :first-child

* Append Site prefix

* make feature-card responsive

* remove style property

* fix import and closing tags

* remove fast-anchor color

* refactor card elements

* modify class extension

Co-authored-by: Michael Benson <[email protected]>
Co-authored-by: Jeff Smith <[email protected]>
radium-v pushed a commit that referenced this pull request May 18, 2020
* Add feature card component

* Add feature card section

* Add feature card section to index.html

* Update card styles

* change links slot to footer

* Add neutralForegroundRestBehavior to feature-card

* Remove unused css custom property

* Add ::before separator element to cards

* feat: add accent color and background color selection (#3123)

* feat: add color pickers and preview

* formatting

* added dark / light mode

* add prettier

* ran prettier

* saved last index for selecting background

* addressed Rob's comments

* ran prettier

* addressed comments

* styling fixes

* fix file formatting

* fix import

* formatting issue

* formatting

* fix tabs to spaces

* change selector from h5 to :first-child

* Append Site prefix

* make feature-card responsive

* remove style property

* fix import and closing tags

* remove fast-anchor color

* refactor card elements

* modify class extension

Co-authored-by: Michael Benson <[email protected]>
Co-authored-by: Jeff Smith <[email protected]>
chrisdholt pushed a commit that referenced this pull request May 18, 2020
* Add feature card component

* Add feature card section

* Add feature card section to index.html

* Update card styles

* change links slot to footer

* Add neutralForegroundRestBehavior to feature-card

* Remove unused css custom property

* Add ::before separator element to cards

* feat: add accent color and background color selection (#3123)

* feat: add color pickers and preview

* formatting

* added dark / light mode

* add prettier

* ran prettier

* saved last index for selecting background

* addressed Rob's comments

* ran prettier

* addressed comments

* styling fixes

* fix file formatting

* fix import

* formatting issue

* formatting

* fix tabs to spaces

* change selector from h5 to :first-child

* Append Site prefix

* make feature-card responsive

* remove style property

* fix import and closing tags

* remove fast-anchor color

* refactor card elements

* modify class extension

Co-authored-by: Michael Benson <[email protected]>
Co-authored-by: Jeff Smith <[email protected]>
chrisdholt pushed a commit that referenced this pull request Jun 4, 2020
* Add feature card component

* Add feature card section

* Add feature card section to index.html

* Update card styles

* change links slot to footer

* Add neutralForegroundRestBehavior to feature-card

* Remove unused css custom property

* Add ::before separator element to cards

* feat: add accent color and background color selection (#3123)

* feat: add color pickers and preview

* formatting

* added dark / light mode

* add prettier

* ran prettier

* saved last index for selecting background

* addressed Rob's comments

* ran prettier

* addressed comments

* styling fixes

* fix file formatting

* fix import

* formatting issue

* formatting

* fix tabs to spaces

* change selector from h5 to :first-child

* Append Site prefix

* make feature-card responsive

* remove style property

* fix import and closing tags

* remove fast-anchor color

* refactor card elements

* modify class extension

Co-authored-by: Michael Benson <[email protected]>
Co-authored-by: Jeff Smith <[email protected]>
chrisdholt pushed a commit that referenced this pull request Jun 11, 2020
* Add feature card component

* Add feature card section

* Add feature card section to index.html

* Update card styles

* change links slot to footer

* Add neutralForegroundRestBehavior to feature-card

* Remove unused css custom property

* Add ::before separator element to cards

* feat: add accent color and background color selection (#3123)

* feat: add color pickers and preview

* formatting

* added dark / light mode

* add prettier

* ran prettier

* saved last index for selecting background

* addressed Rob's comments

* ran prettier

* addressed comments

* styling fixes

* fix file formatting

* fix import

* formatting issue

* formatting

* fix tabs to spaces

* change selector from h5 to :first-child

* Append Site prefix

* make feature-card responsive

* remove style property

* fix import and closing tags

* remove fast-anchor color

* refactor card elements

* modify class extension

Co-authored-by: Michael Benson <[email protected]>
Co-authored-by: Jeff Smith <[email protected]>
chrisdholt pushed a commit that referenced this pull request Jun 16, 2020
* Add feature card component

* Add feature card section

* Add feature card section to index.html

* Update card styles

* change links slot to footer

* Add neutralForegroundRestBehavior to feature-card

* Remove unused css custom property

* Add ::before separator element to cards

* feat: add accent color and background color selection (#3123)

* feat: add color pickers and preview

* formatting

* added dark / light mode

* add prettier

* ran prettier

* saved last index for selecting background

* addressed Rob's comments

* ran prettier

* addressed comments

* styling fixes

* fix file formatting

* fix import

* formatting issue

* formatting

* fix tabs to spaces

* change selector from h5 to :first-child

* Append Site prefix

* make feature-card responsive

* remove style property

* fix import and closing tags

* remove fast-anchor color

* refactor card elements

* modify class extension

Co-authored-by: Michael Benson <[email protected]>
Co-authored-by: Jeff Smith <[email protected]>
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.

8 participants