From e13e630cd6e4fc0b1ff92098a28a770794c7bb9a Mon Sep 17 00:00:00 2001
From: gabrhr <73925454+gabrhr@users.noreply.github.com>
Date: Wed, 20 Apr 2022 10:19:29 -0500
Subject: =?UTF-8?q?A=C3=B1adir=20plantilla?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Base para front
---
 .../app/components/PapperBlock/papperStyle-jss.js  | 58 ++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 front/odiparpack/app/components/PapperBlock/papperStyle-jss.js

(limited to 'front/odiparpack/app/components/PapperBlock/papperStyle-jss.js')

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;
-- 
cgit v1.2.3