Porting all CSS to SCSS for easier maintainance, checking on all best practices.

This commit is contained in:
Adsooi 2021-07-14 00:18:53 +02:00
parent 4f5089655b
commit bdded822bd
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
37 changed files with 1115 additions and 424 deletions

View file

@ -2,14 +2,14 @@
<nav class="{{ if $white }}text-white{{ end }}">
<div class="center nav-flex">
{{ $currentPage := . }}
<div class="nav-mobile ">
<div class="nav-mobile">
<a class="navbar-brand" href="{{ .Site.Params.brandWebsite }}" role="button">
<img src="/img/icon.png" class="icon-brand" alt=""/>
<img src="/img/icon.png" class="icon-brand" alt="Ad5001's icon"/>
Ad5001
</a>
<button id="navbar-toggler">
<img src="/icons/menu.svg" class="icon-monochrome"/>
<img src="/icons/menu.svg" class="icon-monochrome" alt="Menu icon"/>
</button>
</div>
@ -17,52 +17,50 @@
<ul class="navbar-list">
{{ range .Site.Menus.main.ByWeight }}
{{ if .HasChildren }}
<div class="menu-with-sub">
<a href="#" role="button">
<li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
<li class="menu-with-sub">
<li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
<a href="#" role="button">
{{ .Pre }}
<span>{{ .Name }}</span>
</li>
</a>
</a>
</li>
<ul class="sub-menu">
{{ range .Children }}
<a href="{{ .URL }}" role="button">
<li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }} background">
<li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }} background">
<a href="{{ .URL }}" role="button">
{{ .Name }}
</li>
</a>
</a>
</li>
{{ end }}
</ul>
</div>
</li>
{{ else }}
<a href="{{ .URL }}" role="button">
<li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
<li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
<a href="{{ .URL }}" role="button">
{{ .Pre }}
<span>{{ .Name }}</span>
</li>
</a>
</a>
</li>
{{ end }}
{{ end }}
{{ $currentLang := .Site.Language }}
{{ if .IsTranslated }}
<div class="menu-with-sub">
<li class="menu-with-sub">
<a href="#" role="button">
<li>
<img src="/icons/lang.svg" class="icon-as-text icon-monochrome"/>
<span>{{ i18n "language" }}</span>
</li>
<img src="/icons/lang.svg" class="icon-as-text icon-monochrome" alt="{{ i18n "language" }} language flag"/>
<span>{{ i18n "language" }}</span>
</a>
<ul class="sub-menu center">
{{ range .Translations }}
<a href="{{ .Permalink }}" role="button">
<li class="background">
<li class="background">
<a href="{{ .Permalink }}" role="button">
<img src="/icons/flag/{{ .Language.Lang }}.svg" class="icon-as-text"/>
{{ .Language.LanguageName }}
</li>
</a>
</a>
</li>
{{ end }}
</ul>
</div>
</li>
{{ end }}
</ul>
</div>