A few style improvements
This commit is contained in:
parent
834b7297db
commit
51fa501fde
2 changed files with 27 additions and 4 deletions
|
@ -14,7 +14,7 @@
|
|||
<a href="<%= i.url %>"><%= i.data.title %></a>
|
||||
<% else %>
|
||||
<details>
|
||||
<summary><a href="<%= i.url %>"><%= i.data.title %></a></summary>
|
||||
<summary><a href="<%= i.url %>"><%= i.data.title %></a><i data-feather="chevron-left"></i></summary>
|
||||
<%= partial :nav_item, :locals => {
|
||||
:items => children,
|
||||
:resources => resources
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue