- dev: started altering the project structure and architecture to better.
- dev: scrapped the project to use open Props
- CSS: updated base and added new custom scrollbar
- CSS: added theme modes eg. dark theme.
- CSS: changed colors to use open props, almost done with the transition of grays and the core theme colors.
- CSS: changed class names to the new proposed convention of balancing between predictability and seamless experience.
- CSS: Changed some helper classes to :where and reduced specificity issues!
- CSS: Done with grays and core theme colors, their implementation might shape how we will work with the rest of colors from open props.
- CSS: finally rolled up all open prop colors, they just need per feature testing, specificity fixes and some other minor fixes!
- CSS: fixed the glitch with shade-1 and shades basic color helpers eg. color-grape-1 now are included!
- Colors: done with colors finally, but we still need to work on gradients and make internal components like cards have dark mode built in. We will need to make --glass a separate modifier with ranges eg. glass-low, medium etc to reduce the current bloatness of implementing it on every color!
- Issue: in house or serato colors have been given a higher specificity than other colors but we're still getting some specificity issues, this needs further inspection!
- Todo: use open prop transitions instead of the current!
- CSS: Added in open prop gradients, now border gradients pending...
- CSS: started experimenting with open props built in darkmode
- Next: borders, border radius,z-index, aspect ratio, spacing and more!
- CSS: added various open prop variables and also mapped them out to in house sass variables. Added aspect ratios, typography stuff, z-index, border stuff and more!
- Note: We still need to look into conditional props and also implement generators for all the added open prop variables.
- Next: Sizes, reading content size and add the remaining open prop variables
- Todo: Fix dark button colors in dark mode.
- Theming: Started to make theme responsive components such as light / dark buttons. Will just need some more touchs offs.
- CSS: Added animations, all sizes variables and all easings.
- CSS: completed adding in house variables for all open prop variables.
- Note: Media Queries need some further inspection and perhaps some setup to work i.e the post css plugin.
- Next: Start generating helper utility classes for all open prop variables.
- Dev: Changed and updated package.json now using a new build setup that now actually depends on npm scripts.
- CSS: Removed font awesome animations lib integration in favor of open props's animations for basic stateless animations.
- Dev: Re-installed open props and also installed the postcss-custom-media post css plugin to enable use of custom named media queries!
- CSS: Updated shadow helpers, introduced hover state shadows!
- CSS: Updated borders and added blob radii!
- CSS: Added z-indexes, and aspect ratios.
- CSS: Added font sizes, font heights, font spacings and fluid fonts.
- CSS: Added sizes, fluid, content and header sizes.
- Next: Configure the custom media plugin.
- CSS: Reverted naming convention to old way eg. border-size instead of borderSize.
- CSS: Added in house breakpoint units.
- Next: Update margin, padding and spacing classes!
- CSS: Updated margin, padding and spacing classes to use open prop and logical css and fluid stuff!
- CSS: Added color-parent, color-transparent and color-current helper classes
- CSS: Changed grow and shrink helper classes to flex-grow!
- CSS: Added position helpers, the sticky, the fixed and the percentage positions.
- CSS: Added flex basis helpers.
- CSS: Introduced breakpoints aliases to enable great dev experience, they just need some revision though!
- CSS: Changed default paddings to use fluid props.
- CSS: Added text-reset class for quick text resetting to default.
- CSS: Added display grid class.
- Pending: flow utilities.
- CSS: Added page flow helper utilities.
- CSS: Exposed media query device with values as custom props.
- CSS: Removed almost all important flags, low or zero specificity now!
- CSS: Started on open prop animations
- CSS: Finished Open prop animations, they will just need tunning and adding more adjustment utilities like animation-delay.
- Next: responsiveness, revision, beta release + documentation.
- dev: Changed the dev environment starter command from
yarn start
toyarn dev
- dev: changed CHANGELOG.md to
CHANGELOG.old.md
and then CHANGELOG-v2.md toCHANGELOG.md
- dev: Added
CONTRIBUTING.md
for guiding new contributors - dev: Updated
README.md