Styled menu (work in progress)
This commit is contained in:
parent
36fdb286ae
commit
c221b8df0f
3 changed files with 22 additions and 3 deletions
|
@ -1,6 +1,7 @@
|
||||||
a.button {
|
@mixin button {
|
||||||
|
display: block;
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
border-radius: 0.25rem;
|
// border-radius: 0.25rem;
|
||||||
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: $fg;
|
color: $fg;
|
||||||
|
|
18
themes/qogir/assets/scss/menu.scss
Normal file
18
themes/qogir/assets/scss/menu.scss
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
|
@ -2,5 +2,5 @@
|
||||||
<meta name="viewport" content="width=device-width">
|
<meta name="viewport" content="width=device-width">
|
||||||
<title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
|
<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" "main") "main" }}
|
||||||
|
{{ partialCached "head/css.html" (dict "Css" "menu") "menu" }}
|
||||||
{{ partialCached "head/css.html" (dict "Css" "post-item") "post-item" }}
|
{{ partialCached "head/css.html" (dict "Css" "post-item") "post-item" }}
|
||||||
{{ partialCached "head/js.html" . }}
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue