0.6
This commit is contained in:
parent
89d26e3d46
commit
195117dd67
1 changed files with 59 additions and 30 deletions
|
|
@ -1,10 +1,3 @@
|
|||
.webbpm.ervu_dashboard .wrapper {
|
||||
min-width: 980px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'GilroyL';
|
||||
src: url('../fonts/gilroy-light.otf');
|
||||
|
|
@ -59,30 +52,30 @@
|
|||
|
||||
--w-content: calc((100vw - 300px)/100);
|
||||
|
||||
--size-text-title: 14px; /*min(calc(1.5*var(--w-content)), 2rem);*/ /*32px*/
|
||||
--size-text-subtitle: 12px; /*min(calc(1.2*var(--w-content)), 1.5rem);*/ /*24px*/
|
||||
--size-text-addprimary: 10px; /*min(calc(1*var(--w-content)), 1.25rem);*/ /*20px*/
|
||||
--size-text-primary: 8px; /*min(calc(0.9*var(--w-content)), 1.125rem);*/ /*18px*/
|
||||
--size-text-secondary: 7px; /*min(calc(0.7*var(--w-content)), 0.875rem);*/ /*14px*/
|
||||
--size-text-title: 2rem; /*32px*/
|
||||
--size-text-subtitle: 1.5rem; /*24px*/
|
||||
--size-text-addprimary: 1.25rem; /*20px*/
|
||||
--size-text-primary: 1.125rem; /*18px*/
|
||||
--size-text-secondary: 0.875rem; /*14px*/
|
||||
|
||||
--size-num-title: 30px; /*min(calc(3*var(--w-content)), 3.75rem);*/ /*60px*/
|
||||
--size-num-subtitle: 24px; /*min(calc(2.4*var(--w-content)), 3rem);*/ /*48px*/
|
||||
--size-num-addtitle: 20px; /*min(calc(2*var(--w-content)), 2.5rem);*/ /*40px*/
|
||||
--size-num-primary: 16px; /*min(calc(1.6*var(--w-content)), 2rem);*/ /*32px*/
|
||||
--size-num-secondary: 12px; /*min(calc(1.2*var(--w-content)), 1.5rem);*/ /*24px*/
|
||||
--size-num-title: 3.75rem; /*60px*/
|
||||
--size-num-subtitle: 3rem; /*48px*/
|
||||
--size-num-addtitle: 2.5rem; /*40px*/
|
||||
--size-num-primary: 2rem; /*32px*/
|
||||
--size-num-secondary: 1.5rem; /*24px*/
|
||||
|
||||
--indent-huge: 24px; /*min(calc(2.4*var(--w-content)), 3rem);*/ /*48*/
|
||||
--indent-xlarge: 20px; /*min(calc(2*var(--w-content)), 2.5rem);*/ /*40*/
|
||||
--indent-large: 14px; /*min(calc(1.6*var(--w-content)), 2rem);*/ /*32*/
|
||||
--indent-medium: 12px; /*min(calc(1.2*var(--w-content)), 1.5rem);*/ /*24*/
|
||||
--indent-xbase: 10px; /*min(calc(1*var(--w-content)), 1.25rem);*/ /*20*/
|
||||
--indent-base: 8px; /*min(calc(0.8*var(--w-content)), 1rem);*/ /*16*/
|
||||
--indent-small: 6px; /*min(calc(0.6*var(--w-content)), 0.75rem);*/ /*12px*/
|
||||
--indent-mini: 4px; /*min(calc(0.4*var(--w-content)), 0.5rem);*/ /*8px*/
|
||||
--indent-xmini: 2px; /*min(calc(0.2*var(--w-content)), 0.25rem);*/ /*4px*/
|
||||
--indent-huge: 3rem; /*48*/
|
||||
--indent-xlarge: 2.5rem; /*40*/
|
||||
--indent-large: 2rem; /*32*/
|
||||
--indent-medium: 1.5rem; /*24*/
|
||||
--indent-xbase: 1.25rem; /*20*/
|
||||
--indent-base: 1rem; /*16*/
|
||||
--indent-small: 0.75rem; /*12px*/
|
||||
--indent-mini: 0.5rem; /*8px*/
|
||||
--indent-xmini: 0.25rem; /*4px*/
|
||||
|
||||
--h-header: 39px; /*min(calc(3.9*var(--w-content)), 4.875rem);*/ /*78*/
|
||||
--w-screen: 20px; /*min(calc(2*var(--w-content)), 2.5rem);*/ /*40*/
|
||||
--h-header: 4.875rem; /*78*/
|
||||
--w-screen: 2.5rem; /*40*/
|
||||
}
|
||||
.webbpm.ervu_dashboard .ag-theme-balham-dark {
|
||||
--ag-modal-overlay-background-color: transparent !important;
|
||||
|
|
@ -100,6 +93,7 @@ body.webbpm.ervu_dashboard {
|
|||
background-size: cover;
|
||||
}
|
||||
.webbpm.ervu_dashboard .wrapper {
|
||||
min-width: 980px;
|
||||
background:
|
||||
radial-gradient(circle at 0% 0%, rgba(16, 67, 77, 0.35) 0%, rgba(8, 37, 43, 0) 37%),
|
||||
radial-gradient(circle at 100% 0%, rgba(16, 67, 77, 0.35) 0%, rgba(8, 37, 43, 0) 37%),
|
||||
|
|
@ -128,14 +122,14 @@ body.webbpm.ervu_dashboard {
|
|||
margin-left: var(--w-screen);
|
||||
}
|
||||
.webbpm.ervu_dashboard .header-logo .logo a {
|
||||
width: min(5vw, 6.25rem); /*100*/
|
||||
width: 6.25rem; /*100*/
|
||||
height: var(--h-header);
|
||||
background: url('../../../src/resources/img/logo-full.svg') no-repeat 0 50%;
|
||||
background-size: auto 100%;
|
||||
}
|
||||
.webbpm.ervu_dashboard .header-logo .logo-title {
|
||||
font-family: 'GilroySB';
|
||||
margin-left: min(5vw, 6.25rem); /*100*/
|
||||
margin-left: 6.25rem; /*100*/
|
||||
}
|
||||
|
||||
.webbpm.ervu_dashboard .header-menu {
|
||||
|
|
@ -275,6 +269,41 @@ body.webbpm.ervu_dashboard {
|
|||
}
|
||||
/*--------------- end Login -------------- */
|
||||
|
||||
@media (max-width: 1279px) {
|
||||
.webbpm.ervu_dashboard {
|
||||
--size-text-title: 14px; /*32px*/
|
||||
--size-text-subtitle: 12px; /*24px*/
|
||||
--size-text-addprimary: 10px; /*20px*/
|
||||
--size-text-primary: 8px; /*18px*/
|
||||
--size-text-secondary: 7px; /*14px*/
|
||||
|
||||
--size-num-title: 30px; /*60px*/
|
||||
--size-num-subtitle: 24px; /*48px*/
|
||||
--size-num-addtitle: 20px; /*40px*/
|
||||
--size-num-primary: 16px; /*32px*/
|
||||
--size-num-secondary: 12px; /*24px*/
|
||||
|
||||
--indent-huge: 24px; /*48*/
|
||||
--indent-xlarge: 20px; /*40*/
|
||||
--indent-large: 14px; /*32*/
|
||||
--indent-medium: 12px; /*24*/
|
||||
--indent-xbase: 10px; /*20*/
|
||||
--indent-base: 8px; /*16*/
|
||||
--indent-small: 6px; /*12px*/
|
||||
--indent-mini: 4px; /*8px*/
|
||||
--indent-xmini: 2px; /*4px*/
|
||||
|
||||
--h-header: 39px; /*78*/
|
||||
--w-screen: 20px; /*40*/
|
||||
}
|
||||
.webbpm.ervu_dashboard .header-logo .logo a {
|
||||
width: 50px; /*100*/
|
||||
}
|
||||
.webbpm.ervu_dashboard .header-logo .logo-title {
|
||||
margin-left: 50px; /*100*/
|
||||
}
|
||||
}
|
||||
|
||||
@supports not selector(::-webkit-scrollbar) {
|
||||
* {
|
||||
scrollbar-width: thin;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue