text-overflow: ellipsis;
}
-html {
+html, body, body #app {
height: 100%;
+ background-color: var(--background);
}
body {
font-family: "Raleway", sans-serif;
- height: 100%;
#app {
+ height: auto;
min-height: 100%;
- background-color: var(--background);
background-image: var(--background-image);
background-size: cover;
background-position: center;
transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
a {
+ color: var(--link);
&:hover {
color: var(--link-hover);
}
}
.first-line {
- height: 100px;
+ min-height: 100px;
vertical-align: center;
background-color: var(--highlight-primary);
}
.container {
- height: 80px;
+ min-height: 80px;
padding: 10px 0;
}
}
}
}
- .navbar,
- .navbar-menu {
+ .navbar {
background-color: var(--highlight-secondary);
a {
background-color: var(--highlight-hover);
}
}
+ .navbar-menu {
+ background-color: inherit;
+ }
}
.navbar-end {
text-align: right;
.title {
font-size: 1.1em;
+ line-height: 1.2em;
@include ellipsis();
}
}
}
+ .media.no-subtitle {
+ display: flex;
+ align-items: center;
+ }
+
.media-content {
overflow: hidden;
text-overflow: inherit;
color: var(--highlight-secondary);
background-color: var(--highlight-secondary);
position: absolute;
- top: 1rem;
+ bottom: 1rem;
right: -0.2rem;
width: 3px;
overflow: hidden;
}
.card {
- border-radius: 5px;
border: none;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
+ overflow: visible;
a {
outline: none;
}
.column div:first-of-type .card {
- border-radius: 5px 5px 0 0;
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
}
.column div:last-child .card {
- border-radius: 0 0 5px 5px;
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
}
}
}
}
}
+
+.group-logo {
+ float: left;
+}