abdullahtarawneh.com/assets/scss/partials/site-header.scss
2020-10-16 15:00:32 -05:00

50 lines
924 B
SCSS

.site-header {
a {text-decoration: none; color: inherit;}
.container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding: 1em;
}
}
.site-masthead {display: flex; align-items: center;}
.site-icon {width: 44px; height: 44px; border-radius: 100em; margin-right: 1em;}
.site-title {}
body {margin-bottom: 64px; min-height: calc(100vh - 64px)}
.site-nav {
flex-grow: 1;
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
background: #212121;
color: white;
z-index: 2;
ul {
height: 64px;
max-width: 960px;
margin: 0 auto;
display: flex;
justify-content: space-around;
li {
flex-grow: 1;
border-bottom: 4px solid #212121;
&.active {
font-weight: 700;
border-bottom: 4px solid #0060ff;
}
a {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
height: 100%;
span {padding: 0.25em;}
}
}
}
}