├── .gitignore ├── .npmignore ├── LICENSE ├── README.md ├── dist ├── components │ ├── Dom.js │ └── index.js ├── css │ ├── BeforeAfter.js │ ├── Hover.js │ ├── Match.js │ ├── MediaQuery.js │ ├── Pseudo.js │ └── index.js ├── grid │ ├── Col.js │ ├── Container.js │ ├── GridCss.js │ ├── GridStyle.js │ ├── Row.js │ ├── W100.js │ └── index.js ├── index.js └── media │ ├── Empty.js │ ├── MatchMedia.js │ ├── MediaQueryAtom.js │ ├── Query.js │ ├── Range.js │ └── index.js ├── example ├── README.md ├── package-lock.json ├── package.json ├── public │ ├── favicon.ico │ ├── index.html │ └── manifest.json ├── src │ ├── App.js │ ├── App.test.js │ ├── bootstrap │ │ ├── Icon.js │ │ ├── Nav.js │ │ ├── Section.js │ │ └── index.js │ ├── components │ │ ├── grid │ │ │ ├── EqualWidth.js │ │ │ ├── Fluid.js │ │ │ ├── GridWrapper.js │ │ │ ├── HorizontalAlignment.js │ │ │ ├── MultiRow.js │ │ │ ├── Nest.js │ │ │ ├── OneWidth.js │ │ │ ├── SelfAlignment.js │ │ │ ├── VariableWidth.js │ │ │ ├── VerticalAlignment.js │ │ │ ├── ZeroWidth.js │ │ │ └── index.js │ │ ├── match │ │ │ ├── Listener.js │ │ │ ├── MatchEl.js │ │ │ └── index.js │ │ ├── mediaquery │ │ │ ├── ResponsiveStyle.js │ │ │ └── index.js │ │ └── pseudo │ │ │ ├── Before.js │ │ │ └── index.js │ ├── containers │ │ ├── GridSection.js │ │ ├── MatchSection.js │ │ ├── MediaQuerySection.js │ │ ├── PseudoSection.js │ │ ├── Sidebar.js │ │ └── index.js │ ├── index.css │ ├── index.js │ ├── registerServiceWorker.js │ └── theme │ │ ├── AppStyle.js │ │ ├── Bootstrap.js │ │ └── index.js └── yarn.lock ├── media └── fluid_react.png ├── package.json └── src ├── components ├── Dom.js └── index.js ├── css ├── BeforeAfter.js ├── Hover.js ├── Match.js ├── MediaQuery.js └── index.js ├── grid ├── Col.js ├── Container.js ├── GridCss.js ├── GridStyle.js ├── Row.js ├── W100.js └── index.js ├── index.js └── media ├── Empty.js ├── MatchMedia.js ├── MediaQueryAtom.js ├── Query.js ├── Range.js └── index.js /.gitignore: -------------------------------------------------------------------------------- 1 | **node_modules** 2 | example/build/ 3 | .DS_Store 4 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | **node_modules** 2 | example/ 3 | .DS_Store 4 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/README.md -------------------------------------------------------------------------------- /dist/components/Dom.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/components/Dom.js -------------------------------------------------------------------------------- /dist/components/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/components/index.js -------------------------------------------------------------------------------- /dist/css/BeforeAfter.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/css/BeforeAfter.js -------------------------------------------------------------------------------- /dist/css/Hover.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/css/Hover.js -------------------------------------------------------------------------------- /dist/css/Match.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/css/Match.js -------------------------------------------------------------------------------- /dist/css/MediaQuery.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/css/MediaQuery.js -------------------------------------------------------------------------------- /dist/css/Pseudo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/css/Pseudo.js -------------------------------------------------------------------------------- /dist/css/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/css/index.js -------------------------------------------------------------------------------- /dist/grid/Col.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/grid/Col.js -------------------------------------------------------------------------------- /dist/grid/Container.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/grid/Container.js -------------------------------------------------------------------------------- /dist/grid/GridCss.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/grid/GridCss.js -------------------------------------------------------------------------------- /dist/grid/GridStyle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/grid/GridStyle.js -------------------------------------------------------------------------------- /dist/grid/Row.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/grid/Row.js -------------------------------------------------------------------------------- /dist/grid/W100.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/grid/W100.js -------------------------------------------------------------------------------- /dist/grid/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/grid/index.js -------------------------------------------------------------------------------- /dist/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/index.js -------------------------------------------------------------------------------- /dist/media/Empty.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/media/Empty.js -------------------------------------------------------------------------------- /dist/media/MatchMedia.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/media/MatchMedia.js -------------------------------------------------------------------------------- /dist/media/MediaQueryAtom.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/media/MediaQueryAtom.js -------------------------------------------------------------------------------- /dist/media/Query.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/media/Query.js -------------------------------------------------------------------------------- /dist/media/Range.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/media/Range.js -------------------------------------------------------------------------------- /dist/media/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/dist/media/index.js -------------------------------------------------------------------------------- /example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/README.md -------------------------------------------------------------------------------- /example/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/package-lock.json -------------------------------------------------------------------------------- /example/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/package.json -------------------------------------------------------------------------------- /example/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/public/favicon.ico -------------------------------------------------------------------------------- /example/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/public/index.html -------------------------------------------------------------------------------- /example/public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/public/manifest.json -------------------------------------------------------------------------------- /example/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/App.js -------------------------------------------------------------------------------- /example/src/App.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/App.test.js -------------------------------------------------------------------------------- /example/src/bootstrap/Icon.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/bootstrap/Icon.js -------------------------------------------------------------------------------- /example/src/bootstrap/Nav.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/bootstrap/Nav.js -------------------------------------------------------------------------------- /example/src/bootstrap/Section.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/bootstrap/Section.js -------------------------------------------------------------------------------- /example/src/bootstrap/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/bootstrap/index.js -------------------------------------------------------------------------------- /example/src/components/grid/EqualWidth.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/grid/EqualWidth.js -------------------------------------------------------------------------------- /example/src/components/grid/Fluid.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/grid/Fluid.js -------------------------------------------------------------------------------- /example/src/components/grid/GridWrapper.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/grid/GridWrapper.js -------------------------------------------------------------------------------- /example/src/components/grid/HorizontalAlignment.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/grid/HorizontalAlignment.js -------------------------------------------------------------------------------- /example/src/components/grid/MultiRow.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/grid/MultiRow.js -------------------------------------------------------------------------------- /example/src/components/grid/Nest.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/grid/Nest.js -------------------------------------------------------------------------------- /example/src/components/grid/OneWidth.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/grid/OneWidth.js -------------------------------------------------------------------------------- /example/src/components/grid/SelfAlignment.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/grid/SelfAlignment.js -------------------------------------------------------------------------------- /example/src/components/grid/VariableWidth.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/grid/VariableWidth.js -------------------------------------------------------------------------------- /example/src/components/grid/VerticalAlignment.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/grid/VerticalAlignment.js -------------------------------------------------------------------------------- /example/src/components/grid/ZeroWidth.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/grid/ZeroWidth.js -------------------------------------------------------------------------------- /example/src/components/grid/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/grid/index.js -------------------------------------------------------------------------------- /example/src/components/match/Listener.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/match/Listener.js -------------------------------------------------------------------------------- /example/src/components/match/MatchEl.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/match/MatchEl.js -------------------------------------------------------------------------------- /example/src/components/match/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/match/index.js -------------------------------------------------------------------------------- /example/src/components/mediaquery/ResponsiveStyle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/mediaquery/ResponsiveStyle.js -------------------------------------------------------------------------------- /example/src/components/mediaquery/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/mediaquery/index.js -------------------------------------------------------------------------------- /example/src/components/pseudo/Before.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/pseudo/Before.js -------------------------------------------------------------------------------- /example/src/components/pseudo/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/components/pseudo/index.js -------------------------------------------------------------------------------- /example/src/containers/GridSection.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/containers/GridSection.js -------------------------------------------------------------------------------- /example/src/containers/MatchSection.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/containers/MatchSection.js -------------------------------------------------------------------------------- /example/src/containers/MediaQuerySection.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/containers/MediaQuerySection.js -------------------------------------------------------------------------------- /example/src/containers/PseudoSection.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/containers/PseudoSection.js -------------------------------------------------------------------------------- /example/src/containers/Sidebar.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/containers/Sidebar.js -------------------------------------------------------------------------------- /example/src/containers/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/containers/index.js -------------------------------------------------------------------------------- /example/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/index.css -------------------------------------------------------------------------------- /example/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/index.js -------------------------------------------------------------------------------- /example/src/registerServiceWorker.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/registerServiceWorker.js -------------------------------------------------------------------------------- /example/src/theme/AppStyle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/theme/AppStyle.js -------------------------------------------------------------------------------- /example/src/theme/Bootstrap.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/theme/Bootstrap.js -------------------------------------------------------------------------------- /example/src/theme/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/src/theme/index.js -------------------------------------------------------------------------------- /example/yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/example/yarn.lock -------------------------------------------------------------------------------- /media/fluid_react.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/media/fluid_react.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/package.json -------------------------------------------------------------------------------- /src/components/Dom.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/components/Dom.js -------------------------------------------------------------------------------- /src/components/index.js: -------------------------------------------------------------------------------- 1 | export * from './Dom'; 2 | -------------------------------------------------------------------------------- /src/css/BeforeAfter.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/css/BeforeAfter.js -------------------------------------------------------------------------------- /src/css/Hover.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/css/Hover.js -------------------------------------------------------------------------------- /src/css/Match.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/css/Match.js -------------------------------------------------------------------------------- /src/css/MediaQuery.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/css/MediaQuery.js -------------------------------------------------------------------------------- /src/css/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/css/index.js -------------------------------------------------------------------------------- /src/grid/Col.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/grid/Col.js -------------------------------------------------------------------------------- /src/grid/Container.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/grid/Container.js -------------------------------------------------------------------------------- /src/grid/GridCss.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/grid/GridCss.js -------------------------------------------------------------------------------- /src/grid/GridStyle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/grid/GridStyle.js -------------------------------------------------------------------------------- /src/grid/Row.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/grid/Row.js -------------------------------------------------------------------------------- /src/grid/W100.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/grid/W100.js -------------------------------------------------------------------------------- /src/grid/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/grid/index.js -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/index.js -------------------------------------------------------------------------------- /src/media/Empty.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/media/Empty.js -------------------------------------------------------------------------------- /src/media/MatchMedia.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/media/MatchMedia.js -------------------------------------------------------------------------------- /src/media/MediaQueryAtom.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/media/MediaQueryAtom.js -------------------------------------------------------------------------------- /src/media/Query.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/media/Query.js -------------------------------------------------------------------------------- /src/media/Range.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/media/Range.js -------------------------------------------------------------------------------- /src/media/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/richardzcode/fluid-react/HEAD/src/media/index.js --------------------------------------------------------------------------------