diff options
Diffstat (limited to 'resources/sass/_navbar.scss')
| -rw-r--r-- | resources/sass/_navbar.scss | 43 |
1 files changed, 29 insertions, 14 deletions
diff --git a/resources/sass/_navbar.scss b/resources/sass/_navbar.scss index 7e3daa8..94d8a02 100644 --- a/resources/sass/_navbar.scss +++ b/resources/sass/_navbar.scss @@ -1,25 +1,40 @@ .navbar { - background-color: rgba(0,0,0,0) !important; + background-color: rgba(26, 30, 35, 0.95) !important; + backdrop-filter: blur(10px); + border-bottom: 1px solid #2f363f; } -.navbar-toggler { - border-color: #808080; + +.navbar-brand { + color: #00e5d4 !important; + font-weight: 700; + letter-spacing: 0.5px; } .navbar-dark .nav-link { - color: darken( #fff, 10% ) !important; + color: #94a3b8 !important; + font-weight: 600; + font-size: 0.85rem; + text-transform: uppercase; + letter-spacing: 0.5px; + padding: 0.5rem 1rem; + transition: color 0.2s; } -@media( min-width: 768px ) { - .navbar-searchform { - margin-left: 0.5rem; - } +.navbar-dark .nav-link:hover { + color: #00e5d4 !important; + text-decoration: none !important; } -.nav-link:hover { - text-decoration: underline !important; -} .nav-bar-divider { - display: inline; - padding: 0 8px; - font-size: 0.9rem; + display: inline; + padding: 0 8px; + color: #94a3b8; + opacity: 0.5; + user-select: none; +} + +@media (min-width: 768px) { + .navbar-searchform { + margin-left: 0.5rem; + } } |