couple of adjustments on headers and etc

This commit is contained in:
Gabriel Fontes
2022-08-21 01:48:52 -03:00
parent 15c018c72e
commit bf0d0b05c2
2 changed files with 45 additions and 46 deletions
@@ -1,7 +1,5 @@
<nav>
<nav>
<div class="title">{ <a href="/">Gabriel Fontes</a> }</div>
</nav>
<div class="title">{ <a href="/">Gabriel Fontes</a> }</div>
{% assign current = page.url | remove: "index.html" %}
<ul>
<li class="colorscheme">
+44 -43
View File
@@ -215,57 +215,58 @@ nav li.colorscheme a {
}
}
body > header {
// Add a line between header and main
border-bottom: 1px solid var(--border);
& > nav {
// Navigation menu
ul {
list-style: none;
margin-left: -30px;
header {
margin-bottom: 2px;
}
body {
// Bit of space at the top
margin-top: 2em;
& > header {
// Add a line after first header
border-bottom: 1px solid var(--border);
}
}
li {
font-size: 1.1em;
display: inline-block;
margin-bottom: 10px;
margin-right: 15px;
margin-top: -10px;
vertical-align: middle;
&.colorscheme:after {
margin-left: 0.5rem;
content: "-";
color: var(--text-muted);
}
}
}
// Site logo
& > nav {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 2em;
margin-top: 2em;
nav {
// Navigation menu
ul {
list-style: none;
margin-left: -30px;
.title {
// Name itself
a {
color: var(--base0E);
text-decoration: none;
}
// Decorations around
li {
font-size: 1.1em;
display: inline-block;
margin-bottom: 10px;
margin-right: 15px;
margin-top: -10px;
vertical-align: middle;
&.colorscheme:after {
margin-left: 0.5rem;
content: "-";
color: var(--text-muted);
font-size: 2.4em;
font-weight: 600;
&:hover {
color: var(--base09);
}
}
}
}
}
// Site logo
.title {
// Name itself
a {
color: var(--base0E);
text-decoration: none;
}
// Decorations around
color: var(--text-muted);
font-size: 2.4em;
font-weight: 600;
&:hover {
color: var(--base09);
}
margin-bottom: 1em;
}
aside {
border-top: 1px solid var(--border);
font-size: 80%;