fbievan
/
Website-Redesign
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
assets/scss/style.scss
View File

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

2
layouts/_default/baseof.html
View File

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