diff --git a/redux/redux-reactRedux/src/components/count/dist/style.module.css b/redux/redux-reactRedux/src/components/count/dist/style.module.css new file mode 100644 index 000000000..fcbe1fc67 --- /dev/null +++ b/redux/redux-reactRedux/src/components/count/dist/style.module.css @@ -0,0 +1,15 @@ +.hehe { + margin-top: 20px; + margin-left: 20px; + padding: 12px; + border: 1px solid green; +} +.hehe .item { + display: flex; + justify-content: flex-start; + align-items: center; +} +.hehe .item .name { + font-weight: bold; + color: #333; +} \ No newline at end of file diff --git a/redux/redux-reactRedux/src/components/count/index.jsx b/redux/redux-reactRedux/src/components/count/index.jsx index a762f77ae..ce5451e4f 100644 --- a/redux/redux-reactRedux/src/components/count/index.jsx +++ b/redux/redux-reactRedux/src/components/count/index.jsx @@ -6,7 +6,7 @@ */ import {useRef} from 'react' import {connect} from 'react-redux' -import count from './style.module.css' +import count from './style.module.scss' import { createIncreementAction, createDecreementAction, diff --git a/redux/redux-reactRedux/src/components/count/style.module.css b/redux/redux-reactRedux/src/components/count/style.module.css deleted file mode 100644 index 6c45ea13a..000000000 --- a/redux/redux-reactRedux/src/components/count/style.module.css +++ /dev/null @@ -1,11 +0,0 @@ -.hehe{ - margin-top: 20px; - margin-left: 20px; - padding: 12px; - border: 1px solid green; - -} -*{ - padding: 0; - margin: 0; -} \ No newline at end of file diff --git a/redux/redux-reactRedux/src/components/count/style.module.scss b/redux/redux-reactRedux/src/components/count/style.module.scss new file mode 100644 index 000000000..e1bfd3a81 --- /dev/null +++ b/redux/redux-reactRedux/src/components/count/style.module.scss @@ -0,0 +1,16 @@ +.hehe{ + margin-top: 20px; + margin-left: 20px; + padding: 12px; + border: 1px solid green; + .item{ + display: flex; + justify-content: flex-start; + align-items: center; + .name{ + font-weight: bold; + color: #333; + } + } + +} \ No newline at end of file