joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

[Fix] CTABox: fix visual bugs (gray gradients / 1px offset)

Browse source
This commit is contained in:
0xfff 2016-11-21 19:22:40 +01:00
parent 0d328ba4e3
commit 217a7dc0d7
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/scss/_ctabox.scss
View file

@ -32,9 +32,9 @@
z-index: 1;
top: 0;
bottom: 0;
left: 0;
left: -1px; // fixes visual bug on uneven widths
width: 10%;
background: linear-gradient(to right, white 10%, transparent 100%);
background: linear-gradient(to right, white 10%, rgba(255,255,255,0) 100%);
}
&::after {
content: '';
@ -43,9 +43,9 @@
z-index: 1;
top: 0;
bottom: 0;
right: 0;
right: -1px; // fixes visual bug on uneven widths
width: 10%;
background: linear-gradient(to left, white 10%, transparent 100%);
background: linear-gradient(to left, white 10%, rgba(255,255,255,0) 100%);
}
}
@ -53,10 +53,10 @@
.ctabox {
&__inner {
&::before {
background: linear-gradient(to right, $color-gray-light 10%, transparent 100%);
background: linear-gradient(to right, $color-gray-light 10%, rgba($color-gray-light, 0) 100%);
}
&::after {
background: linear-gradient(to left, $color-gray-light 10%, transparent 100%);
background: linear-gradient(to left, $color-gray-light 10%, rgba($color-gray-light, 0) 100%);
}
}
}