1 files changed, 58 insertions, 0 deletions
diff --git a/front/odiparpack/app/components/PapperBlock/papperStyle-jss.js b/front/odiparpack/app/components/PapperBlock/papperStyle-jss.js
new file mode 100644
index 0000000..521e349
--- /dev/null
+++ b/front/odiparpack/app/components/PapperBlock/papperStyle-jss.js
@@ -0,0 +1,58 @@
+const styles = theme => ({
+  root: theme.mixins.gutters({
+    paddingTop: theme.spacing(3),
+    paddingBottom: theme.spacing(3),
+    marginTop: theme.spacing(3),
+    '&$noMargin': {
+      margin: 0
+    },
+  }),
+  title: {
+    marginBottom: theme.spacing(4),
+    paddingBottom: theme.spacing(2),
+    position: 'relative',
+    textTransform: 'capitalize',
+    fontSize: 28,
+    '&:after': {
+      content: '""',
+      display: 'block',
+      position: 'absolute',
+      bottom: 0,
+      left: 0,
+      width: 40,
+      borderBottom: `4px solid ${theme.palette.primary.main}`
+    }
+  },
+  description: {
+    maxWidth: 960,
+    fontSize: 16,
+  },
+  content: {
+    marginTop: theme.spacing(2),
+    padding: theme.spacing(1),
+    backgroundColor: theme.palette.background.default,
+  },
+  whiteBg: {
+    backgroundColor: 'transparent',
+    margin: 0,
+  },
+  noMargin: {},
+  colorMode: {
+    backgroundColor: theme.palette.secondary.main,
+    '& $title': {
+      color: theme.palette.grey[100],
+      '&:after': {
+        borderBottom: `5px solid ${theme.palette.primary.light}`
+      }
+    },
+    '& $description': {
+      color: theme.palette.grey[100],
+    }
+  },
+  overflowX: {
+    width: '100%',
+    overflowX: 'auto',
+  }
+});
+
+export default styles;