small fixes
This commit is contained in:
parent
42de76ec6c
commit
be230a9096
|
@ -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;
|
||||
|
|
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;
|
||||
}
|
||||
}
|
|
@ -36,24 +36,36 @@
|
|||
{{ .Title }}
|
||||
{{ if $title }}</h3>{{ else }}</h2>{{ 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<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 }}
|
||||
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 }}
|
||||
{{ 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 }}
|
||||
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 }}
|
||||
<!--<div class="img" style="background-image: url({{ .Permalink }})">
|
||||
</div>-->
|
||||
{{ if eq $b true }}
|
||||
<img src="{{ .Permalink }}" />
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<div class="text">
|
||||
{{ if .Description }}
|
||||
|
|
Loading…
Reference in New Issue
Block a user