dennis/codewanderer
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implement info message

Browse source
This commit is contained in:
Dennis Schoepf 2021-07-30 13:48:05 +02:00
parent 001a074c54
commit acdecc6e85
6 changed files with 150 additions and 9234 deletions
Download patch file Download diff file Expand all files Collapse all files

44
styles.scss
View file

@ -142,4 +142,48 @@ button {
border-left: 14px solid white;
}
}
#info-message {
display: none;
position: fixed;
z-index: 10;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 2.5rem 4rem;
border-radius: 15px;
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
#info-message-headline {
margin: 0;
padding-bottom: 1rem;
text-align: center;
}
#info-message-close {
position: absolute;
top: 10px;
right: 10px;
height: 25px;
width: 25px;
&:hover {
cursor: pointer;
}
}
}
}
#backdrop {
display: none;
position: fixed;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
}