<div class="u-bg-mute">
    .u-bg-mute
</div>

<div class="u-bg-theme">
    .u-bg-theme (default)
</div>

<div class="t-edu">
    <div class="u-bg-theme">
        .u-bg-theme (.t-edu)
    </div>
</div>

<div class="t-lll">
    <div class="u-bg-theme">
        .u-bg-theme (.t-lll)
    </div>
</div>

<div class="t-dsgn">
    <div class="u-bg-theme">
        .u-bg-theme (.t-dsgn)
    </div>
</div>

<div class="t-econ">
    <div class="u-bg-theme">
        .u-bg-theme (.t-econ)
    </div>
</div>

<div class="t-comp">
    <div class="u-bg-theme">
        .u-bg-theme (.t-comp)
    </div>
</div>

<div class="t-scitec">
    <div class="u-bg-theme">
        .u-bg-theme (.t-scitec)
    </div>
</div>

<div class="t-library">
    <div class="u-bg-theme">
        .u-bg-theme (.t-library)
    </div>
</div>
<div class="u-bg-mute">
  .u-bg-mute
</div>

<div class="u-bg-theme">
  .u-bg-theme (default)
</div>

<div class="t-edu">
  <div class="u-bg-theme">
    .u-bg-theme (.t-edu)
  </div>
</div>

<div class="t-lll">
  <div class="u-bg-theme">
    .u-bg-theme (.t-lll)
  </div>
</div>

<div class="t-dsgn">
  <div class="u-bg-theme">
    .u-bg-theme (.t-dsgn)
  </div>
</div>

<div class="t-econ">
  <div class="u-bg-theme">
    .u-bg-theme (.t-econ)
  </div>
</div>

<div class="t-comp">
  <div class="u-bg-theme">
    .u-bg-theme (.t-comp)
  </div>
</div>

<div class="t-scitec">
  <div class="u-bg-theme">
    .u-bg-theme (.t-scitec)
  </div>
</div>

<div class="t-library">
  <div class="u-bg-theme">
    .u-bg-theme (.t-library)
  </div>
</div>
{
  "label": "Lorem ipsum",
  "labelLong": "Lorem ipsum dolor sit amet",
  "htmlText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio eget.</p>",
  "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio eget.",
  "linkTarget": "_self",
  "url": "https://www.unibz.it",
  "image": "/assets/bridge-524-295.jpg"
}

Background color

Utility classes for setting the background color of elements, the class names follow this pattern:

.u-bg-<background color>

<background color>

  • mute = gray background
  • theme = theme background (See section Base/Defaults)