remove demo.css from project build + test, move relevant styles to styles.scss

This commit is contained in:
mchouliara 2024-09-03 17:43:37 +03:00
parent b2ed169976
commit 01db5ec332
2 changed files with 38 additions and 12 deletions

View File

@ -28,7 +28,6 @@
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.scss",
"src/assets/scss/material-dashboard.scss",
"src/assets/css/demo.css",
"node_modules/cookieconsent/build/cookieconsent.min.css"
],
"scripts": [
@ -116,7 +115,6 @@
"styles": [
"src/styles.scss",
"src/assets/scss/material-dashboard.scss",
"src/assets/css/demo.css",
"node_modules/tinymce/tinymce.min.js"
],
"assets": [

View File

@ -380,7 +380,21 @@ $mat-dark-theme: mat.m2-define-dark-theme((color: (primary: $mat-dark-theme-prim
margin: auto;
}
.gap-1-rem{
gap: 1rem;
}
.gap-2-rem{
gap: 2rem;
}
.gap-half-rem {
gap: 0.5rem;
}
.gap-quarter-rem {
gap: 0.25rem;
}
.dense-1 {
@include mat.all-component-densities(-1);
@ -564,23 +578,37 @@ button, .mdc-button, .mat-mdc-button, .mdc-button:has(.material-icons,mat-icon,[
}
}
////////* FROM DEMO.CSS*/////
.pointer {
cursor: pointer;
}
.gap-1-rem{
gap: 1rem;
.custom-modalbox > mat-dialog-container {
padding: 0px;
}
.gap-2-rem{
gap: 2rem;
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
.gap-half-rem {
gap: 0.5rem;
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
.gap-quarter-rem {
gap: 0.25rem;
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1244px) {
.container {
max-width: 1204px !important;
}
}
////////*////////