diff --git a/src/components/carousel/carousel.scss b/src/components/carousel/carousel.scss index 81fb21ea7..a828d612e 100644 --- a/src/components/carousel/carousel.scss +++ b/src/components/carousel/carousel.scss @@ -5,10 +5,10 @@ $button-offset: $icon-size + 5px; $box-content-offset: 20px; - padding: 0 $button-offset; + padding: 12px $button-offset; .box-content & { - padding: 0 $button-offset - 20px; + padding: 12px $button-offset - 20px; } .slick-next, diff --git a/src/components/intro/intro.scss b/src/components/intro/intro.scss index 5cfbf0ad1..d73ba023d 100644 --- a/src/components/intro/intro.scss +++ b/src/components/intro/intro.scss @@ -3,7 +3,7 @@ .intro { display: flex; margin-top: 20px; - margin-bottom: 20px; + margin-bottom: 30px; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; @@ -22,6 +22,7 @@ .sprites { position: relative; clear: both; + margin: 20px 0; overflow: hidden; &:after { @@ -75,7 +76,7 @@ } .text { - $text-bg-color: #f1f3f4; + $text-bg-color: $background-color; left: 35px; z-index: 1; border: 2px solid $text-bg-color; @@ -159,7 +160,8 @@ .links { margin-top: 20px; - font-size: 12px; + letter-spacing: .5px; + font-size: 12px; a { border-right: 1px solid $type-gray; @@ -175,13 +177,16 @@ display: inline-block; position: relative; border: 1px solid $ui-border; - border-radius: 5px; - box-shadow: 0 2px 3px; - background-color: $ui-gray; - padding: 10px; + border-radius: 10px; + background-color: $ui-white; + padding: 14px 10px; width: 34%; height: 208px; text-align: center; + + img { + border-radius: 5px; + } } .play-button {