Changed lab gaps and colors

src/components/lab/LabDescription/index.tsx

@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { INodeComponentProps } from '~/redux/node/constants';
+import styles from './styles.module.scss';
+import { Markdown } from '~/components/containers/Markdown';
+import { formatText } from '~/utils/dom';
+
+const LabDescription: FC<INodeComponentProps> = ({ node }) => {
+  if (!node.description) {
+    return null;
+  }
+
+  return (
+    <Markdown
+      className={styles.wrap}
+      dangerouslySetInnerHTML={{ __html: formatText(node.description) }}
+    />
+  );
+};
+
+export { LabDescription };

src/components/lab/LabDescription/styles.module.scss

@@ -0,0 +1,22 @@
+@import "~/styles/variables.scss";
+
+.wrap {
+  padding: $lab_gap $lab_gap 0;
+  line-height: 1.3em;
+
+  @include tablet {
+    position: relative;
+    max-height: 30vh;
+    overflow: hidden;
+
+    &::after {
+      content: ' ';
+      position: absolute;
+      background: linear-gradient(transparentize($lab_post_bg, 1), $lab_post_bg 80%);
+      bottom: 0;
+      left: auto;
+      width: 100%;
+      height: 100px;
+    }
+  }
+}