himerus

<outline-container container-width="full" top-margin="spacing-12" bottom-margin="spacing-12">
  <outline-alert statusType="success" size="large">
    <span slot="header">Container: Full</span>
    <p>This `outline-container` component is using the `container-width` set to `full`.</p>
  </outline-alert>
  <outline-image image-href={code7} image-label="image of code on a screen" image-ratio="42/9"></outline-image>
</outline-container>

himerus

{
  "color": {
    "slate": {
      "50": { "value": "#f8fafc" },
      "100": { "value": "#f1f5f9" },
      "200": { "value": "#e2e8f0" },
      "300": { "value": "#cbd5e1" },
      "400": { "value": "#94a3b8" },
      "500": { "value": "#64748b" },
      "600": { "value": "#475569" },

himerus

import { html, css, CSSResultGroup, TemplateResult } from 'lit';
import { OutlineElement } from '../outline-element/outline-element';
import { customElement } from "lit/decorators.js";

/**
 * The Outline Widget Component
 * 
 * @element OutlineWidget
 * @extends OutlineElement
 */

himerus

:host {
  /* flex and border-radius constrain the actual boundaries of the element,
   preventing literal edge cases where a user can click on the edge or corner of the button and defeat states like disabled */
  display: inline-flex;
  border-radius: var(--spacing-2);
  vertical-align: middle;
}

.btn {
  display: flex;

himerus

Render custom blocks

$bid = 'myblock';
$block = \Drupal\block_content\Entity\BlockContent::load($bid);
$render = \Drupal::entityTypeManager()->getViewBuilder('block_content')->view($block);

Render plugin blocks

$block_manager = \Drupal::service('plugin.manager.block');

himerus

<?php

/**
 * @file
 * Contains various helper functions.
 */

use Drupal\taxonomy\Entity\Term;

/**

himerus

<?php

/**
 * @file
 * Contains various helper functions.
 */

use Drupal\taxonomy\Entity\Vocabulary;

/**