prova warning banner alternativo #217

Merged
paspo merged 4 commits from paspo/bglug.it:warning-alternativo into main 2024-09-12 19:18:32 +00:00
2 changed files with 7 additions and 18 deletions
Showing only changes of commit a6ecd29fc2 - Show all commits

View File

@ -127,21 +127,6 @@ div.highlight pre code > span::before {
#importantwarning { #importantwarning {
text-align: center; text-align: center;
padding: 3.5em 0; padding: 3.5em 0;
header {
h2 {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.button {
vertical-align: middle;
}
}
}
.wrapper.style4 {
background: _palette(bg); background: _palette(bg);
.container header { .container header {
@ -168,15 +153,19 @@ div.highlight pre code > span::before {
vertical-align: middle; vertical-align: middle;
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
display: inline-block;
margin: 0;
} }
.button { .button {
background: _palette(accent, fg); background: _palette(accent, fg);
color: _palette(fg); color: _palette(fg);
display: flex; display: inline-block;
margin-left: auto; margin-left: auto;
margin-right: 2em; margin-right: 2em;
vertical-align: middle;
text-align: center;
&:hover { &:hover {
color: _palette(accent, bg) !important; color: _palette(accent, bg) !important;
} }

View File

@ -1,5 +1,5 @@
{{- if .item.enabled -}} {{- if .item.enabled -}}
<section id="importantwarning" class="wrapper style4"> <section id="importantwarning">
<div class="container"> <div class="container">
<header> <header>
<i class="warningicon fa-solid fa-triangle-exclamation"></i> <i class="warningicon fa-solid fa-triangle-exclamation"></i>