aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/abstracts
Commit message (Collapse)AuthorAgeFilesLines
* refactor(pages): refine Projects pageArmand Philippot2023-12-071-2/+0
| | | | | | | * add a `contexts` meta key to projects * replace `technologies` with `contexts` key in projects list * make getProjectsFilenames async * add Cypress tests
* refactor(pages): refine Thematic pagesArmand Philippot2023-12-011-0/+2
| | | | | | | | | | | * add a table of contents (however posts heading are not included) * rename posts list section title * add a useThematic hook to refresh thematic contents * add a useThematicLists hook to refresh thematics list * add a `notIn` filter in thematics list fetcher to directly remove unwanted thematics * add Cypress tests
* refactor(components): rewrite Pagination componentArmand Philippot2023-11-111-19/+35
|
* feat(components): add a generic Grid componentArmand Philippot2023-11-111-2/+1
| | | | | * merge Columns, Gallery and CardsList into Grid component * add more options to control the grid
* refactor(components): rewrite Card componentArmand Philippot2023-11-111-1/+1
| | | | | | | | | | | | | * make the component more generic * merge `<Summary />` and `<Comment />` styles into card component to avoid repeating the same structure * remove most of the props to use composition However the CSS is a bit complex because of the two variants... Also, the component should be refactored when the CSS pseudo-class `:has` has enough support: the provider and the `cover` and `meta` props should be removed.
* refactor(components): rewrite Code component and usePrism hookArmand Philippot2023-11-112-0/+310
| | | | | | | | | | | | * move Prism styles to Sass placeholders to avoid repeats * let usePrism consumer define its plugins (remove default ones) * remove `plugins` prop from Code component * add new props to Code component to let consumer configure plugins (and handle plugin list from the given options) However there are some problems with Prism plugins: line-highlight and treeview does not seems to be loaded. I don't want to use Babel instead of SWC so I have no solution for now.
* refactor(components): replace Meta component with MetaListArmand Philippot2023-11-111-1/+1
| | | | | | 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...).
* refactor(components): rewrite Link componentArmand Philippot2023-11-113-1/+104
| | | | | | | | | * 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-111-2/+28
| | | | | | | | | | | | | * 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-114-34/+55
| | | | | | | | | * 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/+37
| | | | | 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-242-0/+55
| | | | | | | | | * 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-193-3/+3
| | | | | | 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: replace Checkbox component with a BooleanField componentArmand Philippot2022-05-312-0/+14
| | | | | Checkbox and radio buttons are working the same way so I decided to group them in a same component.
* chore: add a PageLayout componentArmand Philippot2022-04-252-0/+26
|
* chore: increase toolbar buttons sizeArmand Philippot2022-02-132-0/+34
| | | | | | 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: update logoArmand Philippot2022-01-271-3/+4
| | | | | Adjust previous colors to fit the new website and add a dark version to better fit with the dark theme.
* chore: adjust colors and grid layoutArmand Philippot2022-01-251-4/+6
|
* 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.
* feat: implement dark modeArmand Philippot2022-01-171-23/+47
|
* chore: customize text selection colorsArmand Philippot2022-01-141-0/+1
|
* chore(prism): replace Coldark theme with a custom themeArmand Philippot2022-01-031-1/+7
|
* chore: add styles to WP blocksArmand Philippot2022-01-031-3/+4
|
* chore: define search form visibilityArmand Philippot2021-12-202-6/+22
|
* chore: define secondary button stylesArmand Philippot2021-12-161-0/+4
| | | | I also rename submit style to primary.
* chore: define Sass functions, mixins, placeholders and variablesArmand Philippot2021-12-1310-0/+345