forked from verdnatura/salix-front
move(style): refs #6486 order style
This commit is contained in:
parent
bc4e081bee
commit
be9b70d9f5
|
@ -1,6 +1,30 @@
|
||||||
// app global css in SCSS form
|
// app global css in SCSS form
|
||||||
@import './icons.scss';
|
@import './icons.scss';
|
||||||
@import './quasar.variables.scss';
|
|
||||||
|
body.body--light {
|
||||||
|
--fount-color: black;
|
||||||
|
--vn-sectionColor: #ffffff;
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
.q-header .q-toolbar {
|
||||||
|
color: var(--fount-color);
|
||||||
|
}
|
||||||
|
--vn-text: var(--fount-color);
|
||||||
|
--vn-gray: var(--vn-sectionColor);
|
||||||
|
--vn-label: #5f5f5f;
|
||||||
|
--vn-dark: var(--vn-sectionColor);
|
||||||
|
--vn-light-gray: #e7e3e3;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.body--dark {
|
||||||
|
--vn-pageColor: #222;
|
||||||
|
--vn-SectionColor: #3c3b3b;
|
||||||
|
background-color: var(--vn-pageColor);
|
||||||
|
--vn-text: white;
|
||||||
|
--vn-gray: var(--vn-SectionColor);
|
||||||
|
--vn-label: #a8a8a8;
|
||||||
|
--vn-dark: var(--vn-SectionColor);
|
||||||
|
--vn-light-gray: #424242;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -11,6 +35,10 @@ a {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tx-color-link {
|
||||||
|
color: $color-link !important;
|
||||||
|
}
|
||||||
|
|
||||||
.header-link {
|
.header-link {
|
||||||
color: $color-link !important;
|
color: $color-link !important;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
@ -35,10 +35,6 @@ $dark-shadow-color: black;
|
||||||
$layout-shadow-dark: 0 0 10px 2px #00000033, 0 0px 10px #0000003d;
|
$layout-shadow-dark: 0 0 10px 2px #00000033, 0 0px 10px #0000003d;
|
||||||
$spacing-md: 16px;
|
$spacing-md: 16px;
|
||||||
|
|
||||||
.tx-color-link {
|
|
||||||
color: $color-link !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-success {
|
.bg-success {
|
||||||
background-color: $positive;
|
background-color: $positive;
|
||||||
}
|
}
|
||||||
|
@ -52,28 +48,3 @@ $spacing-md: 16px;
|
||||||
.bg-alert {
|
.bg-alert {
|
||||||
background-color: $negative;
|
background-color: $negative;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.body--light {
|
|
||||||
--fount-color: black;
|
|
||||||
--vn-sectionColor: #ffffff;
|
|
||||||
background-color: #e0e0e0;
|
|
||||||
.q-header .q-toolbar {
|
|
||||||
color: var(--fount-color);
|
|
||||||
}
|
|
||||||
--vn-text: var(--fount-color);
|
|
||||||
--vn-gray: var(--vn-sectionColor);
|
|
||||||
--vn-label: #5f5f5f;
|
|
||||||
--vn-dark: var(--vn-sectionColor);
|
|
||||||
--vn-light-gray: #e7e3e3;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.body--dark {
|
|
||||||
--vn-pageColor: #222;
|
|
||||||
--vn-SectionColor: #3c3b3b;
|
|
||||||
background-color: var(--vn-pageColor);
|
|
||||||
--vn-text: white;
|
|
||||||
--vn-gray: var(--vn-SectionColor);
|
|
||||||
--vn-label: #a8a8a8;
|
|
||||||
--vn-dark: var(--vn-SectionColor);
|
|
||||||
--vn-light-gray: #424242;
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in New Issue