// Small helper in bulma style .has-text-justified { text-align: justify; } // Override box styling without round corners .box { margin-bottom:10px; border-radius: 0 !important; } // Add some hero attributes to make backgrounds prettier .hero { background-position: center; background-size: cover; } // link borders are unnecessary .content { a { &:not(.button) { border-bottom: none; } &:visited:hover { color: $link-hover; } } } footer .content a { &:not(.button) { color: $text-light; &:visited { color: $text-light; } &:hover { color: $link-hover; } } } // Proper padding of these sections header.section { padding-bottom: 10px; } main.section { padding-top: 20px; } footer.footer { padding-bottom: 40px; } // Cursor highlight color ::selection { color: white; background: rgba(255, 127, 0, 0.99); } .has-content-centered, .imgcenter { display: flex; justify-content: center; align-items: center; } .hydra-tile { background-color: #1E64C8; } .lana-tile { background-color: $tile-orange; } .project-tile { background-color: $turquoise; } // For better centering on mobile @media screen and (max-width: 768px) { #tipue_search_input { margin: 5px; } .nav-menu { flex-direction: column; max-height: 0; overflow: hidden; transition: all 0.30s ease-in-out; &.is-active { max-height: 250px; } } //for better spacing on mobile header.section { padding: 0px 0px; padding-bottom: 15px; } main.section { padding-top: 0px; } .is-narrow { flex: none; } } .fa { vertical-align: baseline; } .subnav { margin-top: -20px; } .heart { color: $red; }