verdnatura/salix-front
verdnatura
/
salix-front
2
2
Fork 1
Code Issues Pull Requests 99 Releases Wiki Activity

refs #6118 newVariable
gitea/salix-front/pipeline/head This commit looks good Details

This commit is contained in:
Pablo Natek 2023-09-13 16:30:20 +02:00
parent ae1ba448f7
commit 39cbc32547
2 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/css/app.scss
View File

@ -16,7 +16,7 @@ a {
} }
.q-card { .q-card {
width: 100%; width: $width-full;
max-width: $width-md; max-width: $width-md;
} }

32
src/css/variables.scss
View File

@ -12,6 +12,8 @@ $width-md: 800px;
$width-lg: 1280px; $width-lg: 1280px;
$width-xl: 1600px; $width-xl: 1600px;
$width-full: 100%;
// Spacing // Spacing
$spacing-xs: 4px; $spacing-xs: 4px;
@ -82,10 +84,10 @@ $color-font-light: #aaa;
$color-font-secondary: #777; $color-font-secondary: #777;
$color-font-dark: white; $color-font-dark: white;
$color-font-link: #66bfff; $color-font-link: #66bfff;
$color-font-bg: rgba(0, 0, 0, .8); $color-font-bg: rgba(0, 0, 0, 0.8);
$color-font-bg-marginal: rgba(255, 255, 255, .4); $color-font-bg-marginal: rgba(255, 255, 255, 0.4);
$color-font-bg-dark: rgba(255, 255, 255, .7); $color-font-bg-dark: rgba(255, 255, 255, 0.7);
$color-font-bg-dark-marginal: rgba(255, 255, 255, .4); $color-font-bg-dark-marginal: rgba(255, 255, 255, 0.4);
$color-header: #3d3d3d; $color-header: #3d3d3d;
$color-menu-header: #3d3d3d; $color-menu-header: #3d3d3d;
@ -103,16 +105,16 @@ $color-pink: #ff99cc;
$color-yellow: #ffff00; $color-yellow: #ffff00;
$color-button: $color-secondary; $color-button: $color-secondary;
$color-spacer: rgba(255, 255, 255, .3); $color-spacer: rgba(255, 255, 255, 0.3);
$color-spacer-light: rgba(255, 255, 255, .12); $color-spacer-light: rgba(255, 255, 255, 0.12);
$color-input-underline: rgba(255, 255, 255, .12); $color-input-underline: rgba(255, 255, 255, 0.12);
$color-input-underline-hover: rgba(255, 255, 255, .6); $color-input-underline-hover: rgba(255, 255, 255, 0.6);
$color-shadow: rgba(0, 0, 0, .2); $color-shadow: rgba(0, 0, 0, 0.2);
$color-border: rgba(0, 0, 0, .3); $color-border: rgba(0, 0, 0, 0.3);
$color-hightlight: rgba(255, 255, 255, .15); $color-hightlight: rgba(255, 255, 255, 0.15);
$color-hover-cd: rgba(255, 255, 255, .1); $color-hover-cd: rgba(255, 255, 255, 0.1);
$color-hover-dc: .7; $color-hover-dc: 0.7;
$color-disabled: .6; $color-disabled: 0.6;
$color-primary-medium: lighten($color-primary, 20%); $color-primary-medium: lighten($color-primary, 20%);
$color-primary-light: lighten($color-primary, 35%); $color-primary-light: lighten($color-primary, 35%);
@ -133,4 +135,4 @@ $color-alert-light: lighten($color-alert, 35%);
$border-thin: 1px solid $color-border; $border-thin: 1px solid $color-border;
$border-thin-light: 1px solid $color-spacer-light; $border-thin-light: 1px solid $color-spacer-light;
$border: 2px solid $color-border; $border: 2px solid $color-border;
$shadow: 0 2px 2px 0 rgba(0, 0, 0, .3); $shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);