Skip to content

Instantly share code, notes, and snippets.

@Valkriea
Valkriea / index.pug
Created June 14, 2022 05:02
Periodic Table of Elements - HTML/CSS
- var categories = ['alkali-metals','alkaline-earth-metals','lanthanoids','actinoids','transition-metals','post-transition-metals','metalloids','other-nonmetals','noble-gasses','unknown']
// ELEMENT MIXIN TEMPLATE
mixin element(number, symbol, name, mass, weight, material, column, row)
.element(class=material)(class='c'+column)(class='r'+row)
input.activate(type='radio', name='elements')
input.deactivate(type='radio', name='elements')
.overlay
.square
.model