Display format for links

Questions & Help
4

Hey Tony, I hope this is not too late. Here is the a list of example CSS. Under each of those CSS rules you can apply CSS properties to modify the look and feel of the element.

  1. Block reference
.block-ref {
    border-bottom: 1px solid;
    border-bottom-color: var(--transparent);
    /* border-bottom-color: rgba(var(--chinook), 1); */
    border-radius: 0;
    display: inline;
    /* font-size: inherit; */
    padding: 0 4px;
}
  1. Page reference
.page-ref {
    color: var(--ls-link-ref-text-color);
}
  1. Asset link (pdf)
.asset-ref-wrap[data-ext=pdf] {
    display: inline-flex;
    align-items: center;
}
  1. Web Link
.external-link::before {
    content: "🌏";
    margin-right: 5px;
}
.external-link {
    border-bottom: 1px solid var(--external-link-color);
    color: var(--external-link-color);
}
1 Like