From 9d835087dbe800ad17adc1f2a27e8bfbafa99e08 Mon Sep 17 00:00:00 2001
From: Jonas Leder <git@jonasled.de>
Date: Sun, 11 Jul 2021 01:24:02 +0200
Subject: [PATCH] add round corner for images
---
public/index.html | 4 ++--
scss/_general.scss | 8 ++++++++
scss/_var.scss | 1 +
3 files changed, 11 insertions(+), 2 deletions(-)
diff --git a/public/index.html b/public/index.html
index 951f187..5ccc25d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -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>
diff --git a/scss/_general.scss b/scss/_general.scss
index af9e412..29c6d74 100644
--- a/scss/_general.scss
+++ b/scss/_general.scss
@@ -61,4 +61,12 @@ h1 {
.block{
text-align: justify;
text-justify: auto;
+}
+
+img {
+ border-radius: $border-radius-image;
+
+ &.no-corner {
+ border-radius: 0;
+ }
}
\ No newline at end of file
diff --git a/scss/_var.scss b/scss/_var.scss
index a1906a1..337f88c 100644
--- a/scss/_var.scss
+++ b/scss/_var.scss
@@ -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;
--
GitLab