abdullahtarawneh.com/assets/scss/partials/site-header.scss

50 lines
968 B
SCSS
Raw Normal View History

2020-10-10 19:47:58 +00:00
.site-header {
2020-10-10 23:43:26 +00:00
a {text-decoration: none; color: inherit;}
2020-10-16 20:00:32 +00:00
.container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding: 1em;
}
2020-10-10 19:47:58 +00:00
}
2020-10-10 23:43:26 +00:00
2020-10-16 20:00:32 +00:00
.site-masthead {display: flex; align-items: center;}
.site-icon {width: 44px; height: 44px; border-radius: 100em; margin-right: 1em;}
2020-10-17 02:41:13 +00:00
.site-title {margin-bottom: 0; line-height: 1; font-size: 1em;}
2020-10-16 20:00:32 +00:00
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 {
2020-10-17 02:41:13 +00:00
flex: 1;
2020-10-16 20:00:32 +00:00
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;}
}
}
}
}