From 8dc6633cafbbb39d7e75873bb4cc14b5886b5c07 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Tue, 9 Feb 2021 23:05:48 +0100
Subject: Change EN button styling

---
 stylesheets/commun.css | 13 +++++++++----
 stylesheets/dark.css   |  4 ++++
 2 files changed, 13 insertions(+), 4 deletions(-)

(limited to 'stylesheets')

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index c349d79..dbec72e 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -55,12 +55,17 @@ nav > ol > li > a {
     padding: 0.5em 0.1em;
 }
 
-.lang {
-    background-color: black;
-    border-radius: 50% 50% 50% 0;
-    color: white;
+a.lang {
+    display: block;
+    border: 0.15em solid black;
+    border-radius: 50%;
     padding: 0.5em;
 }
+a.lang:hover {
+    color: var(--gold);
+    background: white;
+    border: 0.15em solid white;
+}
 
 footer.social > .content {
     display: flex;
diff --git a/stylesheets/dark.css b/stylesheets/dark.css
index 5c08f5a..1cddba1 100644
--- a/stylesheets/dark.css
+++ b/stylesheets/dark.css
@@ -3,6 +3,10 @@ body {
     color: white;
 }
 
+a.lang {
+    border-color: white;
+}
+
 header.banner img, .social a img {
     filter: brightness(10);
 }
-- 
cgit v1.2.3