Merge pull request #469 from appearhere/carousel-fixes

Fixing overflow and typography issues with carousel

Author: lukeamarsh

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;
 }
 

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;
 }

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';

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';