joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-28 07:36:08 +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; z-index: 1;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: -1px; // fixes visual bug on uneven widths
width: 10%; 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 { &::after {
content: ''; content: '';
@ -43,9 +43,9 @@
z-index: 1; z-index: 1;
top: 0; top: 0;
bottom: 0; bottom: 0;
right: 0; right: -1px; // fixes visual bug on uneven widths
width: 10%; 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 { .ctabox {
&__inner { &__inner {
&::before { &::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 { &::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%);
} }
} }
} }