jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-17 17:05:32 -04:00
Code Issues Activity

straighten up header elements

Browse Source
This commit is contained in:
Jake Jarvis
2020-04-26 09:46:34 -04:00
parent b8166296ef
commit 736cc775e3
6 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/sass/abstracts/_settings.scss
View File

@@ -17,7 +17,7 @@ $system-fonts-monospace: "SFMono-Regular", "Consolas", "Liberation Mono",
// stylelint-enable indentation
// Width at which to switch to mobile styles
$responsive-width: 820px;
$responsive-width: 830px;
// Fancy link underline settings
$link-underline-opacity: 40%;

2
assets/sass/components/_footer.scss
View File

@@ -3,7 +3,7 @@
// Global Footer Styles
footer {
width: 100%;
letter-spacing: -0.01em;
letter-spacing: -0.005em;
line-height: 1.7;
padding: 1.25em 1.75em;
box-sizing: border-box;

27
assets/sass/components/_header.scss
View File

@@ -3,7 +3,7 @@
// Global Header Styles
header {
width: 100%;
padding: 0.25em 1.7em;
padding: 0 1.7em;
box-sizing: border-box;
@include themed() {
@@ -25,19 +25,19 @@ header {
align-items: center;
@include themed() {
color: t(color-medium-dark);
color: t(color-medium);
}
h1#name {
margin-left: 0.75em;
font-size: 1.4em;
margin: 0.8em 0 0.8em 0.725em;
font-size: 1.35em;
font-weight: 500;
letter-spacing: -0.01em;
}
svg {
width: 30px;
height: 45px;
width: 28px;
height: 40px;
}
// mix up logo colors on hover
@@ -65,13 +65,14 @@ header {
list-style: none;
display: flex;
align-items: center;
margin: 0;
padding: 0;
font-size: 1.2em;
line-height: 1;
letter-spacing: -0.002em;
li {
text-align: right;
margin-left: 1.6em;
margin-left: 1.7em;
a {
display: inline-block;
@@ -125,14 +126,14 @@ header {
// Responsive
@mixin responsive--header() {
header {
padding: 0.1em 1.25em;
padding: 1em 1.25em;
nav {
a#logo {
img,
svg {
width: 40px;
height: 60px;
width: 36px;
height: 54px;
}
h1#name {
@@ -141,10 +142,10 @@ header {
}
ul {
font-size: 1.7em;
font-size: 1.6em;
li {
margin-left: 1em;
margin-left: 1.15em;
a {
span.icon {