andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix Chrome issue with background gradient not reaching edge of element

Browse Source
This commit is contained in:
atomiks
2018-10-01 09:38:43 +10:00
parent 18a37abed6
commit 416f87d4ea
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/css/components/snippet.scss
View File

@ -59,22 +59,23 @@
border-bottom-color: darken(#c6d6ea, 5); border-bottom-color: darken(#c6d6ea, 5);
background: white; background: white;
box-shadow: 0 0.25rem 0.5rem -0.1rem rgba(0, 32, 64, 0.15); box-shadow: 0 0.25rem 0.5rem -0.1rem rgba(0, 32, 64, 0.15);
background-repeat: no-repeat;
} }
&[data-type='HTML'] { &[data-type='HTML'] {
color: white; color: white;
border: none; border: none;
background: linear-gradient(135deg, #ff4c9f, #ff7b74); background-image: linear-gradient(135deg, #ff4c9f, #ff7b74);
} }
&[data-type='CSS'] { &[data-type='CSS'] {
color: white; color: white;
border: none; border: none;
background: linear-gradient(135deg, #7983ff, #5f9de9); background-image: linear-gradient(135deg, #7983ff, #5f9de9);
} }
&[data-type='JavaScript'] { &[data-type='JavaScript'] {
color: white; color: white;
border: none; border: none;
background: linear-gradient(135deg, #ffb000, #f58818); background-image: linear-gradient(135deg, #ffb000, #f58818);
} }
} }