@charset "utf-8";
@import "./webfonts/webfonts.scss";
-
-@import "bulma";
+@import "../../node_modules/bulma/bulma";
+@import "./components/status.scss";
// Themes import
@import "./themes/sui.scss";
text-overflow: ellipsis;
}
-html {
+html, body, body #app-mount, 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;
color: var(--text);
transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
a {
+ color: var(--link);
&:hover {
color: var(--link-hover);
}
.dashboard-title {
padding: 6px 0 0 80px;
+
+ &.no-logo {
+ padding-left: 0;
+ }
}
.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;
}
#main-section {
- margin-bottom: 2rem;
- padding: 0;
+ padding: 0 0 2.5rem 0;
h2 {
padding-bottom: 0px;
.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;
}
}
.no-footer {
#main-section {
- margin-bottom: 0;
+ padding-bottom: 0;
}
.footer {
}
}
}
+
+.group-logo {
+ float: left;
+}