yttt/yamatotoma.to
2
0
Fork 0
Code Pull requests Activity Actions

fix nav-short option to have short avatar and to not have top whitespace

Browse source
This commit is contained in:
Dean Attali 2020-08-31 17:46:42 +00:00
parent 5068c2de8d
commit 86b9f8236c
3 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
assets/css/beautifuljekyll.css
View file

@ -352,11 +352,11 @@ img {
}
@media (min-width: 768px) {
.navbar-custom .avatar-container {
.navbar-custom.top-nav-regular .avatar-container {
width: 6.25rem;
}
.navbar-custom .avatar-container .avatar-img-border {
.navbar-custom.top-nav-regular .avatar-container .avatar-img-border {
width: 100%;
{% unless site.round-avatar == false %}
box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
@ -365,7 +365,7 @@ img {
{% endunless %}
}
.navbar-custom .avatar-container .avatar-img {
.navbar-custom.top-nav-regular .avatar-container .avatar-img {
width: 100%;
}
}
@ -582,6 +582,12 @@ footer .footer-custom-content {
margin-top: 3.1875rem; /* The small navbar is 50px tall + 1px border */
margin-bottom: 2.1875rem;
}
nav.top-nav-short-permanent ~ header > .intro-header {
margin-top: 5rem;
}
nav.top-nav-short-permanent ~ header > .intro-header.big-img {
margin-top: 3.1875rem;
}
.intro-header.big-img .big-img-transition {
position: absolute;
width: 100%;