extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2024-12-01 04:23:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

[design] improve link shadows

Browse Source
This commit is contained in:
zombieFox 2019-06-16 15:07:11 +01:00
parent 1f1f03ee4e
commit b3ad64f402
2 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/base.css
View File

@ -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;

4
css/link.css
View File

@ -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,