152 lines
2.8 KiB
SCSS
152 lines
2.8 KiB
SCSS
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
|
|
|
|
@import "~bootstrap/scss/bootstrap";
|
|
//Material-Bootstrap configuration
|
|
@import "assets/scss/bootstrap-material";
|
|
|
|
@import "~@angular/material/theming";
|
|
@import "~@covalent/core/theming/all-theme";
|
|
@include mat-core();
|
|
// Define a theme.
|
|
$primary: mat-palette($mat-indigo);
|
|
$accent: mat-palette($mat-pink, A200, A100, A400);
|
|
$theme: mat-light-theme($primary, $accent);
|
|
// Include all theme styles for the components.
|
|
@include angular-material-theme($theme);
|
|
// @include covalent-theme($theme);
|
|
|
|
.snackbar-warning {
|
|
background-color: #f39010;
|
|
color: #f3efef;
|
|
}
|
|
|
|
.snackbar-success {
|
|
background-color: #109204;
|
|
color: #f3efef;
|
|
}
|
|
|
|
.snackbar-error {
|
|
background-color: #cf1407;
|
|
color: #111010;
|
|
}
|
|
|
|
.lightblue-btn {
|
|
background-color: rgb(70, 135, 240) !important;
|
|
}
|
|
|
|
.listing-item {
|
|
margin-top: 0.5em;
|
|
padding: 0.5em;
|
|
cursor: pointer;
|
|
border: 3px solid #f2f2f2;
|
|
|
|
.title {
|
|
color: black;
|
|
}
|
|
|
|
.project-title {
|
|
color: rgb(93, 125, 173);
|
|
}
|
|
|
|
.gray-icon {
|
|
color: rgb(191, 191, 191);
|
|
}
|
|
|
|
.chip {
|
|
padding: 0.1em 1em;
|
|
border-radius: 10em;
|
|
background-color: rgb(70, 135, 230);
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.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(68, 114, 196);
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
// .template-name {
|
|
// padding-left: 0px;
|
|
// border: 1px solid rgb(218, 227, 243);
|
|
// color: rgb(43, 104, 209);
|
|
// background-color: rgb(236, 241, 249);
|
|
// border-radius: 10em;
|
|
// justify-content: center;
|
|
// text-transform: uppercase;
|
|
// display: flex;
|
|
// width: 25em;
|
|
// height: 1.8em;
|
|
// margin-top: 15px;
|
|
// font-size: 13px;
|
|
// font-weight: 500;
|
|
// }
|
|
|
|
.draft-bookmark {
|
|
color: #e7e6e6;
|
|
}
|
|
|
|
.finalized-bookmark {
|
|
color: #92d050;
|
|
}
|
|
|
|
h4 span {
|
|
color: #619ce3;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
.listing {
|
|
.mat-card {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.col-9 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
.gray-container {
|
|
background: linear-gradient(180deg, #f6f6f6, #fff);
|
|
margin: 5px 0px;
|
|
}
|