给语言选择加一个大而美的边框 (#16)

Signed-off-by: 前进! <[email protected]>
project-trans · Feb 19, 2024 · 1974be0 · 1974be0
1 parent 09621d5
commit 1974be0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/themes/2345lgbt/assets/_variables.scss b/themes/2345lgbt/assets/_variables.scss
@@ -1,4 +1,5 @@
 $padding-1: 0.0625rem;
+$padding-translations: 0.1875rem;
 $border-radius: var(--border-radius);
 $link-active: #3287ff;
 $link-inactive: #000;

diff --git a/themes/2345lgbt/assets/styles/header/translations.scss b/themes/2345lgbt/assets/styles/header/translations.scss
@@ -61,9 +61,13 @@ $padding: 0.5em;
   text-align: left;
 
   color: #49454f;
-  border: $padding-1 solid #79747e;
+  border: $padding-translations solid transparent;
+  // The lower three rows realize the gradient border, reference https://segmentfault.com/a/1190000040794056
+  background-clip: padding-box, border-box;
+  background-origin: padding-box, border-box;
+  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(135deg, #E4A8CA 20%, #2D8AFB 20%); 
+  //gravity uses the color of the logo using hard side gradients at the same angle
   border-radius: 1em;
-  background: transparent;
   &::before {
     position: absolute;
     left: 1em;