scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-27 13:20:23 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #346 from rschamp/bugfix/GH-3329

Browse source 
Fix GH-345: Make carousel not so tall
This commit is contained in:
Ray Schamp 2016-01-29 15:26:10 -05:00
commit 0603b3b9df
1 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -5,6 +5,7 @@
$button-offset: $icon-size + 5px; $button-offset: $icon-size + 5px;
$box-content-offset: 20px; $box-content-offset: 20px;
margin-bottom: 0;
padding: 12px $button-offset; padding: 12px $button-offset;
.box-content & { .box-content & {
@ -28,22 +29,24 @@
content: ""; content: "";
} }
&.slick-disabled:before { &.slick-disabled {
&:before {
opacity: 1; opacity: 1;
} }
} }
}
.slick-prev { .slick-prev {
left: 0; left: 0;
&:before { &:before {
background-image: url("/svgs/carousel/prev_ui-dark-gray.svg"); background-image: url("/svgs/carousel/prev_ui-dark-gray.svg");
}
&:hover:before { &:hover {
background-image: url("/svgs/carousel/prev_ui-blue.svg"); background-image: url("/svgs/carousel/prev_ui-blue.svg");
background-size: 90%; background-size: 90%;
} }
}
.box-content & { .box-content & {
@ -56,12 +59,12 @@
&:before { &:before {
background-image: url("/svgs/carousel/next_ui-dark-gray.svg"); background-image: url("/svgs/carousel/next_ui-dark-gray.svg");
}
&:hover:before { &:hover {
background-image: url("/svgs/carousel/next_ui-blue.svg"); background-image: url("/svgs/carousel/next_ui-blue.svg");
background-size: 90%; background-size: 90%;
} }
}
.box-content & { .box-content & {
right: -$box-content-offset; right: -$box-content-offset;