[design] improve link shadows

Author: zombieFox

css/base.css

@@ -83,12 +83,9 @@
 --animation-speed-fast:0.2s;
 --animation-speed-medium:0.4s;
 --animation-speed-slow:0.6s;
---shadow-small:02px1pxrgba(0,0,0,0.1),03px2pxrgba(0,0,0,0.1);
---shadow-medium:04px10pxrgba(0,0,0,0.1),06px15pxrgba(0,0,0,0.1);
---shadow-large:04px10pxrgba(0,0,0,0.1),06px30pxrgba(0,0,0,0.1);
---shadow-small-inset: inset 01px1pxrgba(0,0,0,0.05);
---shadow-medium-inset: inset 02px2pxrgba(0,0,0,0.1);
---shadow-large-inset: inset 03px3pxrgba(0,0,0,0.15);
+--shadow-small:01px2pxrgba(0,0,0,0.1),02px4pxrgba(0,0,0,0.2);
+--shadow-medium:02px4pxrgba(0,0,0,0.1),04px8pxrgba(0,0,0,0.2);
+--shadow-large:03px6pxrgba(0,0,0,0.1),06px12pxrgba(0,0,0,0.2);
 --z-index-background:1000;
 --z-index-link:2000;
 --z-index-header:3000;

css/link.css

@@ -97,7 +97,7 @@
 text-decoration: none;
 outline: none;
 background-color:rgb(var(--gray-03));
-box-shadow:02px4px0rgba(0,0,0,0.4);
+box-shadow:var(--shadow-large);
 }
 
 .is-link-style-block .link-panel-front{
@@ -395,7 +395,7 @@
 .is-link-edit .link-item:hover .link-panel-front,
 .is-link-edit .link-item:focus .link-panel-front{
 height:calc(100%-var(--link-item-edit-height));
-box-shadow:02px4px0rgba(0,0,0,0.4);
+box-shadow:var(--shadow-medium);
 }
 
 .is-link-edit.is-link-url-show .link-item:focus .link-panel-front,