etoiledebethleem/website
3
1
Fork 0
Code Issues 6 Pull requests Projects 1 Releases Packages Activity Actions

feat: basic style and layout

Browse source 
images de la nef et facades
This commit is contained in:
Matthieu Bessat 2022-09-29 19:00:28 +02:00
parent bb43b2bc9d
commit 2fe8d5a5ae
86 changed files with 625 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

47
assets/sass/header.scss
View file

@ -1,4 +1,47 @@
header {
background: #d35400;
$header-height: 6.5rem;
.site-header {
background: $background;
margin-bottom: 1rem;
color: white;
height: $header-height;
}
.site-header__content {
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.site-header__nav {
a {
color: white;
text-decoration: none;
}
a:hover {
opacity: 0.8;
text-decoration: underline;
}
}
.site-header__title {
height: 100%;
}
.site-header__logo {
width: $header-height;
height: 100%;
}
@media (max-width: $md-breakpoint) {
.site-header .page-container {
width: 100% !important;
}
.site-header__title {
padding-right: 1rem;
}
.site-header__nav {
line-height: 2rem;
}
}