-
Notifications
You must be signed in to change notification settings - Fork 601
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore: add feature card to content-placement-container and update hov…
…er styles (#3177) * add svg, update padding and text variables, add borders to framework to align with design * remove class's for framework content placement and use nth-of-type. update h3 style. update section container class naming function * add feature-card to content-placement-container * removed comented out text from index, make style changes needed post rebase, and remove unused imports * add updated hover design to features and community * switched box-shadow for elevation algorithm. removed back shadow on individual cards * add with behaviors to styles * update comment * fix layout issue after rebase
- Loading branch information
1 parent
5fdd97f
commit acb636b
Showing
6 changed files
with
157 additions
and
64 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,74 @@ | ||
| export interface FeatureCardData { | ||
| body: string; | ||
| documentationLink: string; | ||
| githubLink: string; | ||
| header: string; | ||
| item: string; | ||
| } | ||
|
|
||
| export const featureCardData: FeatureCardData[] = [ | ||
| { | ||
| body: | ||
| "Create new component compositions by nesting, styling base components, and passing unhandled props. The combinations are endless.", | ||
| documentationLink: "#", | ||
| githubLink: "#", | ||
| header: "Composition", | ||
| item: "01", | ||
| }, | ||
| { | ||
| body: | ||
| "Use Fluent by default or customize design system properties to make it your own. Or, create your own design system to use with FAST components.", | ||
| documentationLink: "#", | ||
| githubLink: "#", | ||
| header: "Design Systems", | ||
| item: "02", | ||
| }, | ||
| { | ||
| body: | ||
| "Out of the box, FAST components are built on React, but you can build components on any modern framework using the FAST system.", | ||
| documentationLink: "#", | ||
| githubLink: "#", | ||
| header: "Technology", | ||
| item: "03", | ||
| }, | ||
| { | ||
| body: | ||
| "All FAST components follow WCAG 2.1, are W3C spec-compliant and use the W3C interaction models when available.", | ||
| documentationLink: "#", | ||
| githubLink: "#", | ||
| header: "Web Standards", | ||
| item: "04", | ||
| }, | ||
| { | ||
| body: | ||
| "Design sophisticated animation sequences with the animation library, an interface for the Web Animations API.", | ||
| documentationLink: "#", | ||
| githubLink: "#", | ||
| header: "Animation", | ||
| item: "05", | ||
| }, | ||
| { | ||
| body: | ||
| "Create color palettes, extract colors from images, and handle other color operations using our color library.", | ||
| documentationLink: "#", | ||
| githubLink: "#", | ||
| header: "Colors", | ||
| item: "06", | ||
| }, | ||
| { | ||
| body: | ||
| "Build layouts such as a 12 column grid for content or an application grid with resizable panels.", | ||
| documentationLink: "#", | ||
| githubLink: "#", | ||
| header: "Layout / Grid", | ||
| item: "07", | ||
| }, | ||
| { | ||
| body: | ||
| "Leverage a toolkit of general utilities such as keyboarding, Right-To-Left (RTL), number, and string manipulation.", | ||
| documentationLink: "#", | ||
| githubLink: "#", | ||
| header: "Other", | ||
| item: "08", | ||
| }, | ||
| ]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters