Rumperuu/Cataloguer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial commit

Browse source
This commit is contained in:
Ben Goldsworthy 2025-01-04 21:19:12 +01:00
commit 5c664be9a8
No known key found for this signature in database
55 changed files with 8825 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

88
assets/css/layout/_header.scss Normal file
View file

@ -0,0 +1,88 @@
.site-header {
display: grid;
grid-area: header;
grid-gap: 0;
grid-template-columns: 1fr;
grid-template-rows: auto auto auto auto;
grid-template-areas: "header-title" "header-tagline" "header-icons" "header-nav";
position: sticky;
top: 0;
left: 0;
width: 100%;
text-align: center;
z-index: 1;
&__title,
&__tagline,
&__icons,
&__nav {
background-color: $light;
margin: 0;
}
&__title,
&__tagline,
&__icons {
padding: 5px 0;
}
&__title {
font-weight: normal;
grid-area: header-title;
}
&__tagline {
grid-area: header-tagline;
}
&__icons {
grid-area: header-icons;
border-bottom: 2px solid $dark;
margin-bottom: 0;
}
&__nav {
grid-area: header-nav;
margin: auto;
width: 100%;
@include mq('desktop') {
width: 60%;
}
& ul {
margin-top: 0;
margin-bottom: 0;
}
& li {
width: calc(100% / 4);
display: block;
float: left;
border-bottom: 2px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
padding: 0.4em;
background-color: inherit;
}
& a:first-child li {
border-left: 2px solid black;
}
& a:last-child li {
border-right: 2px solid black;
}
& li {
&:hover {
background-color: #ffffd0;
}
& a {
width: 100%;
height: 100%;
display: block;
}
}
}
}