jonasled2/website
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

add round corner for images

Browse source
This commit is contained in:
Jonas Leder 2021-07-11 01:24:02 +02:00
parent 6d20650643
commit 9d835087db
3 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/index.html
View file

@ -24,10 +24,10 @@
<jl-blog_index id="blog"></jl-blog_index>
<div id="banner">
<h2>Banner</h2>
<a href="https://ipv6.he.net" target="_blank"><img
<a href="https://ipv6.he.net" target="_blank"><img class="no-corner"
data-noPreview="true"
src="https://ipv6.he.net/certification/create_badge.php?pass_name=jonasled&badge=3"></a>
<a href="https://www.abuseipdb.com/user/45130" target="_blank"><img class="abuseIpImg"
<a href="https://www.abuseipdb.com/user/45130" target="_blank"><img class="abuseIpImg no-corner"
data-noPreview="true"
src="https://www.abuseipdb.com/contributor/45130.svg"></a>
</div>

8
scss/_general.scss
View file

@ -61,4 +61,12 @@ h1 {
.block{
text-align: justify;
text-justify: auto;
}
img {
border-radius: $border-radius-image;
&.no-corner {
border-radius: 0;
}
}

1
scss/_var.scss
View file

@ -8,6 +8,7 @@ $darker-color: 5%;
$darker-color-2: 2%;
$border-radius-sub-nav: 10px;
$border-radius-image: 5px;
$mobile-max-width: 600px;
$small-mobile-max-width: 300px;