argos/dmp-frontend/src/styles.scss

192 lines
3.6 KiB
SCSS
Raw Normal View History

2019-09-19 12:00:00 +02:00
// @import "~@covalent/core/theming/all-theme";
@import "~@angular/material/theming"; // @import '../node_modules/@angular/material/theming';
2018-11-27 18:33:17 +01:00
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
2019-09-19 12:00:00 +02:00
// Material-Bootstrap configuration
2018-11-27 18:33:17 +01:00
@import "~bootstrap/scss/bootstrap";
2018-06-27 17:37:26 +02:00
2020-08-04 17:27:13 +02:00
// Guided Tour style
@import '../node_modules/ngx-guided-tour/scss/guided-tour-base-theme.scss';
2019-09-19 12:00:00 +02:00
// Custom Theme
// @import "./assets/scss/blue-theme.scss";
2017-12-18 12:24:12 +01:00
// Define a theme.
2019-09-19 12:00:00 +02:00
// $primary: mat-palette($app-blue-theme-primary-palette);
// $accent: mat-palette($mat-pink, A200, A100, A400);
// $theme: mat-light-theme($primary, $accent);
2017-12-18 12:24:12 +01:00
// Include all theme styles for the components.
2019-09-19 12:00:00 +02:00
// @include angular-material-theme($theme);
2019-01-18 18:03:45 +01:00
// @include covalent-theme($theme);
2018-11-27 18:33:17 +01:00
2018-06-27 17:37:26 +02:00
.snackbar-warning {
background-color: #f39010;
color: #f3efef;
2018-02-09 16:54:41 +01:00
}
2018-06-27 17:37:26 +02:00
.snackbar-success {
background-color: #109204;
color: #f3efef;
2018-02-09 16:54:41 +01:00
}
2018-06-27 17:37:26 +02:00
.snackbar-error {
background-color: #cf1407;
color: #111010;
}
.lightblue-btn {
background-color: rgb(0, 178, 159) !important;
color: white !important;
// background-color: rgba(0, 112, 192, 1) !important;
}
.listing-item {
margin-top: 0.5em;
padding: 0.5em;
cursor: pointer;
border: 3px solid #f2f2f2;
.title {
color: black;
}
.grant-title {
color: rgb(93, 125, 173);
}
.gray-icon {
color: rgb(191, 191, 191);
}
.chip {
padding: 0.1em 1em;
border-radius: 10em;
background-color: #0d7489;
// background-color: rgba(0, 112, 192, 1);
color: #fff;
text-transform: uppercase;
font-weight: 500;
max-width: 160px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bordered-chip {
padding: 0.1em 1em;
border: 0.1em solid rgb(218, 227, 243);
border-radius: 10em;
background-color: rgb(236, 241, 249);
color: rgb(0, 178, 159);
// color: rgba(0, 112, 192, 1);
// color: rgb(68, 114, 196);
text-transform: uppercase;
font-weight: 500;
max-width: 160px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.squared-chip {
padding: 0.1em 1em;
border: 0.1em solid rgb(236, 241, 249);
border-radius: 0.5em;
background-color: rgb(246, 246, 246);
color: rgb(127, 127, 127);
max-width: 160px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
mat-icon {
width: auto;
height: auto;
}
.mr-5 {
margin-right: 2rem !important;
}
.info {
background-color: #f6f6f6;
padding: 8px 15px;
margin-bottom: 15px;
}
.info p {
margin-bottom: 0px;
color: rgb(37, 35, 140);
font-weight: 600;
}
.chip p {
margin-bottom: 0px;
}
// .draft-bookmark {
// color: #e7e6e6;
// display: inline;
// position: absolute;
// padding-top: 3px;
// }
// .finalized-bookmark {
// color: #08bd63;
// // color: #92d050;
// display: inline;
// position: absolute;
// padding-top: 3px;
// }
h4 span {
color: #089dbb;
font-weight: 600;
}
}
.listing {
.mat-card {
margin: 1em 0;
}
.col-9 {
display: flex;
flex-direction: column;
}
2018-06-27 17:37:26 +02:00
}
.gray-container {
background: linear-gradient(180deg, #f6f6f6, #fff);
margin: 5px 0px;
}
.main-content {
background-color: #f5f5f5;
2020-10-30 16:56:24 +01:00
// padding-top: 5rem;
2020-06-30 18:40:01 +02:00
padding-bottom: 3rem;
// padding-left: 3.31rem;
padding-left: 1rem;
margin: 0;
display: flex;
flex-grow: 1;
}
2020-07-29 17:04:19 +02:00
2020-08-03 10:40:38 +02:00
::ng-deep .mat-form-field-wrapper {
background-color: white !important;
padding-bottom: 0 !important;
}
2020-07-29 17:04:19 +02:00
2020-08-03 10:40:38 +02:00
::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix {
padding: 0.3rem 0rem 0.6rem 0rem !important;
}
.custom-userbox > mat-dialog-container {
background-color: transparent;
padding: 0rem;
overflow: initial;
box-shadow: none;
}