Merge pull request #469 from appearhere/carousel-fixes

Fixing overflow and typography issues with carousel
appearhere · Dec 18, 2019 · 0f05228 · 0f05228 · vercel · Dec 18, 2019
2 parents 5f54ca4 + 6b36f23
commit 0f05228
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/packages/core/src/components/Carousel/Carousel.css b/packages/core/src/components/Carousel/Carousel.css
@@ -1,6 +1,8 @@
 .title {
   font-family: var(--font-avenir);
   font-size: var(--fontsize-large-ii);
+  font-weight: var(--fontweight-demi);
+  letter-spacing: normal;
   margin: 0 0 1.5rem 0;
 }
 

diff --git a/packages/core/src/components/MobileCarousel/MobileCarousel.css b/packages/core/src/components/MobileCarousel/MobileCarousel.css
@@ -1,5 +1,6 @@
 .slides {
   overflow-x: auto;
+  overflow-y: hidden;
   transition: transform 0.5s ease 0s;
   white-space: nowrap;
   margin: 0 -0.25rem;
@@ -14,6 +15,7 @@
 .slide {
   display: inline-block;
   white-space: normal;
+  vertical-align: top;
 }
 
 .slideInner {
@@ -24,4 +26,6 @@
   margin: 0 0 1.5rem 0;
   font-family: var(--font-avenir);
   font-size: var(--fontsize-large-ii);
+  font-weight: var(--fontweight-demi);
+  letter-spacing: normal;
 }
diff --git a/packages/core/src/components/index.js b/packages/core/src/components/index.js
@@ -239,3 +239,4 @@ export Carousel from './Carousel/Carousel';
 export MobileCarousel from './MobileCarousel/MobileCarousel';
 export ScreenWidth from './ScreenWidth/ScreenWidth';
 export IconLink from './IconLink/IconLink';
+export RemoveOrphans from './RemoveOrphans/RemoveOrphans';
diff --git a/packages/core/src/index.js b/packages/core/src/index.js
@@ -102,7 +102,8 @@ export {
   CollapsibleProgressSteps,
   WindowDimensionsProvider,
   ScreenWidth,
-  IconLink
+  IconLink,
+  RemoveOrphans
 } from './components/index.js';
 
 export Colors from './globals/colors.css';