diff --git a/themes/buha/assets/scss/header.scss b/themes/buha/assets/scss/header.scss
index 8e76fea..26fc20e 100644
--- a/themes/buha/assets/scss/header.scss
+++ b/themes/buha/assets/scss/header.scss
@@ -8,9 +8,10 @@ header {
align-items: center;
justify-content: space-between;
svg {
+ margin-top: 1rem;
margin-left: 0.2vw;
width: auto;
- height: 2.5rem;
+ height: 4em;
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1));
path {
fill: var(--logo-color) !important;
@@ -36,8 +37,9 @@ header {
width: 86%;
div {
svg {
+ margin-top: 5rem;
width: auto;
- height: 3rem;
+ height: 7em;
}
div {
font-size: 1.2rem;
diff --git a/themes/buha/assets/scss/init.scss b/themes/buha/assets/scss/init.scss
new file mode 100644
index 0000000..24d5fb2
--- /dev/null
+++ b/themes/buha/assets/scss/init.scss
@@ -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;
+ }
+}
diff --git a/themes/buha/assets/scss/main.scss b/themes/buha/assets/scss/main.scss
index 277ae7a..561e808 100644
--- a/themes/buha/assets/scss/main.scss
+++ b/themes/buha/assets/scss/main.scss
@@ -6,7 +6,7 @@
padding-right: 1.1rem;
font-size: 150%;
}
-
+
main {
flex-grow: 1;
overflow: auto;
diff --git a/themes/buha/layouts/partials/layout/gen_list.html b/themes/buha/layouts/partials/layout/gen_list.html
index 6d771df..3d963b9 100644
--- a/themes/buha/layouts/partials/layout/gen_list.html
+++ b/themes/buha/layouts/partials/layout/gen_list.html
@@ -36,24 +36,36 @@
{{ .Title }}
{{ if $title }}{{ else }}{{ end }}
{{ with .Resources.GetMatch $banner }}
- {{ if eq hugo.Environment "development" }}
{{ $good_w := "1920"}}
{{ $good_h := "550"}}
- {{ $ratio := div (float .Width) (float .Height) }}
+ {{ $b := true }}
{{ if lt (int .Width) $good_w }}
- Width: {{ .Width }}px: too small, better {{ $good_w -}}px in width
+ {{ $b = false }}
+ {{ if eq hugo.Environment "development" }}
+ Width: {{ .Width }}px: too small, better {{ $good_w -}}px in width
+ {{ end }}
{{ else if gt (int .Width) $good_w }}
- Width: {{ .Width }}px: too big, better {{ $good_w -}}px in width
+ {{ $b = false }}
+ {{ if eq hugo.Environment "development" }}
+ Width: {{ .Width }}px: too big, better {{ $good_w -}}px in width
+ {{ end }}
{{ end }}
{{ if lt (int .Height) $good_h }}
- Height: {{ .Height }}px: too small, better {{ $good_h -}}px in height
+ {{ $b = false }}
+ {{ if eq hugo.Environment "development" }}
+ Height: {{ .Height }}px: too small, better {{ $good_h -}}px in height
+ {{ end }}
{{ else if gt (int .Height) $good_h }}
- Height: {{ .Height }}px: too big, better {{ $good_h -}}px in height
+ {{ $b = false }}
+ {{ if eq hugo.Environment "development" }}
+ Height: {{ .Height }}px: too big, better {{ $good_h -}}px in height
+ {{ end }}
{{ end }}
- {{ end }}
+ {{ if eq $b true }}
+ {{ end }}
{{ end }}