init

2026-05-17 21:09:32 +08:00
commit 1870400c47
1564 changed files with 544713 additions and 0 deletions
--- a/static/Vvvebjs/demo/landing/scss/sections/navigation/navigation-1.scss
+++ b/static/Vvvebjs/demo/landing/scss/sections/navigation/navigation-1.scss
@@ -0,0 +1,99 @@
+@media screen and (min-width: 767px) {
+	.navigation-1 {
+		top:0;
+		left:0;
+		width:100%;
+		z-index:10;
+		position:sticky;
+		//margin-bottom: 2rem;
+		backdrop-filter: saturate(180%) blur(20px);
+		
+	    -webkit-box-shadow: 0 4px 10px rgba(var(--bs-body-color-rgb),0.07),inset 0 -1px 0 rgba(var(--bs-body-color-rgb),0.07);
+		box-shadow: 0 4px 40px rgba(var(--bs-body-color-rgb),0.07),inset 0 -1px 0 rgba(var(--bs-body-color-rgb),0.07);
+		box-shadow: 0 3px 14px rgba(var(--bs-body-color-rgb), 0.07);
+		
+		/*
+		&:after {
+			content: '';
+			display: block;
+			position: absolute;
+			background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb), 0.05) 0%,rgba(var(--bs-body-color-rgb), 0.02) 10%,rgba(var(--bs-body-bg-rgb), 0.05) 80%);
+			//background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb),.05) 0%,rgba(var(--bs-body-color-rgb),.025) 20%,rgba(var(--bs-body-bg-rgb),0) 80%);
+			//background-image: linear-gradient(180deg, rgba(var(--bs-body-color-rgb), 0.05) 0%, rgba(var(--bs-body-color-rgb), 0.015) 10%, rgba(var(--bs-body-bg-rgb), 0) 80%);
+			border-top:1px solid rgba(var(--bs-body-color-rgb), 0.05);
+			width: 100%;
+			height: 1.5rem;
+			left: 0;
+			bottom: -1.5rem;	
+		}
+		*/
+
+		body.home & {
+			//border:none;
+			&:after {
+				display:none;
+			}
+		}
+
+		h3 {
+			margin-top: 0;
+			margin-bottom: 0;
+			line-height: 3rem;
+		}
+		
+		.navbar {
+			padding: 0 1rem;
+			//background: rgba(var(--bs-body-bg-rgb),.85);
+			
+			.navbar-nav {
+		
+				a.nav-link {
+					font-size: 15px;
+					//font-weight: 500;
+					padding: 2.1rem 1rem 2.1rem;
+					//text-transform:none;
+					//color: var(--bs-navbar-active-color);
+					/*
+					&.active {
+						background-color:rgba(var(--bs-primary-rgb), 0.05);
+						
+						&:after {
+							content: '';
+							border-bottom: 2px solid rgba(var(--bs-primary-rgb), 0.5);
+							width: 100%;
+							position: absolute;
+							left: 0;
+							top: 0px;
+						}
+					}
+					*/
+					
+					&:hover {
+						//background-color: rgba(var(--bs-body-color-rgb),.015);
+						//color: var(--bs-blue);
+						color: var(--bs-navbar-hover-color);
+					}
+				}			
+				
+				.nav-toggle {
+					a.nav-link {
+						padding: 2.1rem 0.5rem 2.1rem;
+					}
+				}
+								
+				nav.navbar-expand-md {
+					a.nav-link {
+						display: flex;
+						align-items: center;
+						color: rgba(var(--bs-body-color-rgb),.7);
+					}
+				}		
+			
+			}
+			
+			.dropdown-toggle::after {
+				font-size:60%;
+			}
+		}
+	}
+}