[ADD] "Go To" alert (html example in commit description)

<div role="alert" class="alert-go_to alert">
<p class="alert-title">See also</p>
<p>
<a href="../../overview/from_po_to_invoice.html" class="internal
alert-link reference">
<em>From purchase order to invoice and receptions</em>
</a>
</p>
</div>
This commit is contained in:
stefanorigano 2015-10-14 17:06:26 +02:00 committed by Martin Trigaux
parent 9e1ca08efd
commit 3036418c35
2 changed files with 34 additions and 1 deletions

View File

@ -9245,6 +9245,23 @@ main .alert.alert-exercise > h3:before {
top: 28px;
content: "\e709";
}
main .alert.alert-go_to {
border-color: #b8d9e2;
background-color: #eef6f8;
border-width: 2px;
margin: 2em auto;
}
main .alert.alert-go_to a {
color: #25505c;
}
main .alert.alert-go_to > .alert-title,
main .alert.alert-go_to > h3 {
color: #4b9eb6;
}
main .alert.alert-go_to > .alert-title:before,
main .alert.alert-go_to > h3:before {
content: "\e70d";
}
@media (min-width: 1170px) {
main .alert.doc-content {
max-width: 55%;

View File

@ -472,6 +472,22 @@ main .alert {
}
}
&.alert-go_to {
border-color: lighten(@doc_info, 30%);
background-color: lighten(@doc_info, 45%);
border-width: 2px;
margin: 2em auto;
a{
color: darken(@doc_info, 25%);
}
> .alert-title, > h3 {
color: @doc_info
}
> .alert-title:before, > h3:before {
content: "\e70d";
}
}
&.doc-content{
@media (min-width: @w-size-large) {
max-width: 55%;
@ -481,7 +497,7 @@ main .alert {
.figure {
h4 {
margin-top: 0.5em 0 1.5em;
margin: 0.5em 0 1.5em;
padding-left: 1em;
font-size: 1em;
font-style: italic;