N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve masthead links' hover state

Browse source
This commit is contained in:
Michael Rose 2016-03-24 15:46:06 -04:00
parent 83c74a1c40
commit 62109b7f0a
2 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
assets/_scss/_navigation.scss
View file

@ -132,11 +132,25 @@
} }
a { a {
border-bottom: 4px solid transparent; position: relative;
&:before {
content: "";
position: absolute;
bottom: 0;
height: 4px;
background: $light-gray;
width: 0;
transition: 0.3s;
}
&:hover { &:hover {
color: #000; color: #000;
border-bottom-color: $border-color; border-bottom-color: $border-color;
&:before {
width: 100%;
}
} }
} }
} }

2
assets/css/main.css
View file

File diff suppressed because one or more lines are too long