radium

ukaserge · Feb 6, 2021 · 5908c95 · 5908c95
1 parent fcd2e51
commit 5908c95
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/reactjs.md b/reactjs.md
@@ -14,3 +14,24 @@ npx create-react-app my-app
 npm install --save-dev create-react-component-folder
 npx crcf myComponent
 ```
+
+## style pseudo selector
+```js
+# npm install --save radium
+
+import Radium from 'radium';
+style={
+   ':hover': {
+   	backgroundColor:"red"
+   },
+   '@media (min-witdh: 480px)':{
+   	width: "350px"
+   }
+}
+
+export default Radium(MyComponent);
+
+// for media - wrap root component with:
+// import { StyleRoot } from 'radium';
+// <StyleRoot> </StyleRoot>
+```