mustard-ui
Version:
A starter CSS framework that actually looks good.
82 lines (74 loc) • 1.31 kB
CSS
.nav-container .nav-logo a {
font-family: 'Averia Libre', sans-serif;
}
header h1.title {
font-family: 'Averia Libre', sans-serif;
}
.key-points .col {
margin: 30px 0;
display: flex;
justify-content: center;
}
/* Prism Margin Fix */
pre[class*=language-] {
margin: 15px 0;
}
/* GitHub Octocat */
.github-corner {
fill: #4caf50;
color: #fff;
position: absolute;
top: 0;
right: 0;
border: 0;
z-index: 10;
opacity: 1;
}
.github-corner:hover {
opacity: 1;
}
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
@keyframes octocat-wave {
0%,
100% {
transform: rotate(0)
}
20%,
60% {
transform: rotate(-25deg)
}
40%,
80% {
transform: rotate(10deg)
}
}
@media (max-width:500px) {
.github-corner:hover .octo-arm {
animation: none
}
.github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
}
/* Mobile Menu Default */
.mobile-menu {
display: none;
position: absolute;
top: 15px;
right: 30px;
z-index: 10;
}
/* Collapsing Sidebar */
.sidebar-links {
display: none;
}
.sidebar-category.active + .sidebar-links {
display: block;
}
/* Modal Display */
.modal-mask,
.modal {
display: none;
}