admin/site-portfolio
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

revert(glass): полностью убрана градиентная обводка

Browse Source 
- удалены ::after, isolation, токены -border-grad, transparent border
- возвращён исходный border-color: var(--v12-glass-neutral-border) / var(--line)
This commit is contained in:
root committed 2026-09-24 18:42:22 +02:00
1 parent 372ccfbf60
commit e410a2975f
1 file changed
+6 -60
Download Patch File Download Diff File Expand all files Collapse all files
public/css/main.css
+6 -60
View File
@@ -560,7 +560,7 @@ a:visited:not(.btn):not(.fab):not(.logo):not(.skip-link):hover {
margin-top: 0;
margin-bottom: 0;
padding: 0.8rem;
border: 1px solid transparent;
border: 1px solid var(--line);
border-radius: calc(var(--radius-card) * 0.7);
background: var(--bg-elevated);
box-shadow: 0 16px 38px hsla(0, 0%, 0%, 0.2);
@@ -755,7 +755,7 @@ a:visited:not(.btn):not(.fab):not(.logo):not(.skip-link):hover {
right: 0;
z-index: 90;
background: var(--bg-elevated);
border-color: transparent;
border-color: var(--v12-glass-neutral-border);
}
/* Плавающая панель: fixed + координаты из JS; фон — токены v12-glass внизу файла */
@@ -5135,13 +5135,6 @@ html[data-theme="dark"] {
color-mix(in srgb, var(--surface) 52%, transparent)
);
--v12-glass-neutral-border: color-mix(in srgb, var(--line) 75%, hsla(0, 0%, 100%, 0.08));
/* Градиентный бордер: сверху белый засвет -> снизу прозрачно (dark: приглушён) */
--v12-glass-neutral-border-grad: linear-gradient(
to bottom,
hsla(0, 0%, 100%, 0.4) 0%,
hsla(0, 0%, 100%, 0.12) 40%,
hsla(0, 0%, 100%, 0) 100%
);
--v12-glass-neutral-shadow:
0 14px 32px hsla(0, 0%, 0%, 0.4),
inset 0 1px 0 hsla(0, 0%, 100%, 0.09);
@@ -5159,13 +5152,6 @@ html[data-theme="light"] {
color-mix(in srgb, var(--bg-elevated) 38%, transparent)
);
--v12-glass-neutral-border: color-mix(in srgb, var(--line) 58%, hsla(0, 0%, 0%, 0.07));
/* Градиентный бордер: сверху белый засвет -> снизу прозрачно (light: ярче) */
--v12-glass-neutral-border-grad: linear-gradient(
to bottom,
hsla(0, 0%, 100%, 0.9) 0%,
hsla(0, 0%, 100%, 0.3) 42%,
hsla(0, 0%, 100%, 0) 100%
);
--v12-glass-neutral-shadow:
0 14px 28px hsla(var(--theme-h), 22%, 38%, 0.11),
inset 0 1px 0 hsla(0, 0%, 100%, 0.9),
@@ -5180,7 +5166,7 @@ html[data-theme="light"] {
html[data-theme="dark"] .header--scrolled .header__inner,
html[data-theme="light"] .header--scrolled .header__inner {
background: var(--v12-glass-neutral-bg);
border-color: transparent;
border-color: var(--v12-glass-neutral-border);
box-shadow: var(--v12-glass-neutral-shadow);
backdrop-filter: var(--v12-glass-neutral-filter-elevated);
-webkit-backdrop-filter: var(--v12-glass-neutral-filter-elevated);
@@ -5191,52 +5177,12 @@ html[data-theme="light"] .header--scrolled .header__inner {
html[data-theme="dark"] .glass-neutral,
html[data-theme="light"] .glass-neutral {
background: var(--v12-glass-neutral-bg);
border-color: transparent;
border-color: var(--v12-glass-neutral-border);
box-shadow: var(--v12-glass-neutral-shadow);
backdrop-filter: var(--v12-glass-neutral-filter);
-webkit-backdrop-filter: var(--v12-glass-neutral-filter);
}
/* Внешняя градиентная обводка через ::after (сверху засвет -> снизу прозрачно).
inset:-1px выводит рамку НАРУЖУ; isolation:isolate на родителе + z-index:-1 на
псевдоэлементе => виден снаружи, под контентом (не перекрывает).
Без position/z-index на родителе — раскладка не ломается. */
html[data-theme="dark"] .glass-neutral:not(.fab),
html[data-theme="light"] .glass-neutral:not(.fab),
html[data-theme="dark"] .nav-more__dock,
html[data-theme="light"] .nav-more__dock,
html[data-theme="dark"] #nav-more-menu-floating,
html[data-theme="light"] #nav-more-menu-floating {
position: relative;
isolation: isolate;
border: 1px solid transparent;
}
html[data-theme="dark"] .glass-neutral:not(.fab)::after,
html[data-theme="light"] .glass-neutral:not(.fab)::after,
html[data-theme="dark"] .header--scrolled .header__inner::after,
html[data-theme="light"] .header--scrolled .header__inner::after,
html[data-theme="dark"] .nav-more__dock::after,
html[data-theme="light"] .nav-more__dock::after,
html[data-theme="dark"] #nav-more-menu-floating::after,
html[data-theme="light"] #nav-more-menu-floating::after {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 1px;
background: var(--v12-glass-neutral-border-grad);
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
mask-composite: exclude;
pointer-events: none;
z-index: -1;
}
html[data-theme="dark"] .theme-picker__panel.glass-neutral,
html[data-theme="dark"] .cookie-notice.glass-neutral,
html[data-theme="light"] .theme-picker__panel.glass-neutral,
@@ -5337,7 +5283,7 @@ html[data-theme="light"] .nav-more__dock,
html[data-theme="dark"] #nav-more-menu-floating,
html[data-theme="light"] #nav-more-menu-floating {
background: var(--v12-glass-neutral-bg);
border-color: transparent;
border-color: var(--v12-glass-neutral-border);
box-shadow: var(--v12-glass-neutral-shadow);
backdrop-filter: var(--v12-glass-neutral-filter-elevated);
-webkit-backdrop-filter: var(--v12-glass-neutral-filter-elevated);
@@ -5389,7 +5335,7 @@ html[data-theme="light"] .cookie-notice .cookie-notice__text {
var(--accent-btn-radial-mid) 52%,
var(--accent-btn-radial-edge) 100%
);
border-color: transparent;
border-color: var(--v12-glass-neutral-border);
box-shadow: var(--shadow-strong);
backdrop-filter: none;
-webkit-backdrop-filter: none;