aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles
Commit message (Collapse)AuthorAgeFilesLines
* refactor(components): replace Meta component with MetaListArmand Philippot2023-11-112-3/+2
| | | | | | It removes items complexity by allowing consumers to use any label/value association. Translations should also be defined by the consumer. Each item can now be configured separately (borders, layout...).
* feat(components): add a generic Flip componentArmand Philippot2023-11-111-20/+22
| | | | | | The flipping animation is used at several places so it makes sense to use a single component to handle the animation. It will avoid styles duplication.
* refactor(components): rewrite Link componentArmand Philippot2023-11-116-211/+160
| | | | | | | | | * rename `external` prop to `isExternal` * rename `download` prop to `isDownload` * rewrite CSS to reduce code length and complexity * move link styles in Sass placeholders to avoid repeats because of WordPress articles * move NavLink component to molecules
* refactor(components): rewrite DescriptionList componentArmand Philippot2023-11-112-13/+32
| | | | | | | | | | | | | * add a `spacing` prop * replace `layout` prop with `isInline` prop * remove `items` prop (and classNames props) in favor of new components: Description, Group, Term * remove `withSeparator` prop (CSS content is announced by screen readers and Firefox/Safari have no support for alternative text so the consumer should add itself an element with `aria-hidden` if it need a separator) Be aware, Meta component and its consumers can be visually broken, they should be refactored before using them in production.
* refactor(components): rewrite List componentArmand Philippot2023-11-118-142/+72
| | | | | | | | | * change `items` prop to children * replace `kind` prop with `isHierarchical`, `isOrdered` & `isInline` props * add `hideMarker` prop * add `spacing` prop to control item spacing * move lists styles to Sass placeholders to avoid repeats because of headless WordPress
* feat(components): replace icons with a generic Icon componentArmand Philippot2023-10-244-2/+48
| | | | | Sizes are also predefined and can be set using the `size` prop, so the consumers should no longer adjust the size in CSS.
* refactor(components): rewrite Heading componentArmand Philippot2023-10-245-85/+69
| | | | | | | | | * remove `alignment` and `withMargin` props (consumer should handle that) * move styles to Sass placeholders to avoid repeats with headings coming from WordPress * refactor some other components that depend on Heading to avoid ESlint errors
* refactor(components): rewrite Button and ButtonLink componentsArmand Philippot2023-10-242-0/+194
| | | | | | | | | | | | | | Both: * move styles to Sass placeholders Button: * add `isPressed` prop to Button * add `isLoading` prop to Button (to differentiate state from disabled) ButtonLink: * replace `external` prop with `isExternal` prop * replace `href` prop with `to` prop
* refactor(build): replace paths aliases with relative pathsArmand Philippot2023-09-1923-39/+37
| | | | | | Using paths aliases starting with "@" can be confusing and can lead to conflict with existings modules. I prefer to use relative paths to avoid extra configuration in tools because of these aliases.
* fix(media-queries): use pixel based media queriesArmand Philippot2022-06-091-5/+5
| | | | | | | | Everything was working fine with Firefox but it seems Chromium still has issues with `em` unit in media queries. The toolbar modals (search, settings and also main nav) was not displaying correctly on small devices. Some styles was missing. By switching to pixels based media queries, the bug seems fixed.
* fix(settings): avoid cropped tooltip on small devicesArmand Philippot2022-06-091-0/+14
| | | | | | I changed the settings disposition to make tooltip positioning easier. Jest complains about ref passed but everything seems to work as expected so I'm not sure it is relevant. Maybe a bug with cloneElement.
* chore: add a label to progress barArmand Philippot2022-06-071-1/+0
| | | | | | The progress element is a form element, so a label is required to be accessible. Since I'm not using it without label, I transform the optional info parameter to a mandatory label parameter.
* chore: replace Checkbox component with a BooleanField componentArmand Philippot2022-05-313-9/+15
| | | | | Checkbox and radio buttons are working the same way so I decided to group them in a same component.
* chore: adjust cards list spacingArmand Philippot2022-05-231-1/+3
|
* chore: adjust dark mode stylesArmand Philippot2022-05-221-0/+100
|
* chore(storybook): use custom themes and add dark mode supportArmand Philippot2022-05-221-8/+8
|
* chore: update some stylesArmand Philippot2022-05-213-20/+30
| | | | | | | * Improve wp-blocks-columns, wp-block-quote and some images * Make Sharing widget consistent between pages * Remove margin option from lists * Fix Topic logo alignement
* chore: update images stylesArmand Philippot2022-05-203-16/+35
|
* chore: udpate code blocks styleArmand Philippot2022-05-203-431/+134
|
* refactor: rewrite Prism hooks and providersArmand Philippot2022-05-191-1/+1
| | | | | It avoid some hydratation errors on project pages (not in article however) and the hooks are now reusable.
* chore: adjust articles stylesArmand Philippot2022-05-171-0/+1
| | | | | * change animation on article card hover * change comments section alignment
* chore: adjust and complete missing stylesArmand Philippot2022-05-1611-195/+753
| | | | | | * add logo to topics pages and links * add Prism styles to articles * and a few other adjustements
* chore: add the Blog index pageArmand Philippot2022-05-131-37/+3
|
* chore: add a Contact pageArmand Philippot2022-05-071-0/+3
|
* chore: add a Projects pageArmand Philippot2022-05-052-13/+9
|
* chore: add a CV pageArmand Philippot2022-05-031-0/+3
|
* chore: add homepageArmand Philippot2022-05-032-49/+36
|
* chore: add a PageLayout componentArmand Philippot2022-04-252-0/+26
|
* chore: add a Layout componentArmand Philippot2022-04-223-21/+7
| | | | It defines the different components used by all other layouts.
* refactor: load prism plugins without babelArmand Philippot2022-03-241-23/+5
|
* fix(animations): avoid zomm in/out effect on mobileArmand Philippot2022-03-061-32/+11
| | | | | | Due to translateX transform and overflow, on small screens a zoom in / zoom out effect happened. So I adjust the animations for branding and job.
* refactor(animations): replace width animations with transformArmand Philippot2022-02-181-6/+12
| | | | | | Animations based on width or height can be expensive and can cause lower performances. So, instead I use transform to obtain the same effect.
* fix: update wordpress gallery block stylesArmand Philippot2022-02-161-8/+20
| | | | | | Since v5.9, the gallery block does not use the same markup than the previous one. So I need to duplicate the styles to make the older posts and the new ones consistent.
* chore: add a banner for users with JS disabledArmand Philippot2022-02-141-0/+6
|
* chore: increase toolbar buttons sizeArmand Philippot2022-02-134-24/+55
| | | | | | On small screen, they was too small I think. I also change some styles like focus state to keep consistency between all elements in toolbar. Also, I was not fan of the rotate effect.
* chore: improve prism blocks displayArmand Philippot2022-02-101-18/+47
| | | | | | | On small devices the toolbar buttons cannot be on the same line, so I changed the display and I increased the buttons size. I also modified the toolbar placement: the vertical scrollbar was not always visible because of the toolbar.
* refactor: extract contact form from contact pageArmand Philippot2022-02-101-20/+0
| | | | | The contact page file was too long. By extracting the contact form the readability is improved.
* chore: improve contact form behaviorArmand Philippot2022-02-101-0/+20
| | | | | | | * The status was not visile in top of the form, so I moved it under the submit button. * It was possible to send an empty form. * The input type for email should be email instead of text.
* refactor(prism): rename color scheme attributes and remove prefixArmand Philippot2022-02-081-2/+2
|
* chore: add the Matomo opt-out formArmand Philippot2022-02-011-0/+10
|
* chore: animate main with fade in effectArmand Philippot2022-02-011-0/+10
|
* chore: animate brandingArmand Philippot2022-02-011-0/+61
|
* fix: disable animations and transitions on pseudo elementsArmand Philippot2022-02-011-2/+6
|
* chore: animate toolbar entranceArmand Philippot2022-02-011-0/+20
|
* chore: add a Prism plugin to set code blocks themeArmand Philippot2022-01-312-1/+49
|
* chore: update logoArmand Philippot2022-01-272-6/+9
| | | | | Adjust previous colors to fit the new website and add a dark version to better fit with the dark theme.
* chore: update project preview appearanceArmand Philippot2022-01-271-1/+2
|
* chore: adjust colors and grid layoutArmand Philippot2022-01-255-13/+25
|
* chore: add projects to main navArmand Philippot2022-01-201-2/+2
| | | | | | I redesign a little the main nav on small screens so it can takes two columns when the screen height is low. I change the 2xs breakpoint to 500px instead of 400px.
* chore: add a page for projectsArmand Philippot2022-01-201-0/+13
|