├── .editorconfig ├── .gitignore ├── README.md ├── package.json ├── src ├── components │ ├── 0-Logo │ │ ├── Logo.css │ │ ├── Logo.js │ │ └── logo.svg │ ├── 1-ScopedSelectors │ │ ├── ScopedSelectors.css │ │ ├── ScopedSelectors.js │ │ └── ScopedSelectorsDemo.js │ ├── 2-GlobalSelectors │ │ ├── GlobalSelectors.css │ │ ├── GlobalSelectors.js │ │ └── GlobalSelectorsDemo.js │ ├── 3-ClassComposition │ │ ├── ClassComposition.js │ │ ├── ClassCompositionDemo.js │ │ ├── StyleVariantA │ │ │ ├── StyleVariantA.css │ │ │ └── StyleVariantA.js │ │ └── StyleVariantB │ │ │ ├── StyleVariantB.css │ │ │ └── StyleVariantB.js │ ├── 4-CompositionOverrides │ │ ├── CompositionOverrides.css │ │ ├── CompositionOverrides.js │ │ └── CompositionOverridesDemo.js │ ├── 5-ScopedAnimations │ │ ├── ScopedAnimations.css │ │ ├── ScopedAnimations.js │ │ └── ScopedAnimationsDemo.js │ ├── App.css │ ├── App.js │ └── shared │ │ ├── Snippet │ │ ├── Snippet.css │ │ └── Snippet.js │ │ └── styles │ │ ├── animations.css │ │ ├── layout.css │ │ └── typography.css ├── index.js └── template.ejs └── webpack.config.js /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/.editorconfig -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/README.md -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/package.json -------------------------------------------------------------------------------- /src/components/0-Logo/Logo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/0-Logo/Logo.css -------------------------------------------------------------------------------- /src/components/0-Logo/Logo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/0-Logo/Logo.js -------------------------------------------------------------------------------- /src/components/0-Logo/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/0-Logo/logo.svg -------------------------------------------------------------------------------- /src/components/1-ScopedSelectors/ScopedSelectors.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/1-ScopedSelectors/ScopedSelectors.css -------------------------------------------------------------------------------- /src/components/1-ScopedSelectors/ScopedSelectors.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/1-ScopedSelectors/ScopedSelectors.js -------------------------------------------------------------------------------- /src/components/1-ScopedSelectors/ScopedSelectorsDemo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/1-ScopedSelectors/ScopedSelectorsDemo.js -------------------------------------------------------------------------------- /src/components/2-GlobalSelectors/GlobalSelectors.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/2-GlobalSelectors/GlobalSelectors.css -------------------------------------------------------------------------------- /src/components/2-GlobalSelectors/GlobalSelectors.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/2-GlobalSelectors/GlobalSelectors.js -------------------------------------------------------------------------------- /src/components/2-GlobalSelectors/GlobalSelectorsDemo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/2-GlobalSelectors/GlobalSelectorsDemo.js -------------------------------------------------------------------------------- /src/components/3-ClassComposition/ClassComposition.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/3-ClassComposition/ClassComposition.js -------------------------------------------------------------------------------- /src/components/3-ClassComposition/ClassCompositionDemo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/3-ClassComposition/ClassCompositionDemo.js -------------------------------------------------------------------------------- /src/components/3-ClassComposition/StyleVariantA/StyleVariantA.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/3-ClassComposition/StyleVariantA/StyleVariantA.css -------------------------------------------------------------------------------- /src/components/3-ClassComposition/StyleVariantA/StyleVariantA.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/3-ClassComposition/StyleVariantA/StyleVariantA.js -------------------------------------------------------------------------------- /src/components/3-ClassComposition/StyleVariantB/StyleVariantB.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/3-ClassComposition/StyleVariantB/StyleVariantB.css -------------------------------------------------------------------------------- /src/components/3-ClassComposition/StyleVariantB/StyleVariantB.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/3-ClassComposition/StyleVariantB/StyleVariantB.js -------------------------------------------------------------------------------- /src/components/4-CompositionOverrides/CompositionOverrides.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/4-CompositionOverrides/CompositionOverrides.css -------------------------------------------------------------------------------- /src/components/4-CompositionOverrides/CompositionOverrides.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/4-CompositionOverrides/CompositionOverrides.js -------------------------------------------------------------------------------- /src/components/4-CompositionOverrides/CompositionOverridesDemo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/4-CompositionOverrides/CompositionOverridesDemo.js -------------------------------------------------------------------------------- /src/components/5-ScopedAnimations/ScopedAnimations.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/5-ScopedAnimations/ScopedAnimations.css -------------------------------------------------------------------------------- /src/components/5-ScopedAnimations/ScopedAnimations.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/5-ScopedAnimations/ScopedAnimations.js -------------------------------------------------------------------------------- /src/components/5-ScopedAnimations/ScopedAnimationsDemo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/5-ScopedAnimations/ScopedAnimationsDemo.js -------------------------------------------------------------------------------- /src/components/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/App.css -------------------------------------------------------------------------------- /src/components/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/App.js -------------------------------------------------------------------------------- /src/components/shared/Snippet/Snippet.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/shared/Snippet/Snippet.css -------------------------------------------------------------------------------- /src/components/shared/Snippet/Snippet.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/shared/Snippet/Snippet.js -------------------------------------------------------------------------------- /src/components/shared/styles/animations.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/shared/styles/animations.css -------------------------------------------------------------------------------- /src/components/shared/styles/layout.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/shared/styles/layout.css -------------------------------------------------------------------------------- /src/components/shared/styles/typography.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/components/shared/styles/typography.css -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/index.js -------------------------------------------------------------------------------- /src/template.ejs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/src/template.ejs -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-modules/webpack-demo/HEAD/webpack.config.js --------------------------------------------------------------------------------