small fixes
This commit is contained in:
parent
42de76ec6c
commit
be230a9096
|
@ -8,9 +8,10 @@ header {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
svg {
|
svg {
|
||||||
|
margin-top: 1rem;
|
||||||
margin-left: 0.2vw;
|
margin-left: 0.2vw;
|
||||||
width: auto;
|
width: auto;
|
||||||
height: 2.5rem;
|
height: 4em;
|
||||||
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1));
|
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1));
|
||||||
path {
|
path {
|
||||||
fill: var(--logo-color) !important;
|
fill: var(--logo-color) !important;
|
||||||
|
@ -36,8 +37,9 @@ header {
|
||||||
width: 86%;
|
width: 86%;
|
||||||
div {
|
div {
|
||||||
svg {
|
svg {
|
||||||
|
margin-top: 5rem;
|
||||||
width: auto;
|
width: auto;
|
||||||
height: 3rem;
|
height: 7em;
|
||||||
}
|
}
|
||||||
div {
|
div {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
|
|
43
themes/buha/assets/scss/init.scss
Normal file
43
themes/buha/assets/scss/init.scss
Normal file
|
@ -0,0 +1,43 @@
|
||||||
|
// Breakpoints
|
||||||
|
$bp-small: 48em; // 768px
|
||||||
|
$bp-medium: 64em; // 1024px
|
||||||
|
$bp-large: 85.375em; // 1366px
|
||||||
|
$bp-xlarge: 120em; // 1920px
|
||||||
|
$bp-xxlarge: 160em; // 2560px
|
||||||
|
|
||||||
|
// Media Queries
|
||||||
|
$mq-small: "(min-width: #{$bp-small})";
|
||||||
|
$mq-medium: "(min-width: #{$bp-medium})";
|
||||||
|
$mq-large: "(min-width: #{$bp-large})";
|
||||||
|
$mq-xlarge: "(min-width: #{$bp-xlarge})";
|
||||||
|
$mq-xxlarge: "(min-width: #{$bp-xxlarge})";
|
||||||
|
$mq-retina: "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)";
|
||||||
|
|
||||||
|
// Font-Size
|
||||||
|
$base-font-size: 1em;
|
||||||
|
|
||||||
|
// Line-Height
|
||||||
|
$base-line-height: 1.5;
|
||||||
|
$header-line-height: 1.25;
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-size: $base-font-size;
|
||||||
|
line-height: $base-line-height;
|
||||||
|
|
||||||
|
@media #{$mq-medium} {
|
||||||
|
font-size: $base-font-size*1.2;
|
||||||
|
line-height: $base-line-height*1.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media #{$mq-large} {
|
||||||
|
font-size: $base-font-size*1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media #{$mq-xlarge} {
|
||||||
|
font-size: $base-font-size*1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media #{$mq-xxlarge} {
|
||||||
|
font-size: $base-font-size*1.6;
|
||||||
|
}
|
||||||
|
}
|
|
@ -6,7 +6,7 @@
|
||||||
padding-right: 1.1rem;
|
padding-right: 1.1rem;
|
||||||
font-size: 150%;
|
font-size: 150%;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
|
|
@ -36,24 +36,36 @@
|
||||||
{{ .Title }}
|
{{ .Title }}
|
||||||
{{ if $title }}</h3>{{ else }}</h2>{{ end }}
|
{{ if $title }}</h3>{{ else }}</h2>{{ end }}
|
||||||
{{ with .Resources.GetMatch $banner }}
|
{{ with .Resources.GetMatch $banner }}
|
||||||
{{ if eq hugo.Environment "development" }}
|
|
||||||
{{ $good_w := "1920"}}
|
{{ $good_w := "1920"}}
|
||||||
{{ $good_h := "550"}}
|
{{ $good_h := "550"}}
|
||||||
{{ $ratio := div (float .Width) (float .Height) }}
|
{{ $b := true }}
|
||||||
{{ if lt (int .Width) $good_w }}
|
{{ if lt (int .Width) $good_w }}
|
||||||
Width: {{ .Width }}px: too small, better {{ $good_w -}}px in width<br>
|
{{ $b = false }}
|
||||||
|
{{ if eq hugo.Environment "development" }}
|
||||||
|
Width: {{ .Width }}px: too small, better {{ $good_w -}}px in width<br>
|
||||||
|
{{ end }}
|
||||||
{{ else if gt (int .Width) $good_w }}
|
{{ else if gt (int .Width) $good_w }}
|
||||||
Width: {{ .Width }}px: too big, better {{ $good_w -}}px in width<br>
|
{{ $b = false }}
|
||||||
|
{{ if eq hugo.Environment "development" }}
|
||||||
|
Width: {{ .Width }}px: too big, better {{ $good_w -}}px in width<br>
|
||||||
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ if lt (int .Height) $good_h }}
|
{{ if lt (int .Height) $good_h }}
|
||||||
Height: {{ .Height }}px: too small, better {{ $good_h -}}px in height<br>
|
{{ $b = false }}
|
||||||
|
{{ if eq hugo.Environment "development" }}
|
||||||
|
Height: {{ .Height }}px: too small, better {{ $good_h -}}px in height<br>
|
||||||
|
{{ end }}
|
||||||
{{ else if gt (int .Height) $good_h }}
|
{{ else if gt (int .Height) $good_h }}
|
||||||
Height: {{ .Height }}px: too big, better {{ $good_h -}}px in height<br>
|
{{ $b = false }}
|
||||||
|
{{ if eq hugo.Environment "development" }}
|
||||||
|
Height: {{ .Height }}px: too big, better {{ $good_h -}}px in height<br>
|
||||||
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
|
||||||
<!--<div class="img" style="background-image: url({{ .Permalink }})">
|
<!--<div class="img" style="background-image: url({{ .Permalink }})">
|
||||||
</div>-->
|
</div>-->
|
||||||
|
{{ if eq $b true }}
|
||||||
<img src="{{ .Permalink }}" />
|
<img src="{{ .Permalink }}" />
|
||||||
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<div class="text">
|
<div class="text">
|
||||||
{{ if .Description }}
|
{{ if .Description }}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user