SebinNyshkim/viktor-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add custom properties for modal dialogs

Browse source
This commit is contained in:
Sebin Nyshkim 2023-03-27 23:48:34 +02:00
parent 7fc87ea224
commit d7e3ae07b5
1 changed files with 17 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/scss/base.scss
View file

@ -61,6 +61,9 @@
var(--container-spacing-left-safe); var(--container-spacing-left-safe);
--welcome-headings-text-align: center; --welcome-headings-text-align: center;
--modal-width: 100%;
--modal-border: 0.25rem solid var(--color-modal-border);
--navigation-flow: row nowrap; --navigation-flow: row nowrap;
--navigation-justify: space-evenly; --navigation-justify: space-evenly;
--navigation-align: center; --navigation-align: center;
@ -130,7 +133,12 @@
--color-background: var(--theme-c-antique-white); --color-background: var(--theme-c-antique-white);
--color-background-body: var(--theme-c-desert-sand); --color-background-body: var(--theme-c-desert-sand);
--color-border: var(--theme-c-crystal-blue); --color-modal-background: var(--theme-c-desert-sand);
--color-modal-border: var(--theme-c-walnut-brown);
--color-button: var(--theme-c-walnut-brown);
--color-button-box-shadow: var(--theme-c-deep-oak);
--color-button-text: var(--theme-c-text-dark);
--color-heading: var(--theme-c-text-light); --color-heading: var(--theme-c-text-light);
--color-text: var(--theme-c-text-light); --color-text: var(--theme-c-text-light);
@ -169,6 +177,13 @@
--color-background: var(--theme-c-dark-grey-blue); --color-background: var(--theme-c-dark-grey-blue);
--color-background-body: var(--theme-c-deep-oak); --color-background-body: var(--theme-c-deep-oak);
--color-modal-background: var(--theme-c-deep-oak);
--color-modal-border: var(--theme-c-antique-white);
--color-button: var(--theme-c-antique-white);
--color-button-box-shadow: var(--theme-c-desert-sand);
--color-button-text: var(--theme-c-text-light);
--color-heading: var(--theme-c-text-dark); --color-heading: var(--theme-c-text-dark);
--color-text: var(--theme-c-text-dark); --color-text: var(--theme-c-text-dark);
--color-link-text: var(--theme-c-text-dark); --color-link-text: var(--theme-c-text-dark);
@ -200,6 +215,7 @@
--table-cell-padding: 0.5rem 1rem; --table-cell-padding: 0.5rem 1rem;
--font-size: 20px; --font-size: 20px;
--timeline-circle-size: 4rem; --timeline-circle-size: 4rem;
--modal-width: 30rem;
} }
} }