Tweak docs styles.

davidjerleke · Jan 7, 2024 · e7850ca · e7850ca
1 parent e194dac
commit e7850ca
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 6 deletions.
diff --git a/packages/embla-carousel-docs/src/components/Hero/HeroBrand.tsx b/packages/embla-carousel-docs/src/components/Hero/HeroBrand.tsx
@@ -92,10 +92,6 @@ const H1 = styled.h1`
   ${MEDIA.MIN_MD} {
     font-size: ${FONT_SIZES.CUSTOM(() => 8)};
   }
-
-  ${MEDIA.MIN_LG} {
-    font-size: ${FONT_SIZES.CUSTOM(() => 8.4)};
-  }
 `
 
 const H2 = styled.h2`

diff --git a/packages/embla-carousel-docs/src/components/SiteNavigation/SiteNavigationSubMenu.tsx b/packages/embla-carousel-docs/src/components/SiteNavigation/SiteNavigationSubMenu.tsx
@@ -33,6 +33,7 @@ const SiteNavigationSubMenuWrapper = styled.div`
 `
 
 const Toggle = styled(ButtonBare)<{ $isActive: boolean }>`
+  font-weight: ${FONT_WEIGHTS.BOLD};
   color: ${COLORS.TEXT_MEDIUM_CONTRAST};
   padding: ${ITEM_SPACING} 0 ${ITEM_SPACING}
     calc(${TOGGLE_SVG_SIZE} + ${SPACINGS.TWO});
@@ -43,6 +44,7 @@ const Toggle = styled(ButtonBare)<{ $isActive: boolean }>`
   align-items: center;
   text-align: left;
   width: 100%;
+  text-transform: uppercase;
 
   ${({ $isActive }) => css`
     font-weight: ${$isActive && FONT_WEIGHTS.MEDIUM};

diff --git a/packages/embla-carousel-docs/src/components/TableOfContents/TableOfContentsMenu.tsx b/packages/embla-carousel-docs/src/components/TableOfContents/TableOfContentsMenu.tsx
@@ -40,6 +40,7 @@ const Heading = styled.div`
   padding-top: ${SPACINGS.ONE};
   padding-bottom: ${SPACINGS.TWO};
   font-weight: ${FONT_WEIGHTS.BOLD};
+  text-transform: uppercase;
 
   ${MEDIA.COMPACT} {
     padding-top: ${SPACINGS.TWO};

diff --git a/packages/embla-carousel-docs/src/content/pages/get-started/solid.mdx b/packages/embla-carousel-docs/src/content/pages/get-started/solid.mdx
@@ -123,8 +123,6 @@ Start by installing the plugin you want to use. In this example, we're going to
 
 The `createEmblaCarousel` method accepts [plugins](/plugins/) as the second argument, which is a Solid accessor. Note that plugins need to be passed in an **array** like so:
 
-The config getter can also return a list of plugins, like so:
-
 ```jsx highlight={2,7}
 import createEmblaCarousel from 'embla-carousel-solid'
 import Autoplay from 'embla-carousel-autoplay'