landing-page: fix external link arrow

Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
This commit is contained in:
Jérémie Drouet 2020-05-13 14:33:52 +02:00
parent 7e28261b01
commit 98e7b3c545
2 changed files with 9 additions and 3 deletions

View File

@ -321,12 +321,15 @@ body#landing {
min-height: 200px;
&::after {
content: '';
content: '';
background-image: url(/images/arrow.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 10px;
right: 10px;
transform: rotate(-45deg);
font-size: large;
width: 15px;
height: 15px;
}
@include sm-width {

3
images/arrow.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00008 5.00007L17.0001 5.00007C17.5524 5.00007 18.0001 5.44779 18.0001 6.00007L18.0001 15.0001C18.0001 15.5524 17.5524 16.0001 17.0001 16.0001C16.4478 16.0001 16.0001 15.5524 16.0001 15.0001L16.0001 8.41429L6.70718 17.7072L5.29297 16.293L14.5859 7.00007L8.00008 7.00007C7.44779 7.00007 7.00008 6.55236 7.00008 6.00007C7.00008 5.44779 7.44779 5.00007 8.00008 5.00007Z" fill="#0087C8"/>
</svg>

After

Width:  |  Height:  |  Size: 539 B