Cian-H/am-d-model.eu
1
0
Fork 0
mirror of https://github.com/Cian-H/am-d-model.eu.git synced 2025-12-22 21:41:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changed nav header threshold for new header entries

Browse Source
This commit is contained in:
Cian Hughes
2025-04-17 11:19:37 +01:00
parent efefc88180
commit 7fd20ae71c
1 changed files with 54 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
src/lib/styles/NavigationHeader.scss
View File

@@ -1,88 +1,88 @@
.navigation-header { .navigation-header {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
} }
.navigation-header { .navigation-header {
position: relative; position: relative;
height: 128px; height: 128px;
width: 100%; width: 100%;
padding-bottom: 120px; padding-bottom: 120px;
} }
.navigation-header-items { .navigation-header-items {
gap: 48px; gap: 48px;
align-items: center; align-items: center;
position: relative; position: relative;
padding-top: 28px; padding-top: 28px;
padding-right: 96px; padding-right: 96px;
padding-left: 32px; padding-left: 32px;
} }
.navigation-header-link { .navigation-header-link {
color: #000000; color: #000000;
font-family: var(--navigation-header-font-family); font-family: var(--navigation-header-font-family);
text-align: left; text-align: left;
font-size: var(--navigation-header-font-size); font-size: var(--navigation-header-font-size);
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
} }
.navigation-header-button { .navigation-header-button {
background: #000000; background: #000000;
border-radius: 8px; border-radius: 8px;
padding: 14px 24px 14px 24px; padding: 14px 24px 14px 24px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 8px; gap: 8px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-shrink: 0; flex-shrink: 0;
position: relative; position: relative;
box-shadow: var(--button-shadow-box-shadow, 0px 1px 2px 0px rgba(0, 0, 0, 0.05)); box-shadow: var(--button-shadow-box-shadow, 0px 1px 2px 0px rgba(0, 0, 0, 0.05));
} }
.navigation-header-button-text { .navigation-header-button-text {
@extend .navigation-header-link; @extend .navigation-header-link;
color: var(--cpalettecomplimentary); color: var(--cpalettecomplimentary);
text-decoration: none; text-decoration: none;
} }
.navigation-header-logo-link { .navigation-header-logo-link {
@extend .navigation-header-items; @extend .navigation-header-items;
min-width: 128px; min-width: 128px;
} }
.navigation-header-logo { .navigation-header-logo {
height: 128px; height: 128px;
width: auto; width: auto;
max-width: 128px; max-width: 128px;
} }
.navigation-header-logo { .navigation-header-logo {
height: 128px; height: 128px;
width: auto; width: auto;
padding-left: 28px; padding-left: 28px;
} }
.flexrow-right { .flexrow-right {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-end; justify-content: flex-end;
} }
.flexrow-left { .flexrow-left {
@extend .flexrow-right; @extend .flexrow-right;
justify-content: flex-start; justify-content: flex-start;
} }
@media (max-width: 750px) { @media (max-width: 760px) {
.navigation-header-items { .navigation-header-items {
display: none; display: none;
} }
} }