Porting all CSS to SCSS for easier maintainance, checking on all best practices.
This commit is contained in:
parent
4f5089655b
commit
bdded822bd
37 changed files with 1115 additions and 424 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue