quatuorbellefeuille.com

commit c2fd4a151a7e5a5d87d36c1a5527b46baf3db518
parent 8dc6633cafbbb39d7e75873bb4cc14b5886b5c07
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Tue,  9 Feb 2021 23:12:36 +0100

Tweak EN button colors on regular vs dark backgrounds

Diffstat:
M
stylesheets/commun.css
 | 
12
+++++++-----
M
stylesheets/dark.css
 | 
5
+++++

2 files changed, 12 insertions(+), 5 deletions(-)
diff --git a/stylesheets/commun.css b/stylesheets/commun.css
@@ -57,14 +57,16 @@ nav > ol > li > a {
 
 a.lang {
     display: block;
-    border: 0.15em solid black;
-    border-radius: 50%;
     padding: 0.5em;
+    border-radius: 50%;
+    font-size: 1rem;
+
+    border: 0.15em solid black;
 }
 a.lang:hover {
-    color: var(--gold);
-    background: white;
-    border: 0.15em solid white;
+    color: white;
+    background: var(--gold);
+    border: 0.15em solid var(--gold);
 }
 
 footer.social > .content {
diff --git a/stylesheets/dark.css b/stylesheets/dark.css
@@ -6,6 +6,11 @@ body {
 a.lang {
     border-color: white;
 }
+a.lang:hover {
+    color: var(--gold);
+    background: white;
+    border-color: white;
+}
 
 header.banner img, .social a img {
     filter: brightness(10);