opt-cc/static/src/styles.scss

92 lines
1.3 KiB
SCSS

// mat-core() mixin:
@import '~@angular/material/theming';
$custom-typography: mat-typography-config(
$font-family: 'Roboto, monospace'
);
@include mat-core($custom-typography);
/* for sidenav to take a whole page */
html, body {
margin: 0;
height: 100%;
}
.tabs-container {
width: 520px;
}
label {
display: block;
}
.ng-touched.ng-invalid {
border-color: #a94442;
}
.tag-controls > .form-control {
width: calc(100% - 119px);
display: inline-block;
}
.tag-controls > button {
margin-top: -2px;
}
.tag-controls {
padding-bottom: 8px;
}
form {
padding-bottom: 10px;
}
#footer {
position: fixed;
bottom: 0;
width: 100%;
}
#left {
max-width: 20%;
min-width: 345px;
margin: 0;
position: static;
float: left;
border-right: thin solid #dadada;
box-shadow: #dadada 1px 1px 6px;
@media all and (max-width: 599px) {
// TODO
}
}
#right {
display: flow-root;
}
/* MATERIAL */
/* Snackbar begin*/
.custom-snack-bar {
text-align: center;
border-radius: 8px 8px 0 0 !important;
font-weight: 700;
color: #ffffff;
text-shadow: black 0.1em 0.1em 0.2em
}
.custom-snack-bar > simple-snack-bar {
display: flex;
}
.snack-bar-button button {
color: #ffffff;
border: 1px solid;
margin-left: 10px;
}
/* Icon theme */
.mat-icon {
color: #c5c5c5;
}