gburri/recipes
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

- CSS for modal dialog

Browse source 
- User can click outside modal dialog to close it
This commit is contained in:
Greg Burri 2025-05-01 00:48:51 +02:00
parent 3bc17cea79
commit 8be2aa0129
9 changed files with 93 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

13
backend/scss/mixins.scss
View file

@ -1,3 +1,5 @@
@use 'constants' as consts;
@mixin markdown {
h1 {
font-size: 140%;
@ -23,4 +25,15 @@
h6 {
font-size: 100%;
}
}
// Common style for popup box like modal dialog and toast.
@mixin popup {
border: 0.1em solid consts.$color-3;
border-radius: 0.5em;
background-color: consts.$color-2;
text-align: center;
padding: calc(2 * consts.$margin) calc(2 * consts.$margin);
box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.3);
}