Skip to content

Instantly share code, notes, and snippets.

@kevinkabatra
Created June 3, 2018 00:28
Show Gist options
  • Save kevinkabatra/79d2debca1ae85a83960dfba45e04b0b to your computer and use it in GitHub Desktop.
Save kevinkabatra/79d2debca1ae85a83960dfba45e04b0b to your computer and use it in GitHub Desktop.
yggdrasil-retrospective-tool
:root {
--font-family: arial;
--font-family-backup: sans-serif;
--color-dark-grey: #5a5a5a;
--color-light-grey: #d3d3d3;
}
.header {
overflow: hidden;
background-color: var(--color-dark-grey);
padding: 20px 10px;
}
.header a {
float: left;
color: white;
text-align: center;
font-size: 18px;
font-family: var(--font-family), var(--font-family-backup);
padding: 12px;
text-decoration: none;
line-height: 25px;
border-radius: 4px;
}
.header a.logo {
font-size: 25px;
font-weight: bold;
}
.header a:hover {
background-color: var(--color-light-grey);
color: white;
}
.header a.active {
background-color: dodgerblue;
color: white;
}
.header-right {
float: right;
}
@media screen and (max-width: 500px) {
.header a {
float: none;
display: block;
text-align: left;
}
.header-right {
float: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment