2020-09-30 15:11:24 +02:00

74 lines
1.0 KiB
SCSS

// General styles that can be used across pages
// Increase font size slightly on larger displays
@include tablet {
p,
ul,
ol,
dl {
font-size: 1.05rem;
}
p {
line-height: 1.6;
}
ul,
ol,
dl {
line-height: 1.5;
}
}
a:not(.navbar-item, .no-underline ,.card) {
border-bottom: 1px solid transparentize($primary, 0.75);
&:hover {
background-color: transparentize($primary, 0.9);
}
&:active {
background-color: transparentize($primary, 0.8);
}
}
.hover-enlarge {
transition: transform 200ms ease;
cursor: pointer;
&:hover {
transform: scale(1.05, 1.05);
z-index: 2;
}
}
.title {
font-weight: $weight-semibold;
}
.section-title, .main-title,
.section-title:not(:last-child) {
color: desaturate($primary, 17%);
font-size: $size-2 * 1.05;
text-align: center;
margin-bottom: 3rem;
}
.main-title {
margin-top: 3rem;
}
.iconlist {
.image {
width: 100px;
height: 120px;
padding: 10px 0;
margin: auto;
}
img {
max-width: 100px;
max-height: 100px;
}
}