│ │ │ ├── demo # Patterns feature a demo folder to show implementation │ │ │ ├── _tests_ # Jest javascript unit tests │ │ ├── button # For instance, the button atom │ ├── 01-atoms # Twig namespace: JS/Sass namespace: atoms ├── _patterns # All assets live within an Atomic "pattern"
this readme should be at any/where/particle/README.md) Particle builds design systems in dev mode for local hosting, or production mode for optimized asset generation.
#DUPLICATE PARTICLE PLAYGROUND GENERATOR#
Simple Yeoman generator for Design System component creation.All Webpack and Gulp files are fully configurable.Auto-linting against the AirBnB JavaScript Style Guide and sane Sass standards.Bootstrap 4 integration, used for all starting example components.Within any twig file, means the same thing to Drupal theme and Pattern Lab. Twig namespaced paths automatically added into Drupal theme and Pattern Lab config.Webpack Dev Server for local hosting and hot reloading of assets into Pattern Lab.Webpack bundling of all CSS, javascript, font, and static image assets for multiple targets (Drupal theme, Grav theme, Pattern Lab).Strict Atomic Design component structure.Drupal theme, Grav theme, and Pattern Lab app.In depth documentation about frontend approach using this project at Phase2 Frontend Docs Prerequisites Apply that design system to a Drupal theme.Apply that design system to a locally-served Pattern Lab for rapid prototyping.Build an application-agnostic design system.Particle is an opinionated set of tools and examples to: Particle: A design system integrating to Pattern Lab and a Drupal 8 theme
0 kommentar(er)
