130-layout-components-atomic-design Show on GitHub

`Abeeryu`	`767a290`	`Atomic design gebruiken #130`	`commit details`	`show on GitHub`
`Abeeryu`	`e07c711`	`Merge pull request #166 from fdnd-agency/Ontwerpprincipes-card-stylen ontwerpprincipes styling verandern`	`commit details`	`show on GitHub`
`Abeeryu`	`597537d`	`Merge pull request #165 from fdnd-agency/new-code-van-de-formulier-toevoegen Componenten maken`	`commit details`	`show on GitHub`
`Abeeryu`	`4bd3046`	`ontwerpprincipes styling verandern`	`commit details`	`show on GitHub`
`Abeeryu`	`082ab05`	`Componenten maken Ik heb de header, footer, formulier als componenten gemaakt`	`commit details`	`show on GitHub`
`yamenAl`	`0c97205`	`Merge pull request #162 from fdnd-agency/131-feature-component-progress-stepper 131 feature component progress stepper`	`commit details`	`show on GitHub`
`Abeeryu`	`7ea0653`	`Merge pull request #160 from fdnd-agency/Error-fix-in-ontwerpprincipes-pagina error fix ontwerpprincipes`	`commit details`	`show on GitHub`
`yamenAl`	`32f1e39`	`Merge pull request #111 from fdnd-agency/106-als-gebruiker-wil-ik-op-stap-2-van-begrijpen-verschillende-cards-zien-over-care-archetype-zodat-ik-op-een-card-kan-klikken-en-meer-informatie-kan-lezen 106 als gebruiker wil ik op stap 2 van begrijpen verschillende cards zien over care archetype zodat ik op een card kan klikken en meer informatie kan lezen`	`commit details`	`show on GitHub`
`yamenAl`	`39b3024`	`Change prgress line color #120`	`commit details`	`show on GitHub`
`Karima002`	`bb42ea2`	`Merge pull request #159 from fdnd-agency/156-feature-the-new-responsive-card-component 156 feature the new responsive card component`	`commit details`	`show on GitHub`
`Karima002`	`0ee33b5`	`Merge branch 'dev' into 156-feature-the-new-responsive-card-component`	`commit details`	`show on GitHub`
`yamenAl`	`61ff3da`	`Use container queries for layout #120 Set .stepper as a container-type: inline-size Replaced the viewport media query with a container query at width > 64em`	`commit details`	`show on GitHub`
`Abeeryu`	`9b4f94c`	`error fix ontwerpprincipes`	`commit details`	`show on GitHub`
`Abeeryu`	`deedb94`	`files veranderd`	`commit details`	`show on GitHub`
`Abeeryu`	`a1fc24a`	`Merge pull request #145 from fdnd-agency/104-als-gebruiker-wil-ik-de-ontwerpprincipes-van-de-csm-leren-kennen-zodat-ik-de-principes-kan-toepassen-in-een-sociaal-mediaproject-en-aan-anderen-kan-tonen-2 Ontwerpprincipes cards`	`commit details`	`show on GitHub`
`Karima002`	`9cbe7c0`	`Merge pull request #158 from fdnd-agency/component-community-archetypes Typo ontwerpprincipes`	`commit details`	`show on GitHub`
`Karima002`	`2d8d0f1`	`typo ontwerpprincipes`	`commit details`	`show on GitHub`
`Karima002`	`d2013ae`	`Merge pull request #154 from fdnd-agency/153-typo-hight #153 Fixed typo's in all pages`	`commit details`	`show on GitHub`
`yamenAl`	`54e73e9`	`Adding inverted-colors #120 Added @media (inverted-colors: inverted) styles Swapped colors between done/current steps and not-done steps`	`commit details`	`show on GitHub`
`yamenAl`	`5a783f0`	`Added contrast styles #120 prefers-contrast: more added shadow and change font style prefers-contrast: less no shadow and change font style f`	`commit details`	`show on GitHub`
`yamenAl`	`171fdb1`	`Dark mode styles for stepper #120 Added prefers-color-scheme: dark styles for the stepper`	`commit details`	`show on GitHub`
`yamenAl`	`0c4dbe3`	`Add animation with reduced-motion #120 Added a small tilt animation to the current step icon Only runs when prefers-reduced-motion: no-preference Turns off animation and transform when user has reduce motion enabled`	`commit details`	`show on GitHub`
`yamenAl`	`3aa2e08`	`Adding commit to code #131`	`commit details`	`show on GitHub`
`yamenAl`	`810895d`	`add styled for stepper #131 Added CSS for the stepper navigation Used CSS variables for size, gap, and line height Styled done/current steps with teal and checkmark icons Added connecting progress line between steps media query for desktop`	`commit details`	`show on GitHub`
`yamenAl`	`0733527`	`Improve stepper #131 this the new version off the progress stepper Keeps the steps inside a <nav> with a <ul> and <li> elements Makes the step navigation clearer for accessibility and screen readers`	`commit details`	`show on GitHub`
`Karima002`	`8480a08`	`#156 Accessibility improvements: accessible name button and title element`	`commit details`	`show on GitHub`
`Karima002`	`37c9f50`	`#156 Added @container queries for tablet`	`commit details`	`show on GitHub`
`Karima002`	`2c55f4f`	`#126 Added HTML for the component`	`commit details`	`show on GitHub`
`Karima002`	`7c66a1f`	`#156 Added cards from directus`	`commit details`	`show on GitHub`
`Karima002`	`fcdda23`	`#156 Added container queries for the community archetypes cards`	`commit details`	`show on GitHub`