diff --git a/docs/src/css/carbonads.css b/docs/src/css/carbonads.css deleted file mode 100644 index c5cdf287fa..0000000000 --- a/docs/src/css/carbonads.css +++ /dev/null @@ -1,103 +0,0 @@ -/* Start of Carbon Ads*/ - -#carbonads { - display: flex; - max-width: 130px; - border-radius: 4px; - background-color: hsl(0, 0%, 98%); - box-shadow: 0 0 1px hsla(0, 0%, 0%, 0.15); - font-size: 11px; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, - Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, - sans-serif; - - /* Custom FoalTS */ - margin: auto; - margin-top: 20px; -} - -#carbonads * { - margin: initial; - padding: initial; -} - -#carbonads a { - color: #111; - text-decoration: none; -} - -#carbonads a:hover { - color: #111; -} - -#carbonads .carbon-img { - display: block; - margin-bottom: 8px; - max-width: 130px; - line-height: 1; -} - -#carbonads .carbon-img img { - display: block; - margin: 0 auto; - max-width: 130px; - width: 130px; - height: auto; -} - -#carbonads .carbon-text { - display: block; - padding: 0 10px 8px; - text-align: left; - line-height: 1.35; -} - -#carbonads .carbon-poweredby { - display: block; - padding: 10px; - background: repeating-linear-gradient( - -45deg, - transparent, - transparent 5px, - hsla(0, 0%, 0%, 0.025) 5px, - hsla(0, 0%, 0%, 0.025) 10px - ) - hsla(203, 11%, 95%, 0.4); - text-transform: uppercase; - letter-spacing: 0.5px; - font-weight: 600; - font-size: 8px; - line-height: 0; -} - -@media only screen and (min-width: 320px) and (max-width: 759px) { - #carbonads { - position: relative; - float: none; - margin: 20px 0; - max-width: 330px; - } - - #carbonads .carbon-wrap { - display: flex; - flex-direction: row; - } - - #carbonads .carbon-img { - margin: 0; - } - - #carbonads .carbon-text { - padding: 10px 10px 0 10px; - font-size: 12px; - } - - #carbonads .carbon-poweredby { - position: absolute; - right: 0; - bottom: 0; - border-radius: 0; - border-top-left-radius: 3px; - text-align: center; - } -} \ No newline at end of file diff --git a/docs/src/css/custom.scss b/docs/src/css/custom.scss index c32a48c526..3afb3aa05a 100644 --- a/docs/src/css/custom.scss +++ b/docs/src/css/custom.scss @@ -4,9 +4,6 @@ * bundles Infima by default. Infima is a CSS framework designed to * work well for content-centric websites. */ - -@import './carbonads.css'; - @tailwind base; @tailwind components; @tailwind utilities; diff --git a/docs/src/theme/TOC/index.js b/docs/src/theme/TOC/index.js deleted file mode 100644 index c039ab440c..0000000000 --- a/docs/src/theme/TOC/index.js +++ /dev/null @@ -1,46 +0,0 @@ -import React, { useEffect } from 'react'; -import clsx from 'clsx'; -import TOCItems from '@theme/TOCItems'; -import styles from './styles.module.css'; -// Using a custom className -// This prevents TOCInline/TOCCollapsible getting highlighted by mistake -const LINK_CLASS_NAME = 'table-of-contents__link toc-highlight'; -const LINK_ACTIVE_CLASS_NAME = 'table-of-contents__link--active'; - -// FoalTS -import { initAd } from '../../utils/init'; - -// FoalTS -let doNotLoad = false; - -export default function TOC({className, ...props}) { - // FoalTS - const isNotMobile = () => typeof window !== 'undefined' && window.document.body.clientWidth > 996; - - // FoalTS - useEffect(() => { - if (isNotMobile() && !doNotLoad) { - // This line prevents the ad from being loaded twice. I don't why but useEffect - // is called twice even if window.location.href has not changed. - doNotLoad = true; - setTimeout(() => doNotLoad = false, 1000); - - initAd(); - } - }, [ - // Only execute this effect when the user navigates to a new page. - typeof window !== 'undefined' ? window.location.href : '' - ]); - - return ( -