# Opinionated Baseline

Resets element selectors to render with opinionated, cross-browser compliant styles.

These files serve as a browser reset and normalization of baseline elements and typography definitions.

# Document

kernl-ui/src/styles/02.baseline/document.scss

html, body, standard, unclassed, block-level html elements (article, footer, header, nav, section, etc) and text-level semantics (a,button,input,label,select,textarea, etc) are set here.

# Forms

kernl-ui/src/styles/02.baseline/forms.scss

Form element baseline styles are set and normalized here.

# Lists

kernl-ui/src/styles/02.baseline/lists.scss

List element baseline styles (ul, ol, dt, li, dd, dt) are set and normalized here.

# Media

kernl-ui/src/styles/02.baseline/media.scss

Media element baseline styles (img, iframe, figure, embed, etc) are set and normalized here.

# Tables

kernl-ui/src/styles/02.baseline/tables.scss

Table element baseline styles (table, thead, tbody, tr, th, td, caption) are set and normalized here.

# Typography

kernl-ui/src/styles/02.baseline/typography.scss

Typographic element baseline font-sizes and line-heights (ul, ol, dt, li, dd, dt) are set and normalized here.

# Responsive type-scaling

kernl(ui) adopts a mobile-first approach, with 15px as the base font-size on the html element. It then scales up at the following breakpoints:

# Headings and Paragraphs