[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:
parent
9e1ca08efd
commit
3036418c35
@ -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%;
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user