header align problem fix

This commit is contained in:
zzossig 2020-02-13 20:44:18 +09:00
parent a447d1561c
commit 6e80fe903f
10 changed files with 16 additions and 9 deletions

View File

@ -21,3 +21,10 @@
@include align-items(center); @include align-items(center);
@include justify-content(center); @include justify-content(center);
} }
.basicflex-column {
@include flexbox();
@include align-items(center);
@include justify-content(center);
@include flex-direction(column);
}

View File

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
{{ $title := .Title }} {{ $title := .Title }}
<header class="header"> <header class="header basicflex-column">
<h3 class="terms__title capitalize h3">{{ $title }}</h3> <h3 class="terms__title capitalize h3">{{ $title }}</h3>
</header> </header>
<main class="terms main"> <main class="terms main">

View File

@ -1,5 +1,5 @@
{{ define "main" }} {{ define "main" }}
<header class="header"> <header class="header basicflex-column">
<h3 class="h3 terms__title"> <h3 class="h3 terms__title">
{{ .Title }} {{ .Title }}
</h3> </h3>

View File

@ -1,7 +1,7 @@
{{ define "main" }} {{ define "main" }}
{{ $titleWrap := $.Param "titleWrap" }} {{ $titleWrap := $.Param "titleWrap" }}
<header class="header"> <header class="header basicflex-column">
<h3 class="h3 terms__title"> <h3 class="h3 terms__title">
{{ .Title }} {{ .Title }}
</h3> </h3>

View File

@ -1,5 +1,5 @@
{{ define "main" }} {{ define "main" }}
<header class="header"> <header class="header basicflex-column">
<h3 class="h3 terms__title"> <h3 class="h3 terms__title">
{{ .Title }} {{ .Title }}
</h3> </h3>

View File

@ -1,5 +1,5 @@
{{ define "main" }} {{ define "main" }}
<header class="header"> <header class="header basicflex-column">
<h3 class="terms__title h3">{{ .Title }}</h3> <h3 class="terms__title h3">{{ .Title }}</h3>
<div class="gallery__contents"> <div class="gallery__contents">
{{ .Content }} {{ .Content }}

View File

@ -1,7 +1,7 @@
{{ if $.Params.header }} {{ if $.Params.header }}
{{ range $.Params.header }} {{ range $.Params.header }}
{{ if eq .type "img" }} {{ if eq .type "img" }}
<div class="site-header site-header__align-{{ .align }}" style="background-image: url('{{ .imageSrc | relURL }}'); background-size: {{ .imageSize }}; <div class="site-header basicflex-column site-header__align-{{ .align }}" style="background-image: url('{{ .imageSrc | relURL }}'); background-size: {{ .imageSize }};
background-repeat: {{ .imageRepeat }}; background-position: {{ .imagePosition }}; width: 100%; height: {{ .height }}px; padding: {{ .paddingY }}px {{ .paddingX }}px;"> background-repeat: {{ .imageRepeat }}; background-position: {{ .imagePosition }}; width: 100%; height: {{ .height }}px; padding: {{ .paddingY }}px {{ .paddingX }}px;">
{{ $header := . }} {{ $header := . }}
{{ if .title }} {{ if .title }}

View File

@ -1,7 +1,7 @@
{{ if $.Params.header }} {{ if $.Params.header }}
{{ range $.Params.header }} {{ range $.Params.header }}
{{ if eq .type "text" }} {{ if eq .type "text" }}
<div class="site-header site-header__align-{{ .align }}" style="width: 100%; height: {{ .height }}px; padding: {{ .paddingY }}px {{ .paddingX }}px;"> <div class="site-header basicflex-column site-header__align-{{ .align }}" style="width: 100%; height: {{ .height }}px; padding: {{ .paddingY }}px {{ .paddingX }}px;">
{{ $header := . }} {{ $header := . }}
{{ if .title }} {{ if .title }}
{{ range .title }} {{ range .title }}

View File

@ -1,7 +1,7 @@
{{ define "main" }} {{ define "main" }}
{{ $titleWrap := .Params.titleWrap }} {{ $titleWrap := .Params.titleWrap }}
<header class="header"> <header class="header basicflex-column">
<h3 class="h3 terms__title"> <h3 class="h3 terms__title">
{{ .Title }} {{ .Title }}
</h3> </h3>