Leahnaya/splatoon2.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon2.ink.git synced 2026-09-14 13:35:14 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add a slight gradient to the striped background

Browse Source
This commit is contained in:
Matt Isenhower
2017-08-06 12:43:17 -07:00
parent 9930c37702
commit cf10ff1817
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/css/_backgrounds.scss
View File

@@ -26,6 +26,12 @@ $bg-battle-league: #f02d7d;
background-size: 80px 80px;
}
.bg-stripes-gradient {
background-image: linear-gradient(to bottom, transparent, rgba($black-ter ,0.1)), $bg-stripes;
background-position: top;
background-size: 100% 100%, 80px 80px;
}
.bg-spots-dots {
background-image : $bg-spots, $bg-dots;
background-position: 50% top;

6
src/css/main.scss
View File

@@ -38,7 +38,7 @@ html {
.main-schedule-box {
@extend .product-box;
@extend .bg-stripes;
@extend .bg-stripes-gradient;
@extend .text-shadow;
max-width: 600px;
@@ -73,7 +73,7 @@ html {
@extend .bg-spots-dots;
}
.modal-card-body {
@extend .bg-stripes;
@extend .bg-stripes-gradient;
}
&.regular {
@@ -136,7 +136,7 @@ html {
.hook-box, .hook-box:before {
background-color: #888;
@extend .bg-stripes;
@extend .bg-stripes-gradient;
padding-left: 0;
padding-right: 0;