.supersize

Typografiska regler för Internetstiftelsens webbplatser.

H1

Typografi Ut ante enim, mollis sit amet arcu sed, auctor accumsan arcu

H2

Lorem ipsum dolor sit amet, consectetur adipisicing elit

H3

Lorem ipsum dolor sit amet, consectetur adipisicing elit

H4

Lorem ipsum dolor sit amet, consectetur adipisicing elit

.preamble

Typografiska regler för Internetstiftelsens webbplatser.

P

Typografiska regler för Internetstiftelsens webbplatser. Den här texten är bold

A

Typografiska regler för Internetstiftelsens webbplatser lorem non turpis condimentum iaculis Typografiska regler för Internetstiftelsens webbplatser

LISTS

  • Lorem ipsum dolor sit amet
  • Sed nisl justo, pharetra non scelerisque
  • Vestibulum ullamcorper
  • Nam vitae mauris blandit
    • Lorem ipsum dolor sit amet
    • Sed nisl justo, pharetra non scelerisque
    • Vestibulum ullamcorper
    • Nam vitae mauris blandit
      • Lorem ipsum dolor sit amet
      • Sed nisl justo, pharetra non scelerisque
      • Vestibulum ullamcorper
  1. Lorem ipsum dolor sit amet
  2. Sed nisl justo, pharetra non scelerisque
  3. Vestibulum ullamcorper
  4. Nam vitae mauris blandit
    1. Lorem ipsum dolor sit amet
    2. Sed nisl justo, pharetra non scelerisque
    3. Vestibulum ullamcorper
    4. Nam vitae mauris blandit
      1. Lorem ipsum dolor sit amet
      2. Sed nisl justo, pharetra non scelerisque
      3. Vestibulum ullamcorper

.meta

Typografiska regler för Internetstiftelsens webbplatser.

.small

Typografiska regler för Internetstiftelsens webbplatser.

BLOCKQUOTE

Välkommen till Internetmuseum!
 Här tar vi dig med på en resa genom den svenska internethistorien.

Frank Zappa

pre > code

const debounce = (func, delay) => {
	let inDebounce;

	return (...args) => {
		const context = this;
		clearTimeout(inDebounce);
		inDebounce = setTimeout(() => func.apply(context, args), delay);
	};
};

const checkElements = debounce(() => {
	const accordionElementFresh = document.querySelector(`.js-${className}`);

	if (accordionElementFresh) {
		attachAccordion();
	}
}, 50);

const observeHandler = (mutationsList) => {
	mutationsList.forEach((mutation) => {
		if (mutation.type !== 'childList') {
			return;
		}

		checkElements();
	});
};

const observer = new MutationObserver(observeHandler);

observer.observe(document.body, { childList: true, subtree: true });