aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/base
Commit message (Collapse)AuthorAgeFilesLines
* refactor(components): split Layout component in smaller componentsArmand Philippot2023-11-223-54/+53
| | | | | The previous component was too long and hardly readable. So I splitted it in different part and added tests.
* 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-111-27/+0
| | | | | | | | | * 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 List componentArmand Philippot2023-11-111-61/+0
| | | | | | | | | * 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-241-0/+10
| | | | | 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-241-57/+3
| | | | | | | | | * 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(build): replace paths aliases with relative pathsArmand Philippot2023-09-197-11/+11
| | | | | | 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.
* 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-311-9/+1
| | | | | Checkbox and radio buttons are working the same way so I decided to group them in a same component.
* chore(storybook): use custom themes and add dark mode supportArmand Philippot2022-05-221-8/+8
|
* chore: adjust and complete missing stylesArmand Philippot2022-05-161-20/+4
| | | | | | * 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 Layout componentArmand Philippot2022-04-223-21/+7
| | | | It defines the different components used by all other layouts.
* 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.
* chore: increase toolbar buttons sizeArmand Philippot2022-02-132-24/+21
| | | | | | 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.
* 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-311-0/+40
|
* chore: update logoArmand Philippot2022-01-271-3/+5
| | | | | 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-252-6/+16
|
* feat: add a setting to disable animations and transitionsArmand Philippot2022-01-171-0/+8
| | | | | Some users may not know the reduced motion settings, so I provide an option directly on the website to disable animations.
* feat: implement dark modeArmand Philippot2022-01-173-35/+67
|
* refactor(styles): rename shadow and border variablesArmand Philippot2022-01-164-12/+11
|
* chore: customize text selection colorsArmand Philippot2022-01-142-0/+7
|
* chore: customize browser scrollbarArmand Philippot2022-01-141-0/+20
|
* fix: make links pseudo elements consistent between browsersArmand Philippot2022-01-141-15/+13
| | | | | On Chromium the pseudo elements (like external links icon) was not displayed correctly.
* chore: ensure 100vh height and improve Header/Footer stylesArmand Philippot2022-01-082-4/+16
|
* chore: adjust h2 stylesArmand Philippot2022-01-081-5/+9
|
* chore: add main nav link statesArmand Philippot2022-01-071-0/+44
|
* chore: add a back to top linkArmand Philippot2022-01-041-0/+13
|
* chore(prism): replace Coldark theme with a custom themeArmand Philippot2022-01-031-0/+9
|
* chore: add styles to WP blocksArmand Philippot2022-01-032-12/+92
|
* chore: add a skip to content linkArmand Philippot2021-12-221-0/+49
|
* chore: replace svg imports with componentsArmand Philippot2021-12-221-1/+0
| | | | It allows me to control the colors of each SVG paths.
* chore: add a sharing componentArmand Philippot2021-12-211-0/+1
|
* chore: move toolbar size to global scopeArmand Philippot2021-12-201-0/+11
| | | | It allows me to manage footer padding on small viewports.
* chore: define secondary button stylesArmand Philippot2021-12-161-0/+3
| | | | I also rename submit style to primary.
* chore: create homepage with graphql dataArmand Philippot2021-12-131-0/+9
|
* chore: define base and typography rulesArmand Philippot2021-12-132-0/+193
|
* chore: define CSS variables for colors, fonts and spacingsArmand Philippot2021-12-133-0/+78
|
* chore: load css fontsArmand Philippot2021-12-131-0/+134
generated by cgit v1.2.3 (git 2.39.1) at 2025-10-27 03:01:23 +0000