scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-12-03 20:31:43 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #135 from carljbowman/Splash-Page-tweaks

Browse source 
Update spacing on Splash page elements
This commit is contained in:
Andrew Sliwinski 2015-10-23 08:48:20 -04:00
commit 3545ed9382
2 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/carousel/carousel.scss
View file

@ -5,10 +5,10 @@
$button-offset: $icon-size + 5px; $button-offset: $icon-size + 5px;
$box-content-offset: 20px; $box-content-offset: 20px;
padding: 0 $button-offset; padding: 12px $button-offset;
.box-content & { .box-content & {
padding: 0 $button-offset - 20px; padding: 12px $button-offset - 20px;
} }
.slick-next, .slick-next,

19
src/components/intro/intro.scss
View file

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