@readme/markdown 8.0.1 → 8.1.0

package/components/CodeTabs/style.scss

@@ -2,8 +2,8 @@
 @import '~codemirror/theme/neo.css';
 
 @mixin CodeTabs {
-  $bgc-pre: #F6F8FA;
-  $bgc-pre-dark: #242E34;
+  $bgc-pre: #f6f8fa;
+  $bgc-pre-dark: #242e34;
   $bgc-bar: darken(desaturate($bgc-pre, 17.46), 4.31);
   $bgc-bar-dark: lighten(desaturate($bgc-pre-dark, 17.46), 4.31);
   $radius: var(--md-code-radius, var(--markdown-radius, 3px));
@@ -36,18 +36,18 @@
     }
     button {
       white-space: nowrap;
-      transition: .123s ease;
+      transition: 0.123s ease;
       -webkit-appearance: none;
       appearance: none;
       display: inline-block;
       line-height: 2;
-      padding: .5em 1em;
+      padding: 0.5em 1em;
       border: none;
       background: transparent;
       outline: none;
       color: inherit;
       font: inherit;
-      font-size: .75em;
+      font-size: 0.75em;
       cursor: pointer;
     }
   }
@@ -70,7 +70,7 @@
   }
 
   &-toolbar button:not(.CodeTabs_active):hover {
-    background: rgba(0, 0, 0, .075);
+    background: rgba(0, 0, 0, 0.075);
   }
 
   pre {
@@ -78,7 +78,9 @@
     background: $bgc-pre;
     background: var(--md-code-background, $bgc-pre);
     margin-bottom: 0;
-    &:not(.CodeTabs_active) { display: none }
+    &:not(.CodeTabs_active) {
+      display: none;
+    }
   }
 
   &.theme-dark pre {

package/components/Style/index.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { createPortal } from 'react-dom';
+
+interface Props {
+  stylesheet?: string;
+}
+
+const Style = ({ stylesheet }: Props) => {
+  const hasDom = typeof document !== 'undefined';
+
+  if (!stylesheet) {
+    return null;
+  }
+
+  return hasDom ? createPortal(<style>{stylesheet}</style>, document.head) : <style>{stylesheet}</style>;
+};
+
+export default Style;

package/components/TailwindRoot/index.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const TailwindRoot = ({ children, flow }) => {
+  const Tag = flow ? 'div' : 'span';
+
+  return <Tag className="readme-tailwind">{children}</Tag>;
+};
+
+export default TailwindRoot;

package/components/index.ts

@@ -10,6 +10,8 @@ export { default as Glossary } from './Glossary';
 export { default as HTMLBlock } from './HTMLBlock';
 export { default as Heading } from './Heading';
 export { default as Image } from './Image';
+export { default as Style } from './Style';
 export { default as Table } from './Table';
 export { default as Tabs, Tab } from './Tabs';
 export { default as TableOfContents } from './TableOfContents';
+export { default as TailwindRoot } from './TailwindRoot';

package/dist/10.node.js

@@ -22718,4 +22718,5 @@ exports["default"] = RAL;
 /***/ })
 
 };
-;
+;
+//# sourceMappingURL=10.node.js.map