diff --git a/source/_nav_item.erb b/source/_nav_item.erb index 712ec53..0dc6376 100644 --- a/source/_nav_item.erb +++ b/source/_nav_item.erb @@ -14,7 +14,7 @@ <%= i.data.title %> <% else %>
- <%= i.data.title %> + <%= i.data.title %> <%= partial :nav_item, :locals => { :items => children, :resources => resources @@ -24,4 +24,4 @@ <% end %> -<% end %> \ No newline at end of file +<% end %> diff --git a/source/stylesheets/site.css.scss b/source/stylesheets/site.css.scss index 92a1cec..341f73b 100644 --- a/source/stylesheets/site.css.scss +++ b/source/stylesheets/site.css.scss @@ -18,7 +18,7 @@ h1, h2, h3 { header { grid-area: head; margin: 0; - padding: 20vh 20vw; + padding: 10vh 5vw; background: linear-gradient(0deg, $plumedark, $plume); color: white; font-size: 1.5em; @@ -155,12 +155,31 @@ aside { & > a, & > details { display: block; - padding: 2em; border-bottom: none; } + & > a, & > details > summary { + margin: 2em; + } + + & > details > summary { + display: flex; + justify-content: space-between; + align-items: center; + + svg { + display: block; + transition: transform 0.1s ease-in; + } + } + + & > details[open] > summary svg { + transform: rotate(-90deg); + } + & > a, & > details > summary > a { opacity: 0.6; + padding: 0px; &:hover { opacity: 1; @@ -186,6 +205,10 @@ aside { padding: 1em; padding-left: 4em; } + + details > ul > li > * { + padding-left: 1em; + } } }