prova warning banner alternativo #217
@ -137,40 +137,49 @@ div.highlight pre code > span::before {
|
||||
|
||||
.button {
|
||||
vertical-align: middle;
|
||||
margin-left: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper.style4 {
|
||||
background: _palette(bg);
|
||||
|
||||
.warningicon {
|
||||
float:left;
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
font-size: 3em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.container {
|
||||
.container header {
|
||||
display: flex;
|
||||
background-color: _palette(accent, bg);
|
||||
@include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15))', 'url("images/bg01.png")'));
|
||||
border-radius: 12px;
|
||||
color: _palette(accent, fg);
|
||||
padding-top: 2em;
|
||||
padding-bottom: 2em;
|
||||
text-align: left;
|
||||
}
|
||||
background: _palette(bg);
|
||||
vertical-align: middle;
|
||||
|
||||
.button {
|
||||
background: _palette(accent, fg);
|
||||
color: _palette(fg);
|
||||
float: right;
|
||||
margin-right: 1em;
|
||||
.warningicon {
|
||||
// float: left;
|
||||
margin-left: 0.5em;
|
||||
padding-right: 0.5em;
|
||||
font-size: 3em;
|
||||
// text-align: left;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: _palette(accent, bg) !important;
|
||||
h2 {
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
.button {
|
||||
background: _palette(accent, fg);
|
||||
color: _palette(fg);
|
||||
display: flex;
|
||||
margin-left: auto;
|
||||
margin-right: 2em;
|
||||
|
||||
&:hover {
|
||||
color: _palette(accent, bg) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user