diff --git a/css/base.css b/css/base.css index df333720..5dfe9a66 100755 --- a/css/base.css +++ b/css/base.css @@ -83,12 +83,9 @@ --animation-speed-fast: 0.2s; --animation-speed-medium: 0.4s; --animation-speed-slow: 0.6s; - --shadow-small: 0 2px 1px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1); - --shadow-medium: 0 4px 10px rgba(0, 0, 0, 0.1), 0 6px 15px rgba(0, 0, 0, 0.1); - --shadow-large: 0 4px 10px rgba(0, 0, 0, 0.1), 0 6px 30px rgba(0, 0, 0, 0.1); - --shadow-small-inset: inset 0 1px 1px rgba(0, 0, 0, 0.05); - --shadow-medium-inset: inset 0 2px 2px rgba(0, 0, 0, 0.1); - --shadow-large-inset: inset 0 3px 3px rgba(0, 0, 0, 0.15); + --shadow-small: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); + --shadow-medium: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.2); + --shadow-large: 0 3px 6px rgba(0, 0, 0, 0.1), 0 6px 12px rgba(0, 0, 0, 0.2); --z-index-background: 1000; --z-index-link: 2000; --z-index-header: 3000; diff --git a/css/link.css b/css/link.css index ce0206fe..2be16093 100755 --- a/css/link.css +++ b/css/link.css @@ -97,7 +97,7 @@ text-decoration: none; outline: none; background-color: rgb(var(--gray-03)); - box-shadow: 0 2px 4px 0 rgba(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: 0 2px 4px 0 rgba(0, 0, 0, 0.4); + box-shadow: var(--shadow-medium); } .is-link-edit.is-link-url-show .link-item:focus .link-panel-front,