Move navigation bar css to seperate file

This commit is contained in:
Stelian Tsekov 2024-03-06 16:07:48 +01:00
parent ea9a1e06ee
commit 79a0add3b0
4 changed files with 56 additions and 55 deletions

View file

@ -8,61 +8,6 @@ body {
height: 100%; height: 100%;
} }
nav {
display: flex;
gap: 1em;
position: fixed;
padding: 0.5em;
width: 100%;
transition: all 0.2s ease;
overflow: auto;
z-index: 99;
}
nav .button#navButton {
margin: 0;
}
nav > .language-switcher {
display: flex;
justify-content: flex-end;
gap: 1em;
margin-left: auto;
width: 100%;
}
nav > .language-switcher > select {
width: 8em;
}
nav.scrolled {
background: var(--bg-color);
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
nav a.nav-logo {
display: flex;
justify-content: center;
align-items: center;
padding: 0.1em;
width: 2.5em;
}
nav a.nav-logo > img {
width: 100%;
}
nav .nav-container {
display: flex;
flex-direction: row;
gap: 1em;
}
.button.light {
border-color: white !important;
color: white;
}
.content { .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

54
assets/css/nav.css Normal file
View file

@ -0,0 +1,54 @@
nav {
display: flex;
gap: 1em;
position: fixed;
padding: 0.5em;
width: 100%;
transition: all 0.2s ease;
overflow: auto;
z-index: 99;
}
nav .button#navButton {
margin: 0;
}
nav > .language-switcher {
display: flex;
justify-content: flex-end;
gap: 1em;
margin-left: auto;
width: 100%;
}
nav > .language-switcher > select {
width: 8em;
}
nav.scrolled {
background: var(--bg-color);
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
nav a.nav-logo {
display: flex;
justify-content: center;
align-items: center;
padding: 0.1em;
width: 2.5em;
}
nav a.nav-logo > img {
width: 100%;
}
nav .nav-container {
display: flex;
flex-direction: row;
gap: 1em;
}
.button.light {
border-color: white !important;
color: white;
}

View file

@ -6,6 +6,7 @@
<title data-i18n="title">TBZ Community</title> <title data-i18n="title">TBZ Community</title>
<link rel="stylesheet" href="https://unpkg.com/chota@latest"> <link rel="stylesheet" href="https://unpkg.com/chota@latest">
<link rel="stylesheet" href="/assets/css/main.css" /> <link rel="stylesheet" href="/assets/css/main.css" />
<link rel="stylesheet" href="/assets/css/nav.css" />
<link rel="stylesheet" href="/assets/css/home.css" /> <link rel="stylesheet" href="/assets/css/home.css" />
<link rel="icon" href="/assets/img/favicon.svg" /> <link rel="icon" href="/assets/img/favicon.svg" />
</head> </head>

View file

@ -6,6 +6,7 @@
<title>TBZ Community | Registration</title> <title>TBZ Community | Registration</title>
<link rel="stylesheet" href="https://unpkg.com/chota@latest"> <link rel="stylesheet" href="https://unpkg.com/chota@latest">
<link rel="stylesheet" href="/assets/css/main.css" /> <link rel="stylesheet" href="/assets/css/main.css" />
<link rel="stylesheet" href="/assets/css/nav.css" />
<link rel="stylesheet" href="/assets/css/signup.css" /> <link rel="stylesheet" href="/assets/css/signup.css" />
<link rel="icon" href="/assets/img/favicon.svg" /> <link rel="icon" href="/assets/img/favicon.svg" />
<script> <script>