Styled menu (work in progress)

This commit is contained in:
DarkCat09 2023-11-04 21:23:30 +04:00
parent 36fdb286ae
commit c221b8df0f
Signed by: DarkCat09
GPG key ID: 0A26CD5B3345D6E3
3 changed files with 22 additions and 3 deletions

View file

@ -1,6 +1,7 @@
a.button {
@mixin button {
display: block;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
// border-radius: 0.25rem;
background: transparent;
color: $fg;

View file

@ -0,0 +1,18 @@
@import "colors.scss";
@import "button.scss";
nav ul {
list-style: none;
margin: 0;
margin-bottom: 0.25rem;
padding: 0;
display: flex;
flex-direction: row;
li a {
@include button;
padding: 0.125rem 0.25rem;
background: $base;
}
}

View file

@ -2,5 +2,5 @@
<meta name="viewport" content="width=device-width">
<title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
{{ partialCached "head/css.html" (dict "Css" "main") "main" }}
{{ partialCached "head/css.html" (dict "Css" "menu") "menu" }}
{{ partialCached "head/css.html" (dict "Css" "post-item") "post-item" }}
{{ partialCached "head/js.html" . }}