deepStateMirrors/tabi
1
0
Fork 1
mirror of https://github.com/welpo/tabi.git synced 2025-12-14 11:48:45 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

💄 style(error): enhance visibility of Zola errors

Browse source
This commit is contained in:
welpo 2024-07-24 19:51:58 +02:00
parent 24896a5f77
commit 5bc4f348a8
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
2 changed files with 29 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
sass/main.scss
View file

@ -21,6 +21,7 @@
@use 'parts/_table.scss';
@use 'parts/_tags.scss';
@use 'parts/_theme-switch.scss';
@use 'parts/_zola-error.scss';
@font-face {
src: local('Inter'),

28
sass/parts/_zola-error.scss Normal file
View file

@ -0,0 +1,28 @@
// Styles Zola error messages. See https://github.com/welpo/tabi/pull/359
body > div:last-child > div:last-child {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
border: 2px solid var(--admonition-danger-border);
border-radius: 5px;
background-color: var(--admonition-danger-bg);
padding: 15px;
width: fit-content;
max-width: 80%;
}
body > div:last-child > div:last-child p {
margin: 0;
color: var(--admonition-danger-border);
font-weight: bold;
}
body > div:last-child > div:last-child pre {
margin-bottom: 0;
background-color: var(--admonition-danger-code);
padding: 10px;
overflow-x: auto;
}