From 04b81a1363312c8836b9e5f9543a4382fe2a5993 Mon Sep 17 00:00:00 2001
From: GermanRodrickson <germanrodrickson@gmail.com>
Date: Thu, 23 Apr 2020 19:39:16 +0200
Subject: [PATCH] feat: add adobe preset

---
 src/components/presets/adobe.js | 69 +++++++++++++++++++++++++++++++++
 src/components/presets/index.js |  2 +
 2 files changed, 71 insertions(+)
 create mode 100644 src/components/presets/adobe.js

diff --git a/src/components/presets/adobe.js b/src/components/presets/adobe.js
new file mode 100644
index 00000000..2c0627fb
--- /dev/null
+++ b/src/components/presets/adobe.js
@@ -0,0 +1,69 @@
+/* eslint-disable no-use-before-define */
+
+import Inline from '../inline.macro'
+import { Link, Flex, Image, Box, Text } from './scope'
+
+const code = (
+  <Inline>
+    <>
+      <Box
+        sx={{
+          display: 'grid',
+          placeItems: 'center'
+        }}
+      >
+        <Box
+          css={`
+            border: 10px solid;
+            border-image-source: linear-gradient(
+              to right,
+              rgb(247, 102, 152) 0%,
+              rgb(234, 64, 123) 29%,
+              rgb(101, 78, 163) 100%
+            );
+            border-image-slice: 1;
+          `}
+          sx={{
+            bg: 'white',
+            padding: '30px'
+          }}
+        >
+          <Link
+            href='https://fonts.googleapis.com/css2?family=Merriweather:wght@400;900&display=swap'
+            rel='stylesheet'
+          />
+          <Text
+            css={`
+              -webkit-background-clip: text;
+              -webkit-text-fill-color: transparent;
+            `}
+            sx={{
+              pt: 4,
+              pb: 5,
+              fontSize: 7,
+              background:
+                'linear-gradient(to right, rgb(247, 102, 152) 0%, rgb(234, 64, 123) 29%, rgb(101, 78, 163) 100%);',
+              lineHeight: 1.4,
+              fontWeight: '900',
+              fontFamily: 'Merriweather',
+              maxWidth: '36rem',
+              bg: 'white'
+            }}
+            children={query.title}
+          />
+          <Flex
+            sx={{
+              justifyContent: 'space-between'
+            }}
+          ></Flex>
+        </Box>
+      </Box>
+    </>
+  </Inline>
+)
+
+const query = {
+  title: 'Craft quality editorial flows in Premier Pro'
+}
+
+export default { name: 'adobe', code, query }
diff --git a/src/components/presets/index.js b/src/components/presets/index.js
index e2bb3760..3b6d2983 100644
--- a/src/components/presets/index.js
+++ b/src/components/presets/index.js
@@ -9,6 +9,7 @@ import simple from './simple'
 import swyxdotio from './swyxdotio'
 import thePracticalDev from './thepracticaldev'
 import vercell from './vercell'
+import adobe from './adobe'
 
 export default {
   article,
@@ -21,5 +22,6 @@ export default {
   simple,
   swyxdotio,
   thePracticalDev,
+  adobe,
   vercell
 }