bvandevliet/Vandevliet.AerialShots.Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Socials in navbar and improved styles.
All checks were successful
Build and Deploy / Build and Deploy (push) Successful in 37s
Details

Browse source
This commit is contained in:
Bob Vandevliet 2025-07-05 11:34:38 +02:00
parent 2909fd6c40
commit ac329c65e7
2 changed files with 36 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/scss/styles.scss
View file

@ -228,7 +228,7 @@ body.is-scrolled .navbar {
.nav-link,
.btn {
@extend .text-white;
// @extend .text-white;
font-family: $ff-header;
}
}
@ -243,11 +243,34 @@ body.is-scrolled .navbar {
}
}
.navbar-nav .btn {
margin-left: var(--bs-navbar-nav-link-padding-x);
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
.socials {
display: flex;
gap: .5rem;
}
.navbar-nav {
.btn {
border: none;
padding-top: var(--bs-nav-link-padding-y);
padding-bottom: var(--bs-nav-link-padding-y);
}
.socials {
@extend .justify-content-center;
}
// navbar-expand-lg
@include media-breakpoint-up(lg) {
.btn:not(.btn+.btn),
.socials a:not(a+a) {
margin-left: var(--bs-navbar-nav-link-padding-x);
}
.socials {
gap: 0;
}
}
}
.row {
@ -259,7 +282,7 @@ img.grayscale-effect {
transition: filter 0.2s;
}
*:not(:hover) img.grayscale-effect {
:not(:hover) img.grayscale-effect {
filter: grayscale(80%);
}
@ -347,11 +370,6 @@ img.grayscale-effect {
border-width: 3px 0 0 0 !important;
}
.socials {
display: flex;
gap: .5rem;
}
.scrollto-highlight {
position: relative;
overflow: hidden;