mirror of
https://github.com/element-plus/element-plus.git
synced 2024-11-27 02:01:15 +08:00
docs: adjust the navigation bar style (#8631)
This commit is contained in:
parent
5b817d3008
commit
cc957d9d22
@ -15,7 +15,6 @@
|
||||
--bg-brand-color: var(--el-color-primary-light-9);
|
||||
|
||||
--bg-color: var(--el-bg-color);
|
||||
--bg-color-filter: #ffffffb3;
|
||||
--bg-color-soft: #fafafa;
|
||||
--bg-color-mute: #f2f2f2;
|
||||
--border-color: var(--el-border-color);
|
||||
@ -79,5 +78,4 @@
|
||||
.dark {
|
||||
--bg-color-soft: #242424;
|
||||
--bg-color-mute: #2c2c2c;
|
||||
--bg-color-filter: #141414b3;
|
||||
}
|
||||
|
@ -5,14 +5,14 @@
|
||||
@use './nav/menu';
|
||||
|
||||
.navbar-wrapper {
|
||||
@include with-bg;
|
||||
position: relative;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
height: var(--header-height);
|
||||
padding: 0 12px 0 24px;
|
||||
backdrop-filter: saturate(50%) blur(8px);
|
||||
background: var(--bg-color-filter);
|
||||
-webkit-backdrop-filter: saturate(50%) blur(8px);
|
||||
background-image: radial-gradient(transparent 1px, var(--bg-color) 1px);
|
||||
background-size: 4px 4px;
|
||||
backdrop-filter: saturate(50%) blur(4px);
|
||||
-webkit-backdrop-filter: saturate(50%) blur(4px);
|
||||
top: 0;
|
||||
|
||||
@include respond-to('md') {
|
||||
|
Loading…
Reference in New Issue
Block a user