zeus.ugent.be/content/assets/stylesheets/includes/general.scss
Lorin Werthen 2cc92cc60d
red heart
2016-12-12 14:34:43 +01:00

125 lines
1.7 KiB
SCSS

// 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);
}
.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;
}