fixed jumbotron width

This commit is contained in:
Gabriele Musco 2021-05-04 15:32:15 +02:00
parent 083901e517
commit 7b42ced453
No known key found for this signature in database
GPG Key ID: 8539FD3454380B83
2 changed files with 13 additions and 11 deletions

View File

@ -40,12 +40,16 @@ a {
}
}
#content {
@mixin limitWidth {
max-width: $content_width;
padding: 15px;
margin: auto;
}
#content {
@include limitWidth;
padding: 15px;
}
footer {
color: $dim_fg_color;
a {
@ -449,6 +453,8 @@ nav, #links {
}
header {
@include limitWidth;
padding: 15px;
margin-bottom: $content_spacing;
.titleAndHamburger {
display: flex;
@ -532,12 +538,10 @@ header {
{{ if (and (.Site.Params.enableJumbotron | default false) .Site.Data.jumbotron) }}
header {
.jumbotron { display: none; }
margin-top: -15px;
margin-left: -15px;
margin-right: -15px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
> * {
@include limitWidth;
}
}
header.jumbotronContainer {
.jumbotron { display: flex; }
@ -556,8 +560,6 @@ header.jumbotronContainer {
{{ end }}
}
.jumbotron {
top: 0;
left: 0;
width: 100%;
min-height: 40vh;
flex-direction: column;

View File

@ -2,8 +2,8 @@
<html>
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
<div id="content">
{{- partial "header.html" . -}}
<main>
{{- block "main" . }}{{- end }}
</main>