AntonTrollback

const html = require('bel');

const labelTexts = [
  "Fin de la|Pobreza",
  'Hambre|Cero',
  'Salud|y Bienestar',
  'Educatión|de Calidad',
  'Igualdad|de Género',
  'Agua Limpia|y Saneamiento',
  'Energía Asequible|y No Contaminante',

AntonTrollback

var els = document.getElementsByTagName('use');
Array.prototype.forEach.call(els, function(el) {
  el.setAttribute('xlink:href', el.getAttribute('xlink:href'));
});

AntonTrollback

function logga() {
  echo '<script>console.log(';

  foreach (func_get_args() as $index => $arg) {
    $type = gettype($arg);

    if ($type === 'boolean') {
      $arg = $arg ? 'true' : 'false';
    } elseif ($type === 'string') {
      $arg = '"' . $arg . '"';

AntonTrollback

/**
 * Note: `min-height` flex container won't apply to its flex items in IE 10-11
 * More info: http://git.io/NbmO
 * Can be targeted with selector hack: http://git.io/Nbqx
 */

.u-flex {
  display: flex;
}

AntonTrollback

/* Icon */

.icon {
  display: block;
  width: 32px;
  height: 32px;
  margin: 50px;
  border-radius: 3px;
  background: CornflowerBlue;
    

AntonTrollback

a {
  color: rebeccapurple;
  text-decoration: none;
  outline: 0;
}

a:hover,
a:active {
  color: rebeccapurple;
  text-decoration: underline;

AntonTrollback

/* 
 * Expanding border
 * Inspired by Scorekeeper - youtu.be/sXqXpwyBI1k
 */

.btn {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;