Style guide

Praesent ullamcorper tellus nec tincidunt volutpat. Vivamus tempor egestas justo eu lobortis. Etiam malesuada eleifend urna vel pretium. Etiam eu lorem vulputate, egestas ante pharetra, facilisis lectus. Integer tortor lectus, lacinia non vulputate ut, dignissim a felis. Sed purus lectus, ultricies et urna sit amet, maximus cursus ipsum. Vivamus ut luctus urna, ut efficitur sapien. Vivamus erat nibh, iaculis et imperdiet in, luctus vitae felis.

Level 1 Heading

Sed tincidunt hendrerit metus, sit amet molestie urna vestibulum sed. Donec mollis blandit pharetra. Aliquam efficitur scelerisque urna, sit amet mollis augue.

Level 2 Heading

Praesent accumsan leo at facilisis elementum. Nulla metus ligula, sagittis non commodo suscipit, porttitor eu risus.

Level 3 Heading

Est culpa officia fugiat aliquip do velit aute excepteur veniam laboris magna voluptate veniam qui est velit eu.

Level 4 Heading

Sint ad Lorem commodo deserunt nostrud ex fugiat aliqua sint exercitation est labore elit sint esse ad.

Emphasis

This text will be italic

This text will be bold

You can combine them

Lists

Unordered

  • Pariatur Lorem exercitation in ut nulla nostrud ullamco tempor nulla sit tempor veniam adipisicing excepteur reprehenderit exercitation.
  • Sint eiusmod enim proident irure voluptate aliquip laboris in duis in esse qui anim excepteur id dolor enim et.
  • Sint culpa irure nostrud duis irure pariatur Lorem mollit mollit nulla duis id ut enim est sit nostrud magna mollit.
  • Laborum adipisicing excepteur quis id irure voluptate mollit velit ex ea minim deserunt eu cupidatat aute commodo proident commodo.

Ordered

  1. Veniam adipisicing excepteur reprehenderit exercitation.
  2. Laboris in duis in esse qui anim excepteur id dolor enim et.
  3. Nulla duis id ut enim est sit nostrud magna mollit.
  4. Velit ex ea minim deserunt eu cupidatat aute commodo proident commodo.

Images

Sed tincidunt hendrerit metus, sit amet molestie urna vestibulum sed. Donec mollis blandit pharetra. Aliquam efficitur scelerisque urna, sit amet mollis augue.

an image with the same width as the container
100% of the container
an image that is wider than the container
Wider than the container
an image with full screen width
Full Screen width

Links

This is a link to Google

Blockquotes

Praesent ullamcorper tellus nec tincidunt volutpat. Vivamus tempor egestas justo eu lobortis. Etiam malesuada eleifend urna vel pretium. Etiam eu lorem vulputate, egestas ante pharetra, facilisis lectus. Integer tortor lectus, lacinia non vulputate ut, dignissim a felis.

Responsive Table

#HeadingHeadingHeadingHeadingHeadingHeading
1CellCellCellCellCellCell
2CellCellCellCellCellCell
3CellCellCellCellCellCell

Syntax Highlighting

const getMDXFilesPaths = (dir = "data/posts") => {
	const dirPath = path.join(process.cwd(), dir)
	const filePaths = []

	const dirContent = fs.readdirSync(dirPath)
	for(let i = 0; i < dirContent.length; i++){
		if(/\.mdx?$/i.test(dirContent[i])){
			filePaths.push(path.join(dirPath, dirContent[i]))
		}
	}
	
	return filePaths
}

Responsive embedded video

Subscribe to our newsletter

Get all the latest posts delivered straight to your inbox.

Sint culpa irure nostrud duis irure pariatur Lorem mollit mollit nulla duis id ut enim est sit nostrud magna mollit.

links

follow us

© 2022 Micca. All rights reserved.